Picovert

Behance画像サイズガイド2026:プロジェクト、カバー、プロフィール

Picovert チーム著2026-03-114分で読了

Behanceはデザイナー、写真家、クリエイティブなプロフェッショナルのための代表的なポートフォリオプラットフォームです。 しかし、間違ったサイズで画像をアップロードすると、ぼやけたサムネイル、不自然なクロップ、 読み込みの遅延が発生することがあります。このガイドでは、2026年時点のすべてのBehance画像タイプの 正確なサイズとフォーマット推奨事項を説明します。

Behance画像サイズ — クイックリファレンス

  • プロフィール写真:150×150 px(円形で表示)
  • アカウントカバー(バナー):1400×320 px(または最大1400×500 px)
  • プロジェクトカバー画像:1400×1050 px(4:3比率、推奨)
  • プロジェクトカバー — ワイドスクリーン:1400×787 px(16:9比率)
  • プロジェクトカバー — スクエア:1400×1400 px(1:1比率)
  • プロジェクトモジュール画像:最大1400 px幅;Retina用に2×(2800 px)でアップロード
  • アップロードあたりの最大ファイルサイズ:50 MB

Behanceプロフィール写真サイズ

Behanceはプロフィール写真を円形で表示します。推奨仕様:

  • 推奨サイズ:150×150 px(最小);高DPIスクリーンで鮮明に表示するために 300×300 px以上でアップロードしてください
  • フォーマット:JPGまたはPNG
  • 最大ファイルサイズ:10 MB

写真が円形で表示されるため、被写体を中央に配置し、重要な要素を角の近くに置かないようにしてください。 顔またはロゴが中央に配置された正方形のソース画像が最適です — 円形マスクが角を均等にクロップします。

Behanceアカウントカバー(バナー)サイズ

アカウントカバーは公開Behanceプロフィールの上部に表示されます。Behanceは閲覧者の画面サイズに 応じてバナーを縦方向にクロップするため、配置が重要です:

  • 推奨サイズ:1400×320 px
  • より高いオプション:最大1400×500 px — Behanceが収まるようにクロップし、 デフォルトで中央を表示します
  • フォーマット:JPGまたはPNG

名前、タグライン、主要なビジュアルなど重要な要素は水平方向に中央に配置し、 画像の上部60%以内に収めてください。モバイルデバイスではバナーがより大きくクロップされます。 左右の端の近くに重要なテキストを配置しないようにしてください。

Behanceプロジェクトカバー画像サイズ

プロジェクトカバーは、ポートフォリオグリッド、プロフィール、Behanceの発見フィードに 表示されるサムネイルです。閲覧数を増やすための最も重要な画像です。 Behanceは3つの一般的なアスペクト比をサポートしています:

  • 標準4:3(推奨):1400×1050 px — デフォルトのBehanceプロジェクトカバー比率。 ほとんどのデザイン分野に適しています。
  • ワイドスクリーン16:9:1400×787 px — 映画、動画、モーショングラフィクス、 ワイドフォーマットのUI/UXプロジェクトに適しています。
  • スクエア1:1:1400×1400 px — ブランディング、イラストレーション、 写真プロジェクトで人気があります。

プロジェクトカバーは目を引き、プロジェクトの最高の作品を代表するものにしてください。 Behanceはこの画像をポートフォリオグリッド、検索結果、ソーシャル共有プレビューなど 複数の場所で使用します。アップロード前に Picovertの画像クロッパーを使用して正確な比率を設定してください。

Behanceプロジェクトモジュール画像(プロジェクト内)

プロジェクトモジュール画像はプロジェクト内の実際のケーススタディコンテンツです。 Behanceビューアーでは最大幅1400 pxで表示されます:

  • 最大表示幅:1400 px
  • Retina / 高DPI推奨:Retinaディスプレイで鮮明に表示されるように 2×幅(2800 px幅)でアップロードしてください。Behanceは標準画面用に1400 pxに縮小します。
  • 高さ:固定制限なし — 縦スクロール形式の長い画像はケーススタディで一般的です。 フルブリードの縦レイアウトも効果的です。
  • Behance自動スケール:1400 pxより広い画像は自動的に収まるように縮小されます。 より広くアップロードしても問題ありませんが、表示サイズは1400 pxに制限されます。

テキストが多いケーススタディ(ワイヤーフレーム、デザイン仕様、注釈付きスクリーンショット)には PNGを使用してください — 非可逆圧縮アーティファクトなしにテキストエッジを鮮明に保ちます。 写真セクションにはJPEG品質85〜90%が、視覚的な品質損失なしにファイルサイズを管理可能に保ちます。

Behanceファイルサイズとフォーマット制限

  • 画像あたりの最大ファイルサイズ:50 MB
  • サポートされる画像フォーマット:JPG、PNG、GIF
  • ビデオモジュール:MP4(プロジェクト内の動画埋め込み用)
  • GIFモジュール:サポート — スムーズな読み込みのために個々のGIFを 5 MB未満に保ってください;Behanceがインラインで再生します

Behanceはアップロードされた画像を独自のCDNで再処理します。常に保有している最高品質のソースを アップロードしてください — 配信最適化はBehanceに任せましょう。すでに過度に圧縮されたJPEGを アップロードすると、品質劣化が累積します。

プロジェクトタイプ別フォーマット推奨

  • 写真プロジェクト:品質85〜90%のJPEG。ファイルサイズと視覚的品質の良いバランス。 Retinaの鮮明さのために2800 px幅でアップロードしてください。
  • UI/UXおよびグラフィックデザイン:PNG。シャープなエッジを維持し、 フラットカラー、アイコン、テキストオーバーレイの圧縮アーティファクトを防ぎます。
  • 混合プロジェクト(写真+スクリーンショット):写真が多いセクションにはJPEG、 UIスクリーンショット、ワイヤーフレーム、デザイン仕様にはPNGを使用してください。
  • ブランディングとイラストレーション:鮮明なベクターソースエクスポートにはPNG; テクスチャが多いまたはフォトリアリスティックな作品にはJPEG。
  • ファッションと製品写真:品質90%のJPEG、2800 px幅 — Retinaで鮮明、ファイルサイズも適切です。

Behance用の画像リサイズと最適化の方法

Behance用の画像を素早く準備するには:

  1. Picovertの画像リサイザーを開きます — 無料、アカウント不要。
  2. 画像をドロップし、目標の幅を設定します(例:プロジェクトカバーは1400 px、 Retinaモジュール画像は2800 px)。
  3. 正しいアスペクト比を選択します:標準カバーの4:3(1400×1050)、ワイドスクリーンの16:9(1400×787)、 またはスクエアレイアウトの1:1(1400×1400)。
  4. リサイズされたファイルをダウンロードします。

画像が50 MBの制限を超える場合、またはプロジェクトの読み込み時間を短縮したい場合は、 アップロード前に圧縮してください。 適切に圧縮された2800 pxのPNGまたはJPEGは、Behanceビューアーで顕著に速く読み込まれ、 低速な接続の閲覧者にとってより良いエクスペリエンスを提供します。

プロジェクトカバーの正確なクロップを微調整するには、アップロード前に 画像クロッパーを使用して正確な4:3、16:9、または1:1の比率を設定してください。

Behanceポートフォリオの最適化のヒント

  1. プロジェクトサムネイルをテストしてください — 閲覧数を増やすための最も重要な 画像です。公開前に小さなサイズ(約400 px幅)でどのように見えるかプレビューしてください。
  2. 最高品質のソースをアップロードしてください — Behanceがアップロード時に 画像を再処理します。高品質のソースから始めることで、二重圧縮の劣化を防ぎます。
  3. ケーススタディ画像に1400×auto PNGを使用してください — ワイヤーフレーム、 注釈付きスクリーンショット、デザイン仕様はPNGのロスレス圧縮の恩恵を受けます。
  4. GIFは控えめに使用してください — アニメーションGIFは視覚的な興味を加えますが、 プロジェクトの読み込みを著しく遅くする可能性があります。各GIFを5 MB未満に保ってください。
  5. 重要なコンテンツを中央に配置してください — プロフィールバナーとプロジェクト サムネイルはどちらもモバイルでクロップされます。主要なビジュアルを中央に置くことで 切れるのを防ぎます。