デザイン制作・レビュー・広告依頼のご相談はこちら ≫≫

ココナラの全画像サイズと表示領域を徹底解説!【プロフィール・カバー・出品サービス・ポートフォリオ】

IT・ビジネス
この記事は約7分で読めます。

おすん
おすん

時間や場所に縛られずに働いている
フリーランスデザイナーのおすん( @osunnotsubuyaki)です。

ココナラで出品中のサービスをクリックされたり購入されるためには、画像の設定は絶対条件です。

おすん
おすん

こんな感じで一覧表示されたときって目立つ画像じゃないとクリックされにくいのはお分かりでしょうか。

上記の画像は出品サービスの画像一覧ですが、ココナラで画像設定する項目は全部で4つあります。

 ココナラの画像一覧
  • プロフィール画像
  • カバー画像(ヘッダー)
  • 出品サービス
  • ポートフォリオ

サイズが間違ってるとなんだか変なとこで画像が切れてたりします。

おすん
おすん

こういう画像の問題って公式サイトを見てもイマイチ分かりづらかったりします。

そんな問題を解決するために各画像の最適なサイズを調べましたので、この記事で紹介します!

ちなみに2020年2月23日現在のプロフィールアイコンとカバー画像はこんな感じです。

カバー画像に関してはプロフィールを見に来てくれた方々が見やすいように、デザインやレイアウト、色味など結構作り込みました。

僕自身の簡単な実績としては、2019年7月にココナラを始めてから3ヶ月でプラチナランクになり、売り上げも10万を超えました。

‬販売実績も4ヶ月で100件を超えました。

この記事では、各画像の最適なサイズや表示可能領域を詳しく説明しますが、すぐにサイズだけ知りたい方は下記を参考にしてください。

ココナラの画像サイズ一覧
  • プロフィールアイコンの画像サイズ|182×182px
  • カバー(ヘッダー)画像サイズ|2560×840px
  • 出品用サービス画像サイズ|1220×1240px ※表示可能領域あり
  • ポートフォリオ用画像サイズ|1200×1200px
記事内での『◯◯px』とは画像サイズの単位である『ピクセル』のことです

 

ココナラの人気記事4選

ココナラで画像を設定するための基本知識

アップロードできる画像サイズは最大100Mまでで、「JPG・PNG・GIF」の画像形式のみ可能です。

プロフィール画像やサービス画像が正常に表示されない場合は、下記より解説する画像サイズをご用意の上、画像のアップロードお試しください。

※「GIF」のアニメーション機能は登録できません。
※スマートフォンの場合、機種やバージョンによってはファイルを添付できないため、PCからのアップロードをお試しください。

サービス画像・動画のアップロード方法はサービス画像や動画の登録・削除方法をご確認ください。

ココナラのプロフィールアイコンの画像サイズ|182×182px

プロフィールアイコンの画像サイズは182×182pxです。

ちなみに僕はこのブログのファビコンで使用してる512×512pxでも問題なく表示されてるので、『182×182px〜512×512px』内であれば問題ないはずです。

下記画像のように、正方形の画像だと四隅(赤い部分)が切り取られてしまうので、丸い円形内に納まるように加工してください。

プロフィールアイコンの設定方法はこちら。

自分のプロフィールページ左下(画像の赤枠部分)をクリックして「ファイルを選択」をクリック。

画像を選択したら下にある「更新する」をクリックすればOKです。

自分のプロフィール編集ぺージはこちらから入れます。

ココナラのカバー(ヘッダー)画像サイズ|2560×840px

設定方法はプロフィール画像同様、プロフィールページの画像内にある赤枠部分をクリックして設定できます。

ココナラのカバー画像サイズは以下の通り。

  • 画像サイズ:2560×840px
  • ファイルサイズ:最大100MB
  • ファイル形式:JPG・PNG・GIF

カバー画像は2560×840pxのサイズで指定されていて、それ以上のサイズは強制的にトリミングされる仕組みとなってます。

ブログヘッダー・バナー・サムネ画像を作成します 修正無制限で初心者の方でも安心!満足するご対応をいたします! | バナー・ヘッダー作成 | ココナラ
△▼△▼△▼△▼△ 販売実績150件突破 △▼△▼△▼△▼△ ブログやホームページ、TwitterやFacebookなどのSNS用ヘッダー画像(カバー画像...

ココナラの出品用サービス画像サイズ|1220×1240px※

ココナラの出品用画像サイズって結構ややこしいんですよね笑

PC表示では以下のカテゴリのみサービス画像を最大1220×1240pxで表示しています。

  • 似顔絵・イラスト・漫画
  • デザイン
  • 動画・写真・画像
  • Webサイト制作・Webデザイン

これより大きいサイズの場合は、縮小して表示されます。

おすん
おすん

縮小されると表示したい部分が切り取られてしまいます。

上記の出品カテゴリで最適な画像サイズで表示させたい場合は以下のように画像を加工してください。

  • 横長の画像の場合:横幅を1220pxにする
  • 縦長の画像の場合:縦幅を1240pxにする
おすん
おすん

僕は『iloveimg』を使って画像サイズの変更をしています。

※その他の出品カテゴリのサービス画像は、6:5(横:縦)の比率の画像サイズでアップロードをお試しください。
ただし、表示方法により厳密な表示比率が異なるため、もし文字などが見切れる場合は、画像の縁付近は文字表示などを避けて設定してください。
 
おすん
おすん

…多分詳しくない方はよくわからないですよね。笑

出品し始めた最初の頃は何度やってもうまく表示されないから、色々試してみてようやく最適な表示領域がわかりました。

  1. 作成する際の全体の画像サイズを1220×1016pxにする
  2. 表示させたい部分は1220×824px以内に収める

このサイズ通りに設定すればうまく表示されるようになります。

画像作成アプリなどで作成するときの参考として下記の画像を保存してご自由にお使いください。

1220×1016pxの画像です
おすん
おすん

特に出品サービスの1枚目はココナラの一覧ページで表示されますので、クリックしたくなるように魅力的な画像や目立つ画像に設定しましょう。

また、出品サービスに登録できる画像の数は10枚までで、アップロードは最大100Mまでの『jpeg・png・gif』画像形式のみ可能です。

ココナラ:ポートフォリオ用画像サイズ|1200×1200px

プレビュー画面(グレーの表示画面)で1200×1200px内で表示されます。(縦と横、それぞれ長い方が1200pxに揃います。)

ファイル容量は4MBが表示の上限となり、容量が超えた場合は「4MBまで圧縮」されます。
※画像を拡大すると、アップロードされた際の実際の画像サイズになります。

ポートフォリオはデザインなどのカテゴリでは自分をアピールできる場所になります。サービス画像内ではアピールできる量が限られているので、ポートフォリオにうまく誘導して自分の作品を見てもらいましょう。

 

ココナラの人気記事4選

ブログ機能の投稿画像サイズについて

2020年4月9日より、ブログ機能が追加されました。

画像に関しての詳細を運営にメールで確認したところ、投稿画像サイズについては以下の通りになります。

項目内容
画像ファイル形式JPEG・PNG・GIF
画像サイズ100MB以下
画像解像度686px以上

ブログ機能の画像のファイル形式に関しましては、「JPEG、PNG、GIF」のいずれかの形式に対応しています。

画像ファイルのサイズ(容量)に関しましては、100MB以下、画像解像度については横幅686px以上のファイルになります。

まとめ:ココナラで購入されるためには最適な画像サイズを設定しましょう

この記事でのまとめです。

ココナラの画像サイズ一覧
  • プロフィールアイコンの画像サイズ|182×182px
  • カバー(ヘッダー)画像サイズ|2560×840px
  • 出品用サービス画像サイズ|1220×1240px ※表示可能領域あり
  • ポートフォリオ用画像サイズ|1200×1200px

ココナラの最適な画像サイズの設定は、出品サービス以外特に複雑なものではないので、推奨されている画像サイズを設定すれば問題なく表示されます。

人は文字よりもまずは視覚である画像から情報を取り入れるので、この記事で解説した画像サイズで購入者の目に留まりやすい魅力的な画像サイズで設定しましょう。

それでも解決しない場合はココナラのお問い合わせから直接運営側へ問い合わせしてみてください。 

 

ココナラの人気記事4選
おすん
おすん

Twitterでは、フリーランス、ブログ、ITなどのビジネス、デザインのことを発信してますので、よかったらフォローしてください!

おすん( @osunnotsubuyaki

コメントはこちら

トップへ戻る
タイトルとURLをコピーしました