公開投稿
2023.07.14 12:00
【クリエイター向け】キービジュアル・ロゴ・サムネイルの推奨サイズ紹介❗
2322
こんにちは、クロスフォリオ事務局です!
最近ポートフォリオのキービジュアルやロゴ、サムネイル画像の推奨サイズを知りたい!というご質問を何点か頂いておりました。
そこで!
今回はポートフォリオの顔であるロゴやキービジュアル、そしてグランドトップに表示されるサムネイル画像などの推奨サイズのご紹介と共にそれぞれの見え方なども解説いたします❗
上記以外にもユーザーアイコンの設定のコツなども紹介しておりますのでぜひぜひ最後まで読んでくださいね😀👍
目次
⭐キービジュアルの推奨サイズ
⭐ポートフォリオロゴの推奨サイズ
⭐ポートフォリオロゴの推奨サイズ
⭐■おまけ■
⭐キービジュアルの推奨サイズ
各テンプレートごとの推奨サイズは下記となります。(単位:px)
![](https://assets.xfolio.jp/secure/1359786657/creator/379/articles/12641/34989_cfsLbFjBVW.webp?hash=pLM05zEzihUeytC69m4Hug&expires=1719180000)
テンプレート毎のキービジュアルの見え方は↓こちら↓👀
■standard
PC:2880px × 1100px
mobile:750px × 480px
![](https://assets.xfolio.jp/secure/1359786657/creator/379/articles/12641/30260_Jy2bJdmwtU.webp?hash=9BTcP66-BqIk4TO75QvInA&expires=1719180000)
■emotion
|A(中央):960px×1360px|B,E(左右):640px×400px|C,D(左右):640px×640px|F,G(左右):706px×720px|
![](https://assets.xfolio.jp/secure/1359786657/creator/379/articles/12641/30263_VeWWeYMFUr.webp?hash=e1TJpLPqIMKvOs5lXQ_L7A&expires=1719180000)
■background
PC:2880px × 1340px
mobile:750px × 980px
![](https://assets.xfolio.jp/secure/1359786657/creator/379/articles/12641/30266_KV78IuqtKk.webp?hash=9PSNIIVTyvb0vhBydJ3A_w&expires=1719180000)
■dark
PC:1664px × 1220px
mobile:720px × 720px
![](https://assets.xfolio.jp/secure/1359786657/creator/379/articles/12641/30269_ygRLlJs5g2.webp?hash=_0167N12XodpJE34A7MHwg&expires=1719180000)
■colorblock
|A(右):1520px × 1400px|B(中):720px × 960px|C(左):720px × 720px|
![](https://assets.xfolio.jp/secure/1359786657/creator/379/articles/12641/30272_aU5A2LW0vK.webp?hash=HW7J1IVoMc36mEhHWAEJJQ&expires=1719180000)
■popslider
PC&モバイル共通:960px × 960px
![](https://assets.xfolio.jp/secure/1359786657/creator/379/articles/12641/30275_DoBUYBR7RD.webp?hash=bhp7oU_kjZnIjtkMmJeu_g&expires=1719180000)
■sharpslider
PC&モバイル共通:1440px × 1340px
![](https://assets.xfolio.jp/secure/1359786657/creator/379/articles/12641/30278_f4DkcQnb91.webp?hash=vUEkCwK7UYK8QsqqzmyJsw&expires=1719180000)
■verticalslider
PC&モバイル共通:1120px × 1100px
![](https://assets.xfolio.jp/secure/1359786657/creator/379/articles/12641/30281_w0JozBuhqm.webp?hash=omqdkeNN921HXsg3gQaMWQ&expires=1719180000)
■black
PC&モバイル共通:2560px × 1360px
![](https://assets.xfolio.jp/secure/1359786657/creator/379/articles/12641/30284_uSOHfYn0Z8.webp?hash=_roJWt86xOpoP6C39CPViQ&expires=1719180000)
■popanimation
PC&モバイル共通:2000px × 1340px
![](https://assets.xfolio.jp/secure/1359786657/creator/379/articles/12641/30305_muvoMCEv0w.webp?hash=8_GycLBN-a-0ZNlWW49T2g&expires=1719180000)
⭐ポートフォリオロゴの推奨サイズ
ロゴの推奨サイズは各テンプレートによって異なります。(単位:px)
![](https://assets.xfolio.jp/secure/1359786657/creator/379/articles/12641/30311_kCkcE5BqWq.webp?hash=9axp8oKY497em0twjBSPVw&expires=1719180000)
見え方は↓こちら↓👀
standard / emotion / popslider / black
推奨サイズ:1280px × 400px
上記のテンプレートではキービジュアルの上部にロゴが表示されるので、横幅を少し大きめにとったサイズがおすすめです。
![](https://assets.xfolio.jp/secure/1359786657/creator/379/articles/12641/30290_SwigXLO6cz.webp?hash=hJCqK6ggivitncEV5JrDOg&expires=1719180000)
background / dark / colorblock / sharpslider / verticalslider / popanimation
推奨サイズ:720px × 400px
上記のテンプレートではキービジュアルの横やキービジュアルに重なるようにロゴが表示されるため少し横幅を小さめにするのがおすすめです。
![](https://assets.xfolio.jp/secure/1359786657/creator/379/articles/12641/30293_MU3fbaD9ZR.webp?hash=ZF337wtafgFTpoJx6Qa4IQ&expires=1719180000)
⭐サムネイルの推奨サイズ
サムネイルの種類には
・ポートフォリオ全体設定のサムネイル
・作品投稿のサムネイル
・商品メイン画像/商品サブ画像
・ファンコミュニティのプランのサムネイル
・ファンコミュニティのコミュニティ投稿のサムネイル
がありますが、こちら全ての推奨サイズが
1024px × 1024px
となっております。
☝ワンポイントアドバイス✨
作品投稿のサムネイルはトリミング機能にて余白を入れることで画像の全てを表示できます。
マンガや小説の表紙など、全体を入れてサムネイルを表示させたい場合などにおすすめですよ❗
![](https://assets.xfolio.jp/secure/1359786657/creator/379/articles/12641/30296_aUoybCyJ37.gif?hash=5LGq9ZQc_6miHfxi0bXDyA&expires=1719180000)
■■■おまけ■■■
マイページで設定できるユーザーアイコンですが、こちらは丸く切り取られるため、正方形で作成しておくのがコツです!
![](https://assets.xfolio.jp/secure/1359786657/creator/379/articles/12641/30299_vATMvxvvJO.webp?hash=1GX-uUt5me_0AUYkuCF0pQ&expires=1719180000)
余白を調整することで更に見栄えも良くなりますよ❗
ーーー
いかがでしたか?
ロゴやキービジュアルの設定をしっかり行うことでポートフォリオの見栄えがさらに飛躍し、作品のサムネイルなども細かく調整することで閲覧数のUPに繋がりますよ👍
これからポートフォリオを作成する方も、もう作成済みの方もぜひトライしてみてくださいね🙌
事務局公式コミュニティでは取り扱って欲しい話題や、気になる質問など随時募集しています!
コメント欄に皆様のご意見をお気軽にお寄せください。
それでは、クロスフォリオで楽しいひと時を!