SWELLのアイキャッチ画像の適切なサイズを知りたい
そんな疑問にお答えします。
本記事の内容
- SWELLのアイキャッチ最適画像サイズは「横 1,280ピクセル × 縦 720ピクセル」
- 画像データを軽くする方法
自己紹介
こんにちは、ヒロキです
Webライター・Web制作者として当サイト以外にもビジネス系インフルエンサーのサイト制作や動画記事ライティングをしています
ブログを解説して、アイキャッチを作成する際に、サイズと縦横比率について悩みますよね。
結論、SWELLのアイキャッチ画像サイズは「横 1,280ピクセル×縦 720ピクセル」でOKです!
SWELLのアイキャッチ画像サイズは「横 1,280ピクセル×縦 720ピクセル」
厳密に「1,280×720」にしなくても、横縦比率が「16:9」が守られていたら大丈夫です。
16:9 ならOK
横 | 縦 |
---|---|
480 | 270 |
768 | 432 |
960 | 540 |
1280 | 720 |
1440 | 810 |
大きいと綺麗ですが、データサイズが重くなるのでバランスが大事です。このサイトでは綺麗さと、データを軽くすることをどちらも考えた結果「1,280×720」を採用しています。
なので今このサイトをみていただいて、特に気になることがなければ、同じように「1,280×720」を採用するのがオススメ。
TwitterなどのSNSでも問題なく、拡散ブログカードが表示されますので安心してください。
公式サイト推奨サイズは横幅1,600ピクセル
推奨サイズは横幅1600pxと書いていますが、これは投稿ページのアイキャッチ画像やタイトル背景画像としても使用される可能性があり、さらにMacなどの高解像度のディスプレイも考慮してのサイズです。
https://swell-theme.com/basic-setting/2237/
※あくまで目安として参考にしていただければと思います。
あくまで参考値であって、ここまで大きくする必要はないです。
画像データを軽くする方法
»COMPRESS JPEG
画像圧縮サイト(JPEG/PNG/PDF対応)
というサイトを使って、画像を圧縮することができます。
このサイトは画像をドラック&ドロップするだけで自動で圧縮してくれる優れもの。
これがダウンロードなども不要で、完全無料で使用できるので、画像データを軽くする際には是非使ってくださいね。
作成済みなら作り直す必要は無い
SWELLのアイキャッチ画像サイズについて解説してきましたが、既に作成しているものや、公開済みのアイキャッチはそのままでOKです。
明らかに表示がズレているなら作り直す必要がありますが、基本的に大きな表示ズレが無いなら、そのままでOKです。
次に作成するアイキャッチから、画像サイズや、データ圧縮をするようにしましょう。
まとめ:SWELLアイキャッチサイズ
本記事のまとめ
- SWELLのアイキャッチサイズおすすめは、横 1,280ピクセル×縦 720ピクセル
- 画像データ圧縮サイトを使用(»compress)
- 公式サイズ推奨サイズは横1,600ピクセルだが、これは大きすぎる
アイキャッチサイズを「横 1,280ピクセル×縦 720ピクセル」にすることで、サイトトップページにも綺麗に表示されますし、TwitterなどSNSブログ記事共有・拡散に対応も可能です。
画像圧縮サイトで少しでも画像データを軽くして、サイト速度を上げてくださいね!
少しでも参考になったら嬉しいです。
少しでも参考になったら嬉しいです