[京都はしもと製陶所]

トピックを新しく立てる方は次の項目も記述してください（要望トピックの場合は不要です）。

【お使いの Snow Monkey のバージョン】v5.0.0
【お使いのブラウザ】Chrome
【当該サイトのURL】hseito.com

---

北島さん、いつもお世話になっています。

今回の質問は、スノーモンキーでの画像の最適なサイズや縦横比率はありますか？

ということです。

画像とは、

・投稿ページや固定ページのアイキャッチ画像

・トップページに使えるスライダーの画像やウィジェットに使う画像

のことです。

それ以外も、マニュアルに掲載されていないサイズや比率などについての注意点がございましたら、

教えていただけると幸いです。

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

Snow Monkey のスライダー系ウィジェット＆ブロック、アイキャッチ画像は、ぴっちりサイズ指定で画像表示することを想定していません。なので文字入りのバナー的な画像を表示したりするのはあまりおすすめできません。風景画像とかイメージ写真みたいなのを入れてもらうのが使い方的には多分ベストです。

という前提で、現状どういう表示をしているかを下記にまとめますね。

スライダー＆ピックアップスライダー

基本的には 16:9 で表示されますが、スライダー内のコンテンツが隠れないように、内容量に応じて広がります。

ページヘッダー

• スマホ 縦最大300px
• タブレット 縦最大400px
• PC 縦最大500px

記事一覧画面のアイキャッチ画像

• 4:3 で表示されます。

♥ 1

いいねをした人:

[京都はしもと製陶所]

北島さん　ありがとうござます

スライダー系ウィジェット＆ブロック、アイキャッチ画像は、
基本的には以下のようなサイズを想定しておけばよいということですね。

ページヘッダーは、

・PC　縦最大500pxの16：9

・スマホ　縦最大300pxの9：16

記事一覧のアイキャッチ画像は　4：3

文字入り画像バナーは、文字などが画面の外に、はみ出るのでヘッダーにはつかわない

ということで了解しました。

また、私の場合は、投稿記事のアイキャッチ画像にタイトルやコピーを入れます。

ですので、文字を入れる場合は、以下のポイントに注意して、

・アイキャッチの画像比率16：9

・記事一覧の比率4：3

・PCとスマホの両方のサイズで文字が切れないか確認

文字が切れない画像内の範囲を一度、割り出してから画像を作成する。

テーマ移行後、記事一覧のアイキャッチ画像のコピーやタイトルが切れているものがありました
そのため、以上のことを確認してアイキャッチ画像も作りなおします。

テーマの移行では、ショートコード修正や画像修正、
さらにブロックエディターの使い方の習得などやらねばならない作業が多いですね。

じつは、私は、テーマ移行のための作業量の多さで、
前のテーマからスノーモンキーに移行するのを長い間ためらっていました。

この移行作業の負担か少しでも減るアイデアがあれば、もっといいですね！

以上、北島さん、ありがとうございました！

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

ページヘッダーは、
・PC　縦最大500pxの16：9
・スマホ　縦最大300pxの9：16

ページヘッダーは縦の最大値しか制限がないので、特に16:9でなくても良いかもです。

あ、下記のサイトでは文字入りのアイキャッチ画像を使われているので参考になるかもしれません。

次世代フリーランス研究所（フリラボ）

フリーランスの現実を発信するメディア

c-u.co.jp

♥ 0

いいねをした人: 居ません

[京都はしもと製陶所]

北島さん、ありがとうございます。

ご紹介していただいた参考サイトを拝見しました。

これで、文字入りの範囲がよくイメージできました。

これらを参考に、まずは、１つアイキャッチを作ってテストしてみます！

♥ 0

いいねをした人: 居ません

[投稿者]

投稿