ブログを書くのはMarsEditがメインです。オレっち（@yashiki55）です。

先日、MarsEditのアップデートが来てたので、ver3.5.8からver3.5.9へアップデートしたのですが、なんとこれまではサイズ指定で画像挿入するだけでRetinaに対応していたのに、対応出来なくなっているではないですか！

ということで、ダウングレードする方法も見つからなかったので、imgタグをカスタマイズしてRetina対応するように直しましたよって。

Retinaに対応する画像を挿入するってどういうこと？

細かいことは端折りますが、Retinaディスプレイというのは超高解像度なんですね。つまり、これまで普通に綺麗に見えていた画像でも、そのまま使用するとRetinaで見た際に画像がぼやけちゃうんです。

例えば、これまで幅500px、高さ300pxの画像を使っていたとしたら、Retina対応するには1000×600ぐらいの高解像度な画像をもってきて、解像度はそのままにCSSなんかで表示サイズを500×300とかに指定するとRetinaではハッキリくっきり美しく見ることが出来るようになるんですね。たぶんそういうことです。

正直なところ、実はオレっちもよく分かってません（汗）
そうすればRetinaで綺麗に見えるってことを知っただけです（笑）

詳しく知りたい方はどうぞググってくださいませ。|дﾟ)ﾁﾗｯ

MarsEditアップデートでRetinaに対応出来なくなった。

これまではblogメニューの「Edit Settings…」からサイズ指定をしておいて画像挿入するだけで、元データの解像度のままスタイルで縮小されていたのですが、元データ自体が指定サイズにリサイズされてアップロードされるようになったんです。当然解像度が指定サイズに落ちるワケですね。

oh…めんどくさい…( ꒪⌓꒪)

ならば、画像はFullsizeのままで、スタイル指定で縮小するようにMarsEditのimgタグをカスタマイズしちゃおうというワケです。

勝手にリサイズなんてさせないんだから(｣°ﾛ°)｣

MarsEditでimgタグをカスタマイズするやり方。

まずはMarsEditのblogメニューをクリックします。

 

 

 

blogメニュー内のEdit Settings…を選択します。

 

 

次に、開いたウィンドウ内のImage Sizeのところですが、これまでは「Defaults To Fit Constraint」を選択して、その上で幅や高さを指定しておけばスタイルで指定サイズにしてくれてたんですね。これがスタイルでの指定ではなくなって、そのサイズへ元画像をリサイズしよるんですわ。ﾋｨｰ(((ﾟДﾟ)))ﾔﾒﾃｰ

ということで、ここはリサイズさせないように「Defaults To Full Size」に変更します。フルサイズになるので、下の幅と高さはそのままでいいですよ。変更したらOKをぽち。

 

次にMediaウィンドウを開きます。

 

Mediaウィンドウを開いたら、Styleのところを変更します。少し下を見ると、すでに先ほどフルサイズの設定をしたので、幅と高さがとんでもないデカイ画像だということが分かりますね。この解像度のまま、リサイズさせずにスタイル指定で縮小してやるのだ。

 

Styleの中で「Customize…」を選びます。下の画像はすでにカスタムテンプレートを作成した後に撮ったのでRetina〜というテンプレートがありますが、あしからず。

 

Customize…を選んで、開いたウィンドウの左下にあるボタンから追加や削除ができます。追加をクリック。