各画像の適正サイズとフォーマットについて

フォローする

この方法はデフォルトのテンプレートを利用している場合に限った説明になります。
テンプレートの編集が難しい場合、サポートへお問い合わせ下さい。ご要望を伺い作業を承ることも可能です(有償作業となります)。


ここではメインビジュアル・ロゴ画像・サムネイル画像・アイキャッチ画像の適正サイズとフォーマット(利用可能な種類)について説明しています。

表示するサイズを変更する場合にはHTML/CSSの調整が必要となります。

メインビジュアル

横幅はビューポート幅が最大幅となり、それより大きいと縮小されます。

ビューポートの幅より小さいものはオリジナルサイズで表示されます。

 

ロゴ画像

横幅160px 縦幅50px がジャストフィットのサイズです。

それより画像サイズが大きい場合、縦横比そのままで縮小されます。

 

サムネイル画像

サムネイル画像は縦横比16:9の画像を設定してください。

横幅960px 縦幅540px がジャストフィットのサイズとなります。

それより大きい場合は縮小され、小さい場合は拡大されます。

 

セットアイキャッチ画像

横幅1110px 縦幅416px がジャストフィットのサイズです。

画像は 幅1110px に合わせて拡大・縮小されます。

 

カテゴリーアイキャッチ画像

横幅960px 縦幅180px がジャストフィットのサイズです。

画像は 幅960px に合わせて拡大・縮小されます。

 

画像に利用できるフォーマットについて

一般的なWebサイトで利用可能なフォーマットのものをアップロードしてご利用ください。
GIF、JPEG、PNGなどであればご利用いただけます。
詳しくは「Webブラウザ 画像 種類」などのキーワードで検索を行うことで、最新の情報を得ることが可能かと思います。

この記事は役に立ちましたか?
1人中1人がこの記事が役に立ったと言っています