公開投稿

2023.07.14 12:00

【クリエイター向け】キービジュアル・ロゴ・サムネイルの推奨サイズ紹介❗

11

2068

こんにちは、クロスフォリオ事務局です!


最近ポートフォリオのキービジュアルやロゴ、サムネイル画像の推奨サイズを知りたい!というご質問を何点か頂いておりました。


そこで!

今回はポートフォリオの顔であるロゴやキービジュアル、そしてグランドトップに表示されるサムネイル画像などの推奨サイズのご紹介と共にそれぞれの見え方なども解説いたします

上記以外にもユーザーアイコンの設定のコツなども紹介しておりますのでぜひぜひ最後まで読んでくださいね😀👍



目次

⭐キービジュアルの推奨サイズ

⭐ポートフォリオロゴの推奨サイズ

⭐ポートフォリオロゴの推奨サイズ

⭐■おまけ■




⭐キービジュアルの推奨サイズ

各テンプレートごとの推奨サイズは下記となります。(単位:px)


テンプレート毎のキービジュアルの見え方はこちら👀


■standard

PC:2880px × 1100px

mobile:750px × 480px




■emotion

|A(中央):960px×1360px|B,E(左右):640px×400px|C,D(左右):640px×640px|F,G(左右):706px×720px

 


 

■background

PC:2880px × 1340px

mobile:750px × 980px




■dark

PC:1664px × 1220px

mobile:720px × 720px

 



■colorblock

|A(右):1520px × 1400px|B(中):720px × 960px|C(左):720px × 720px

 



■popslider

PC&モバイル共通:960px × 960px

 

■sharpslider

PC&モバイル共通:1440px × 1340px

 

■verticalslider

PC&モバイル共通:1120px × 1100px

 


■black

PC&モバイル共通:2560px × 1360px

 

 


■popanimation

PC&モバイル共通:2000px × 1340px

 







⭐ポートフォリオロゴの推奨サイズ

ロゴの推奨サイズは各テンプレートによって異なります。(単位:px)


見え方はこちら👀


standard / emotion / popslider / black

推奨サイズ:1280px × 400px

 

上記のテンプレートではキービジュアルの上部にロゴが表示されるので、横幅を少し大きめにとったサイズがおすすめです。

 


 

background / dark / colorblock / sharpslider / verticalslider / popanimation

推奨サイズ:720px × 400px

 

上記のテンプレートではキービジュアルの横やキービジュアルに重なるようにロゴが表示されるため少し横幅を小さめにするのがおすすめです。


 

 




⭐サムネイルの推奨サイズ

サムネイルの種類には

・ポートフォリオ全体設定のサムネイル

・作品投稿のサムネイル

・商品メイン画像/商品サブ画像

・ファンコミュニティのプランのサムネイル

・ファンコミュニティのコミュニティ投稿のサムネイル

がありますが、こちら全ての推奨サイズが

1024px × 1024px

となっております。


☝ワンポイントアドバイス✨

作品投稿のサムネイルはトリミング機能にて余白を入れることで画像の全てを表示できます。

マンガや小説の表紙など、全体を入れてサムネイルを表示させたい場合などにおすすめですよ




■■■おまけ■■■

マイページで設定できるユーザーアイコンですが、こちらは丸く切り取られるため、正方形で作成しておくのがコツです!



余白を調整することで更に見栄えも良くなりますよ


ーーー


いかがでしたか?


ロゴやキービジュアルの設定をしっかり行うことでポートフォリオの見栄えがさらに飛躍し、作品のサムネイルなども細かく調整することで閲覧数のUPに繋がりますよ👍

これからポートフォリオを作成する方も、もう作成済みの方もぜひトライしてみてくださいね🙌


事務局公式コミュニティでは取り扱って欲しい話題や、気になる質問など随時募集しています!


コメント欄に皆様のご意見をお気軽にお寄せください。


それでは、クロスフォリオで楽しいひと時を!