アイキャッチ画像を全部正方形で作っていたため、バランスがイマイチに…
そこで、JINの製作者の一人であるひつじさんに、
アイキャッチ画像のおすすめサイズを聞いてみました
すぐに教えていただいたので、備忘録として書いておきます
(ツイッターのDMで送ったけど、すぐに返事くれました!サポート充実です!)
ついでに、アイキャッチとか他の画像編集に使えるツールも紹介しときます
これからJINを買う方も、JIN使ってる方も、参考にしていただけたらと思います
![](https://whitecat-fx.com/wp-content/uploads/2019/01/20190117_eye_canva-320x180.png)
アイキャッチ画像の推奨サイズ 横760×縦428
サイズを整えるだけでも、見やすさは変わる
![](http://whitecat-fx.com/wp-content/uploads/2018/07/20180730_eyecatchsize.png)
よこ 760 × たて 428
これに変えるだけでも、ブログ全体の見やすさや与える印象が変わってきます
広々していて情報量も増やせますが、小さい字でたくさん書くのは控えたいです
サイズ比率が 16:9 なら綺麗におさまるらしいのですが、
画像の粗さとか、ページの表示速度を考えたら760×428が最適だと思います
左上ギリギリには文字入れちゃダメ
ワイドになったら、画面いっぱい広く使いたいって思います
だけど、ダメです
左上にカテゴリタグが表示されるテーマでは、アイキャッチ画像の左上が隠れてしまいます
意識して左上は詰めないようにしましょう
パソコンでプレビュー見て、よし!ってなっても、
スマホやタブレットでは、カテゴリタグで隠れる範囲が変わります
このブログもスマホで見ると、左上が隠れているアイキャッチがチラホラ…
劇的!ビフォーアフター
JINに変える前の正方形アイキャッチ(いらすとやとevernoteのコラボ)と、
JINにしてからの長方形アイキャッチ(いらすとやとCanva(下で紹介))を
特別にお見せします!
ビフォー…
アフター!!
サイズ指定できて、使いやすいツール「Canva」
![](http://whitecat-fx.com/wp-content/uploads/2018/07/20180729_canva-e1532861882283.png)
控えめに言って、すごいです
![](https://whitecat-fx.com/wp-content/uploads/2019/01/20190117_eye_canva-320x180.png)
ウェブとアプリ、どれでも使える
ウェブでの利用とiPhoneアプリ、iPadアプリでも使えます
私はiPadメインで使ってるので、iPad画面での紹介になります
使い方は、実際に使ってみて
最初の導入部分と、どんなことができるか雰囲気だけ画像貼っておきます
まずは、デザインのサイズを決めます
「カスタマイズ」を選択して、サイズを入力します
![](http://whitecat-fx.com/wp-content/uploads/2018/07/20180729_canva1-e1532864293610.png)
![](http://whitecat-fx.com/wp-content/uploads/2018/07/20180729_canva2-e1532864511527.png)
そうすると真っ白なキャンバスが表示されます
![](http://whitecat-fx.com/wp-content/uploads/2018/07/20180729_canva3-e1532864632452.png)
あとは触ってみて、いい感じにしてみてください
無料イラストがあったり、フォントがおしゃれなところがいいですよ
応用編 おもしろいやつ発見
![](http://whitecat-fx.com/wp-content/uploads/2018/07/20180729_canva4-e1532864911211.png)
パソコンっていうキーワードで検索すると、上のような結果が表示されます
黄色で囲っている絵に注目してください
風景のイラストが描かれています
これは、この画面の中に絵をはめ込むことができます
そうすると、こんなのができますね
![](http://whitecat-fx.com/wp-content/uploads/2018/07/20180729_eye_amazonhatu.png)
他にもスマホとかテレビとかもあるかもしれません
有料イラストもありますが、無料イラストで十分ですよ
いろいろ検索してみてください
以上、アイキャッチ画像を綺麗に作るための、サイズとツールの話でした
おしまい