← ブログ
約6分で読めます

ポッドキャストのカバーアート|60pxでも読める設計

カバーアートは約60ピクセルで判断されます。AppleとSpotifyの仕様、小さいと崩れる理由、そして見分けがつくホスト切り抜きのデザイン手法。

  • podcast cover art
  • podcast design
  • podcast artwork specs
  • thumbnail design
  • background removal
ポッドキャストのカバーアート|60pxでも読める設計

ポッドキャストのカバーアートは3000 x 3000ピクセルで作られ、約60ピクセルで判断されます。ポッドキャストアプリの検索結果や一覧に表示されるのは、だいたいそのくらいの大きさです。切手よりも小さく、40番組が並ぶ画面をスクロールしながら、コンマ数秒だけ視線を向けられます。

多くのカバーは順番が逆です。モニターの全画面でデザインし、間近で眺めて満足し、共同ホストの承認を得て公開する——そして、この課題を理解していた番組の隣で、あっさりと灰色の塊に溶けてしまいます。

ここでは、縮小に耐えるカバーの作り方をまとめます。確認済みの仕様、小さくすると失敗する理由、そしてホスト切り抜きのスタイルをはじめ、爪ほどの大きさでも番組を見分けさせる打ち手を紹介します。

Apple PodcastsとSpotifyのカバーアート仕様

基準を決めているのはApple Podcastsで、その公式要件は気持ちいいほど具体的です。

  • サイズ — 3000 x 3000ピクセルが推奨です。RSSフィードで登録する場合、Appleは1400 x 1400から3000 x 3000までを受け付けます。最初から3000で作っておけば、二度と悩まずに済みます。
  • — ちょうど正方形、1:1です。それ以外はトリミングされるか、歪みます。
  • フォーマット — JPGまたはPNG。
  • カラースペース — RGBです。デザイナーに印刷の癖が抜けていなくても、CMYKは使えません。
  • 透過なし — Appleはアルファチャンネルを含まないカバーを明示的に求めています。アップロードの前に統合してください。

Spotifyの要件はAppleより緩いので、正方形の3000 x 3000のJPGかPNGを1枚用意すれば、両方のプラットフォームを一度に満たせます。変わったことをしたいなら各プラットフォームの最新の公式ガイドラインを確認しましょう——ただ、ほぼすべての番組にとって、仕様と言えばAppleの仕様です。

60ピクセルでカバーが失敗する理由

ポッドキャストアプリを開いて、ランキングを眺めてみましょう。小さくすると失敗するカバーは、決まって同じ3つのつまずき方をしています。

  • 小さすぎる文字 — 気の利いたキャッチコピー、ホストの名前、「毎週お届けする〇〇の番組」。100ピクセルを下回れば、どれも読めないノイズになります。サムネイルのサイズで読めない語は、装飾ではなく、ただ画面を濁らせているだけです。
  • 情報量の多い写真 — 場面まるごとの写真(スタジオ、街のスカイライン、テーブルに向かう2人のホスト)は、縮小すると平均化されて、濁った灰茶色の四角になります。ディテールは敵です。被写体はひとつ、大きく。
  • コントラスト不足 — 暗い写真に暗い文字、白地にパステル。原寸で「上品で高級」に見えるものは、一覧の中では「空白の四角」に見えます。

3つとも、効く処方は同じ規律です。そのアートが表示されうる最大のサイズではなく、最小のサイズに合わせてデザインすること。

個性で売る番組にはホスト切り抜きのスタイル

ヘッドホンを着けたポッドキャストのホストを、鮮やかな単色の背景にきれいに切り抜いて配置したカバー

インタビュー、コメディ、時事解説——番組が個性で成り立っているなら、顔がそのままロゴです。ホスト切り抜きのスタイルは、その強みをそのまま前面に出します。写真からホストをきれいに切り抜き、派手なベタ塗りの色に載せ、番組名を太い書体で重ねる。人の顔は、どんな大きさでも脳が一瞬で読み取れる唯一の画像なので、小さくても機能するのです。

手順は単純です。表情のあるポーズを、光のよく回った場所で撮影します。次にremover.bgに通して背景を削除します——髪の毛や細かいエッジもきれいに処理してくれるので、彩度の高い色に載せた切り抜きのほつれが目立つ、という事態を避けられます。切り抜きを透過PNGとして書き出し(フォーマットの詳細は透過PNGの作り方で解説しています)、大胆な単色の背景に配置して、使い慣れたデザインツールでタイトルを入れます。上の仕様からひとつだけ注意点を。透過はあくまで作業用ファイルのためのものです。最終的なカバーはアルファチャンネルなしに統合してください。

おまけに、動画版のエピソードも配信しているなら、同じ切り抜きがYouTubeサムネイルでもそのまま働きます。音声と動画のブランディングが、追加の手間なしで揃います。

縮小に耐える色とコントラストのルール

  • 色は多くても2〜3色 — 背景に主役の1色、文字に1色、必要ならアクセントに1色。それ以上は、小さくすると混ざって濁ります。
  • 控えめより高彩度 — ポッドキャストアプリのグリッドは、白と黒と、くすんだ写真であふれています。思い切ったオレンジ、ティール、イエローの背景は、いちばん安上がりに注目を買う方法です。
  • コントラストは譲れない — 被写体は背景からはっきり分離し、タイトルはさらに強く分離している必要があります。迷ったら、背景の色を差し替えるのは作り直しではなく5分の実験です。
  • ライトとダークの両方を見る — アプリはライトテーマでもダークテーマでも表示されます。純白や黒に近いエッジはインターフェースに溶けてしまいますが、色付きの背景ならこの問題を丸ごと回避できます。

文字の優先順位——番組名は大きく、エピソード情報は載せない

カバーが背負うべき文字は、戦う価値のあるものがひとつだけです。サムネイルのサイズで読める番組名。たいていは、キャンバスの30%以上を占め、太いウェイトで、字間は詰め気味になります。

それ以外は落とします。キャッチコピー、ホストの名前、「毎週火曜更新」——全部カットです。そしてエピソードのタイトルや番号は、番組カバーに置く場所がありません。アプリはエピソードのメタデータを、アートのすぐ横にテキストで表示します。エピソードごとに変わるカバーは、番組を見分けにくくするだけです。

番組名が長いときは、いちばん特徴のある語を優先しましょう。「The Midnight Accountant Podcast」は、小さくしてもMIDNIGHT ACCOUNTANTなら生き残ります。「The」と「Podcast」は、もともと何の仕事もしていませんでした。

実寸で確認してから公開する

ポッドキャストアプリの小さな正方形のカバーがグリッド状に並ぶスマートフォンの画面

アップロードの前に、カバーを約60ピクセルまで縮小して、実在の競合と並べて見てください。ポッドキャストアプリのランキング画面をスクリーンショットし、同じ大きさに合わせて自分のカバーをグリッドへ貼り込み、正直に判断します。目に飛び込んできますか? それとも小さく縮こまっていますか?

手早いチェックが2つあります。細目テスト(目を細めてぼかしてみて、自分のカバーをまだ見つけられるか)と、グレースケールテスト(彩度を落としてみて、コントラストが保たれているか)です。両方を通れば完成です。

結論です。3000 x 3000、正方形、RGB、アルファチャンネルなし。被写体はひとつ、派手な色はひとつ、読める名前をひとつ。そして60ピクセルで判断してください——リスナーが判断するのは、その大きさだからです。

あわせて読みたい