Appearance
このマニュアルでは、キービジュアルやサムネイルの推奨画像比率とスペックについて説明します。
キービジュアル・サムネイルの推奨画像比率とは?
マガジンおよびスナックのキービジュアル・サムネイルは16:9比率が推奨です。システム上自動で調整されますが、あらかじめ正しい比率で準備することで最適な表示になります。
主な特徴とメリット
- 16:9比率さえ守れば画像が崩れません
- システム側で自動的にリサイズ+WebP変換されるため、大きめで軽い画像を上げておくと高精細ディスプレイでも鮮明に表示されます
注意事項・便利な活用例
① マガジン:マガジンページのキービジュアルの推奨画像比率は、スマホ閲覧時16:9となり、システム上自動で調整されます。PC閲覧時はもう少し横長になりますが、閲覧するディスプレイによります。画像横幅をトリミング、もしくは余白を作っていただき、全体が表示されるよう設定ください。 ② スナック:サムネイルの画像比率も16:9となり、システム上自動で調整されます。ビューポート(表示される領域)を1200px(小型ノート)とした場合の実寸目安は下記になります。実際の白枠・余白設定を変えると数px単位で変動しますが、縦横比16:9さえ守れば崩れません。
- 1列 1168px × 657px
- 2列 576px × 324px
- 3列 376px × 211px ③ アップロード時の推奨スペックは下記の通りです。システム側でリサイズ+WebP変換されるため、大きめで軽い画像を上げておくと高精細ディスプレイでも鮮明に見えます。
| **項目** | **推奨値** |
| 縦横比 | **16:9 固定**(例:1920×1080 px、1280×720 px) |
| 横幅 | **最低 1,280 px**(Retina を考慮するなら 1,920 px 以上) |
| ファイル容量 | **1 MB 以下**(JPG 80–85 %圧縮 or WebP) |