
SWELLの最適な画像サイズ(メインビジュアル、アイキャッチ、ファビコン、ロゴについて)
SWELLの最適な画像サイズについて、以下は具体的な解説です。
SWELLとはどういったWordPressテーマかより深くしりたい方はこちらの記事を参考にしてみてください↓
アイキャッチ画像
アイキャッチ画像の最適なサイズは、1200px × 630px(WebP推奨)です。このサイズは、OGP(SNS推奨)と同じであり、SWELL公式サイトでも推奨されています。
ファビコン画像
ファビコン画像の最適なサイズは、512px × 512px(PNG推奨)です。このサイズは、WordPress公式サイトでも推奨されています。
ヘッダーロゴ画像
ヘッダーロゴ画像の最適なサイズは、1600px × 360px(SWELL公式サイト)です。このサイズは、SWELL公式サイトで推奨されています。
メインビジュアル画像
メインビジュアル画像の最適なサイズは、PCでは1600px × 900px(SWELL公式サイト)です。スマホでは、横幅960px、高さ800px(スマホ用)です。このサイズは、SWELL公式サイトで推奨されています。
その他の画像サイズ
以下は、SWELLで使用する他の画像サイズです。
プロフィール画像:512px × 512px
NO IMAGE画像:1200px × 630px
OGP画像:1200px × 630px
記事内画像:1200px × 630px(WebP推奨)
画像サイズの重要性
画像サイズは、ページ表示速度やSEOに影響します。適切なサイズにした画像を使用することで、ページの表示速度を向上させることができます。
SWELLの画像サイズ設定方法
SWELLの画像サイズ設定方法は、以下の通りです。
ファビコン画像の設定:ダッシュボードメニューの「外観」→「カスタマイズ」→「サイト基本情報」→「サイトアイコン」をクリックし、画像を変更します。
ヘッダーロゴ画像の設定:ダッシュボードメニューの「外観」→「カスタマイズ」→「ヘッダー」→「ヘッダーロゴの設定」をクリックし、画像を変更します。
メインビジュアル画像の設定:ダッシュボードメニューの「外観」→「カスタマイズ」→「メインビジュアル」をクリックし、画像を変更します。
結論
SWELLの最適な画像サイズは、アイキャッチ画像が1200px × 630px、ファビコン画像が512px × 512px、ヘッダーロゴ画像が1600px × 360px、メインビジュアル画像がPCで1600px × 900px、スマホで横幅960px、高さ800pxです。これらのサイズを使用することで、ページの表示速度を向上させることができます。
SWELLを使用してホームページ制作を行うのは実際に可能か?という内容についてこちらのnoteで記載しています😌