RESTPLACE

画像ガイド一覧

サムネイルの文字を読みやすくする方法|縮小表示で比べる

編集画面で読みやすいサムネイルも、一覧では背景と文字が重なって読みにくくなることがあります。完成予定の画像を小さく表示し、どの語が最初に読めるか確認します。

1920 px幅の画像を幅320 pxで表示すると、すべてが6分の1になります。画像の中で高さ48 pxの文字は約8 px相当に、96 pxなら約16 px相当になります。これは表示幅からの計算で、読みやすさはフォントや背景とのコントラストにも左右されます。

同じ背景で、長い見出しを入れた版と、中心語を短く大きくした版を並べます。人物や商品の輪郭に文字を重ねず、文字の背後に余白のある領域や帯を確保してください。最後に掲載先の一覧に近い大きさで確認し、タイトルを知らない状態でも一目で主題を拾えるかを見ます。

関連ページ