Spotify Canvas（1080×1920）
Spotify Canvasは縦長の1080×1920、9:16のループ動画です。このページは、そのループ動画の元となる静止画を、プレーヤーコントロールが隠すエリアをマークした状態で正確なフレームに切り抜きます。実際のアニメーションは別のツールで作成します。
PNG、JPG、WebP、GIFをドロップ
ページのどこにでもドロップできます · ファイルを選択 · 100 MB
対応形式： PNG, JPG, JPEG, WebP, GIF, AVIF
Spotify Canvas（1080×1920）とは
Canvasは、Spotifyのモバイルアプリで曲の背景に再生される短いループ映像です。縦長で1080×1920、9:16の縦長フレームで、数秒間のサイレントなループ動画です。
つまり、どの画像ツールも完成したCanvasを生成するものではありません。また、そう主張しているページは不正確です。画像ツールができること、そしてアーティストがまず必要とするのは、ソースとなるフレームです。つまり、プレーヤーが隠す領域を考慮した上で、正確な縦長フレームに切り抜かれたジャケットアートや写真です。
このページがそれを行います。1080×1920に切り抜き、曲のタイトル、コントロール、プログレスバーが表示される位置を確認し、モーション作業を開始する前に正しいフレームをエクスポートします。
Spotifyが指定しないサイズでの縦長切り抜きが必要な場合は、画像切り抜きツールが入力した任意の矩形に対応します。
ソースがブラウザで開けない形式の場合は、形式変換ツールでまずPNGに変換します。
Canvasの要件とこのページの対応範囲
区別は重要なので、真実以上のことをほのめかすのではなく、明確に記述します。
| 要件 | 値 | このページで生成？ |
|---|---|---|
| アスペクト比 | 9:16 縦長 | はい |
| 解像度 | 1080 × 1920 | はい |
| 再生時間 | 数秒、ループ再生 | いいえ――動画は別で作成 |
| 音声 | なし | 静止画には該当せず |
なぜジャケットアートは9:16に切り抜かれないことが多いのか
アルバムアートは正方形です。正方形を9:16に切り抜くと、中央に細い縦の帯が残り、両側が削られます――約44%の幅が失われます。
ほとんどのジャケットではこれは致命的です。中央の被写体は生き残りますが、構成されたレイアウトや横幅にわたるワードマークは両端で切れてしまいます。より効果的なのは、ズーム機能で拡大したアートワークの一部、または同じカラーパレットで目的のために撮影された別の縦長写真です。
プレーヤーが隠す領域
曲のタイトルとアーティスト名はフレームの下部に表示され、その下にプログレスバーとトランスポートコントロールがあります。上部には「再生中」のヘッダーが表示されます。
点線の矩形は、クリアに保つべき領域を示しています。ミュージックビデオと同様に、フレームはポスターではなく雰囲気として読めるべきです。テキスト入りのCanvasは、その上に描かれる曲のタイトルと競合し、見劣りします。
アニメーション用のフレームを準備する
次のステップが合成の場合はPNGをエクスポートしてください。PNGはループがレンダリングされた際に拡大される圧縮アーティファクトなしで正確な色を保持します。フレームが単なる参照の場合はJPEGをエクスポートしてください。
強い方向性のある動きがフレームに含まれていない方が、シームレスなループは作りやすいです。明確な左から右への動きがある静止画は、ループ時に目に見えるジャンプを生じやすくなります。フラットなテクスチャや緩やかに循環するイメージが最もきれいにループします。
よくある質問
Spotify Canvasのサイズは？
1080×1920ピクセル、9:16の縦長フレームです。これはモバイルアプリで曲の背景に再生されるループ映像の解像度と形状です。このページは、まさにその寸法の静止画を準備します。ループ自体は動画であり、動画編集ツールで作成します。
静止画像をCanvasとしてアップロードできますか？
Canvasは短いループ動画なので、単一の静止画像ではアップロードはできません。静止画像はソースとして重要です：フレーム、切り抜き、セーフエリアを正しく設定してからアニメーションを開始することで、構成が間違った場合にモーション作業をやり直す手間を省けます。
なぜ私のアルバムカバーがCanvasとして見栄えが悪いのですか？
正方形を9:16に切り抜くと、約44%の幅が失われ、中央に細い帯が残るためです。中央の被写体は生き残りますが、構成されたレイアウトや横幅にわたるワードマークは生き残りません。ズームした詳細や目的のために撮影した縦長の画像の方はるかに効果的です。
Canvasにテキストを入れるべきですか？
基本的には no です。Spotifyは曲のタイトルとアーティスト名を下部エリアに表示し、その下にトランスポートコントロールを表示するため、追加するテキストはアプリの表示と競合し、通常は見劣りします。情報よりも雰囲気の方がそちらではうまく読み取れます。
ループの長さはどのくらいにすべきですか？
数秒間、シームレスにサイレントでループ再生します――Spotifyは現在の制限をCanvasのガイダンスで公開しており、それは時間とともに変わってきました。フレームの寸法は1080×1920で安定しており、これはこのページで固定します。
ここで私のアートワークはアップロードされますか？
いいえ。切り抜きとエクスポートはお使いのブラウザ内で行われ、何も送信されません――このサイトにはファイルを受信するエンドポイントはありません。未公開のジャケットアートはお使いのマシンに残り、ネットワークパネルで確認できます。