*

ブログの画像をRetinaに対応しようとMarsEditの設定を変えてみた

公開日: Wordpress ,

名称未設定 1
iPhone6の発売が開始されて、恒例の行列に中国語を話す人達が横入りして来ただの、24時間並んだのに6PLusが買えなかっただのと色んな情報がTwitter上を飛び交ってますが、僕の場合ネット予約開始の4時過ぎに予約したにも関わらずなんの連絡も来ていません・・。

なんの連絡も来ていないのに、6PLusが来たらiPad mini必要無くなるかもしれないな〜とヤフオクの出品準備をしてみたりしているのですが、6PLusが来る事を考えてそろそろブログの画像をRetinaに対応しようと重い腰を上げてみました。

ブログの画像のRetina対応って、やった方が良いんだろうけど画像のサイズを倍にして結局画像が重くなってアクセスに影響あるかも?とか考えて見て見ぬふりして来たのですが・・ 先日↓こちらの記事を見て、そう!こういう裏技が知りたかったんすよと頭では解っていたものの・・いつもブログを書いているルーティーンの設定を変えるのって結構面倒くさいんすよね〜。


とは思いつつもこちらの記事を参考にさせて頂いていつものルーティーンに変更を加えてみました。

先ずは画像をいつもの倍のサイズで書き出す!


いつも画像はPhotoshopで簡単にチャチャっと調整して、最後はアクションパレットでゴニョゴニョして600PXで書き出していたのですが、Retinaに対応するということで、倍の1200pxで書き出す設定に変更しました。

2014 09 19 19 23 48

MarsEditの設定をRetina対応に変更


ブログを書く時はいつもMarsEditを使っているので、今まで常に600PXでアップロードしていたので、1200pxでアップロードして600PXで表示するように変更してみました。

MarsEditでの設定


メニューバーからBlog → Edit Setting → Editing を開いてMedia Defaultsを「Defaults To Full Size」にします。
これで画像を1200pxでアップロード出来るようになります。

DropShadow ~  2014 09 19 15 53 41
次にメニューバーから、Window → Media Managerを開いて、Styleをクリック。

2014 09 19 19 47 46
次に「Customize…」をクリック。

2014 09 19 19 50 37
ここで左下の「+」マークをクリックして新しくカスタマイズ項目を作っていきます。
例えば新しく「retina-width」と作って、Class指定したりして、幅を600pxに指定すれば完了。

2014 09 19 20 24 00
これで、1200pxの画像をアップして、表示は600pxになるのでretinaディスプレイでもかなり綺麗に見られるようになります。

iPhone5でキャプチャーした縦長の画像などは、縦1200 pxでアップして幅350pxで表示してます。

簡単に言えば、ブログでいつも表示している画像サイズの倍のである程度綺麗に作っておいて、アップロードするときにはいつもの画像サイズで表示するって事でretinaディスプレイでも綺麗に表示出来るようになりました。

同じ様にMarsEditでブログを書いている方は是非試してみてはいかがでしょう。

僕もiPhone6Plusが来るまでにこの記事から少しずつretinaに対応していこうと思います。

MarsEdit – the blog editor for WordPress, Tumblr, Blogger and more.
カテゴリ: ソーシャルネットワーキング, 仕事効率化

  • このエントリーをはてなブックマークに追加
  • Pocket

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

IMG_7890
COOK & DINE HAYAMAで燻製が簡単に作れるスモーカーを購入して自家製ベーコン作ってみた

葉山でわりと近所なのに、初めてCOOK & DINE HAYA

IMG_6981.JPG
iPhone 6 Plus用 olloclip 4-IN-1 フォトレンズを使用開始

iPhone 6 Plus用 olloclipを使い始めてみま

IMG_7251
iPhone 6 PlusでApple wireless keyboardを使い始めたらタイピングが快適に!

今まで4種類くらいの小型のキーボードをiPhone/iPadで使ってき

IMG_4737.JPG
トイプードルのビッケの里親になって7ヶ月が経ちました

2014年のゴールデンウィークにビッケの里親になったので、一緒

P1160266.JPG
湘南〜三浦半島エリア 愛犬の散歩にオススメしたい公園7選

愛犬(トイプードルのビッケ)の里親になって半年が経ちました。毎

→もっと見る

  • follow us in feedly
PAGE TOP ↑