YouTubeサムネイルの作り方PC編｜無料ツールで作る3ステップ

スマホでサムネイルを作れる時代ですが、PCで作ると仕上がりの精度が変わります。

レイヤー管理、ピクセル単位の位置調整、フォントの細かい設定 — PCの編集ソフトはこれらを正確にコントロールできます。特にテキストの配置と背景の合成はPCの方が圧倒的に速いです。

でも「Photoshopは高い」「どのツールを使えばいいかわからない」と迷っている人は多いはずです。実は、完全無料のPCツールだけでプロ品質のサムネイルが作れます。

この記事では、Canva（ブラウザ）、GIMP（デスクトップ）、Photopea（ブラウザ版Photoshop互換）の3ツールで、YouTubeサムネイルを作る具体的な手順を解説します。サムネイルのデザイン原則はサムネイル作成ガイドを、ツールの比較はサムネイルメーカー比較を参照してください。

どのツールを選ぶ？

まず自分のスキルレベルと目的に合ったツールを選んでください。

ツール	価格	難易度	向いている人	特徴
Canva	無料（Pro月1,500円）	★☆☆ 簡単	初心者、テンプレート派	テンプレートで即完成。インストール不要
GIMP	完全無料	★★★ 難しい	細かく調整したい人	Photoshop級の機能。学習コスト高め
Photopea	無料（広告あり）	★★☆ 中程度	Photoshop経験者	PSD読み込み可。ブラウザで動作

迷ったらCanvaから始めてください。 80%のクリエイターにとって、Canvaの無料版で十分なサムネイルが作れます。GIMPやPhotopeaは「Canvaのテンプレートでは表現できないことをやりたい」と思った時に移行すればOKです。

共通の準備: サムネイルの仕様

どのツールでも最初に設定するサイズは同じです。

項目	推奨値
サイズ	1280 × 720 px
アスペクト比	16:9
ファイル形式	PNG（最高画質）またはJPG（2MB以内）
ファイルサイズ	2MB以内（YouTube上限）
色空間	sRGB

サムネイルの推奨サイズと表示のされ方の詳細はサムネイルサイズガイドを参照してください。

方法1: Canvaで作る（初心者向け・最速10分）

ステップ1: キャンバスを作成

1. canva.com にアクセス（アカウント作成は無料）
2. 「デザインを作成」→ 検索欄に「YouTubeサムネイル」と入力
3. 1280×720のテンプレートが自動で設定されたキャンバスが開く

または「カスタムサイズ」で1280×720を手動入力しても同じです。

ステップ2: テンプレートを選ぶ（または白紙から）

Canvaには5,000点以上のYouTubeサムネイル用テンプレートがあります（出典）。左パネルの「テンプレート」タブから、自分のジャンルに合ったものを選んでください。

テンプレートの選び方のコツ:

• レイアウト構造（人物の位置、テキストエリア）が自分の用途に合うものを選ぶ
• 配色は後から変えるので気にしない
• 「Pro」マークがついた素材は有料。無料テンプレートだけでも十分選べる

テンプレートを使わず白紙から作る場合は、構図ガイドのレイアウトパターンを参考にしてください。

ステップ3: 要素を差し替える

テンプレートの写真、テキスト、色を自分のコンテンツに差し替えます。

背景を変える:

• 左パネル「アップロード」で自分の背景画像をアップロード
• または「写真」タブからCanva内蔵の写真を検索
• 外部の無料素材サイト（Unsplash、OKUMONO等）からダウンロードした画像をアップロードするのもOK。無料素材の入手先はフリー素材ガイドで紹介しています

人物を配置する:

• 自分の写真をアップロード
• Canva Pro の「背景リムーバー」で1クリック切り抜き（無料版では使えない）
• 無料版の場合は、あらかじめremove.bgで背景を除去したPNGをアップロード

テキストを入れる:

• テンプレートのテキストをクリックして編集
• フォントはサムネイルの印象を決める最重要要素。おすすめのフォントはフォントガイドを参照
• テキスト量は12文字以内が目安。詳しくはテキスト最適化ガイドを参照

ステップ4: ブランドカラーを適用

テンプレートの色をチャンネルカラーに変更します。

• テキストの色、背景のオーバーレイ色、アクセント色を統一
• Canva Pro の「ブランドキット」を設定しておくと、毎回色を入力する手間が省ける
• 無料版でもカラーコード（#FF0000 など）を控えておけば同じことができる

ステップ5: エクスポート

右上の「共有」→「ダウンロード」→ ファイルの種類を「PNG」に設定 → ダウンロード。

JPGを選ぶとファイルサイズは小さくなりますが、テキストのエッジがにじむ場合があります。PNGが2MB以内なら常にPNGを選んでください。

方法2: GIMPで作る（高機能・完全無料）

GIMPはオープンソースの画像編集ソフトで、Photoshopと同等の機能を無料で使えます。学習コストはCanvaより高いですが、一度覚えれば自由度は圧倒的です。

ステップ1: キャンバスを作成

1. GIMPを起動 →「ファイル」→「新しい画像」
2. 幅: 1280、高さ: 720 に設定
3. 「詳細設定」→ 色空間: sRGB、塗りつぶし色: 白

ステップ2: 背景を配置

1. 「ファイル」→「レイヤーとして開く」で背景画像を読み込む
2. 「ツール」→「変形」→「拡大・縮小」でキャンバスサイズに合わせる
3. 背景に色のオーバーレイを追加: 新規レイヤー → 塗りつぶし → レイヤーモードを「乗算」にして不透明度を30-50%に

ステップ3: 人物を切り抜いて配置

1. 人物写真を別ファイルで開く
2. 「ファジー選択」または「前景選択」ツールで背景を選択
3. 「選択」→「選択範囲の反転」→「編集」→「コピー」
4. サムネイルのキャンバスに「編集」→「貼り付け」→「レイヤー」→「フローティング選択範囲からレイヤーへ」

GIMPの切り抜きはCanvaの1クリックと比べて手間がかかります。remove.bgで事前に背景除去したPNGを読み込む方が効率的です。

ステップ4: テキストを追加

1. 「テキスト」ツール(A)を選択
2. キャンバス上でクリック → テキストを入力
3. ツールオプションでフォント、サイズ、色を設定
4. テキストレイヤーの位置を「移動」ツールで調整
5. テキストに縁取りを追加: テキストレイヤーを右クリック →「不透明部分を選択範囲に」→「選択」→「選択範囲の拡大」（3-5px）→ 新規レイヤーに塗りつぶし → テキストレイヤーの下に移動

テキストの縁取りはサムネイルの可読性を大幅に上げるテクニックです。背景が複雑でもテキストが読める状態を作れます。

ステップ5: エクスポート

「ファイル」→「名前を付けてエクスポート」→ ファイル名末尾を .png にする → エクスポート。

GIMPはPNGとJPGの両方に対応しています。PNGで2MBを超える場合は圧縮レベルを上げるか、JPGで品質85-90%に設定してください。

方法3: Photopeaで作る（ブラウザ版Photoshop）

Photopeaはブラウザ上で動作する画像編集ツールで、PhotoshopのPSDファイルをそのまま開けます（出典）。インストール不要で、Photoshopとほぼ同じ操作感です。

ステップ1: キャンバスを作成

1. Photopea.com にアクセス
2. 「新規プロジェクト」→ 幅1280、高さ720 → 作成

ステップ2-4: Photoshopと同じ操作

Photopeaの操作体系はPhotoshopとほぼ同一です。レイヤー、選択ツール、テキストツール、ブレンドモード — すべて同じ名前、同じ場所にあります。

Photoshopの詳しい操作手順はPhotoshopチュートリアルを参照してください。手順のほとんどがPhotopeaでもそのまま使えます。

Photopeaの強み

• PSDファイルを直接編集できる: 外注デザイナーからPSDをもらって自分で微調整できる
• インストール不要: どのPCでもブラウザだけで使える
• レイヤースタイル完全対応: ドロップシャドウ、ベベル、グラデーションオーバーレイ
• 無料版の制限は広告のみ: 機能制限なし

Photopeaの弱み

• ブラウザ依存なのでオフラインでは使えない
• 大量のレイヤーを扱うと動作が重くなる
• 日本語フォントの一部が正しく表示されない場合がある

3ツールの使い分け判断フロー

サムネイルを作りたい
  ├─ テンプレートでOK → Canva
  ├─ 細かく作り込みたい
  │   ├─ PCにソフトを入れたくない → Photopea
  │   └─ PCにソフトを入れてOK → GIMP
  └─ 既存のPSDテンプレートがある → Photopea

複数ツールを組み合わせる使い方もあります。背景の合成と切り抜きはGIMP/Photopeaで行い、テキスト配置と最終調整はCanvaで行う — こうすると各ツールの強みを活かせます。

サムネイル制作の5つの共通ルール

どのツールを使っても、以下のルールは共通です。

1. モバイルプレビューで確認する

サムネイルの70%以上はスマートフォンで表示されます（出典）。PCの大画面で作っているとテキストが小さすぎたり、細部に凝りすぎたりしがちです。完成したらスマートフォンに転送して実寸で確認してください。YouTubeの検索結果では約120×67pxで表示されます。

2. テキストは画面の上半分に

YouTubeの動画プレーヤー上では、サムネイルの下部にタイムスタンプが重なります。重要なテキストは上半分に配置してください。

3. セーフゾーンを意識する

サムネイルの端から10%のエリアはデバイスによってトリミングされる場合があります。重要な要素は中央80%のエリアに収めてください。サイズと表示の詳細はサイズガイドを参照してください。

4. 1枚15分以内を目標にする

最初は30分以上かかるかもしれませんが、テンプレートと素材ライブラリを整備すれば15分以内に短縮できます。目安として、サムネイル制作に1時間以上かけているなら、外注を検討した方がコストパフォーマンスが良い場合があります（出典）。

5. A/Bテストで検証する

「良さそう」な直感は当てにならないことがあります。YouTube Studio の「テスト & 比較」機能を使って、2つのバージョンをテストしてください。サムネイルテストの方法はA/Bテストガイドで解説しています。

Key Takeaways

• PCでのサムネイル制作は、Canva（初心者）、GIMP（高機能）、Photopea（Photoshop互換）の3つの無料ツールでカバーできます。
• 迷ったらCanvaから始めてください。80%のクリエイターにはCanva無料版で十分です。
• サムネイルのサイズは1280×720px、ファイル形式はPNG、2MB以内が基本仕様です。
• 人物の切り抜きは専用サービス（remove.bg）を先に使ってからツールに読み込むのが最も効率的です。
• テキストの縁取りは背景に関わらず可読性を確保する必須テクニックです。GIMPでは「選択範囲の拡大＋塗りつぶし」で実現できます。
• 完成したら必ずスマートフォンの実寸で確認してください。PCの大画面で見える細部はスマホでは判別できません。

FAQ

Canvaの無料版だけでプロ品質のサムネイルは作れる？

はい。テンプレートの質が高いため、配色とフォントを変えるだけでも十分なサムネイルが完成します。背景リムーバーだけは無料版にないため、人物の切り抜きはremove.bgで代用してください。Pro版（月1,500円）は背景リムーバーとブランドキットが便利ですが、必須ではありません（出典）。

GIMPの学習コストは高い？

Photoshopと比べると操作体系が独特な部分があり、最初の5-10時間は戸惑うかもしれません。ただし、サムネイル制作で使う機能は全体の10%程度です。「レイヤー」「テキスト」「選択ツール」「拡大縮小」の4つを覚えれば基本的なサムネイルは作れます（出典）。

PhotopeaはPhotoshopの代わりになる？

サムネイル制作の範囲ではほぼ完全な代替になります。レイヤー、ブレンドモード、テキストスタイル、PSD読み書きすべて対応しています。Photoshopが必要になるのは、大量のレイヤーを扱う複雑な合成や、RAW現像を含む写真編集の場合です（出典）。

サムネイル1枚にどのくらい時間をかけるべき？

目標は15分以内です。テンプレートと素材ライブラリが整備されれば10分以内も可能です。1枚に1時間以上かけている場合は、テンプレート化か外注を検討してください。外注の判断基準は外注ガイドで解説しています。

スマホとPC、どちらで作るべき？

可能ならPCを推奨します。レイヤー管理、テキストの精密な配置、複数フォントの使い分けはPCの方が圧倒的にやりやすいです。ただし外出先での緊急作成や、シンプルなデザインならスマホでも問題ありません。スマホ編集アプリについてはサムネイルモバイルアプリガイドを参照してください（出典）。

Canvaのテンプレートを使うと他の人と被らない？

人気テンプレートはそのまま使うと被ります。対策は「レイアウト構造だけ借りて、配色・フォント・写真はすべて変える」ことです。テンプレートの骨格を参考にしつつ、自分のブランドカラーを適用すれば、同じテンプレートでもまったく違う印象になります。サムネイルのブランディング戦略はスタイルガイドを参照してください。

---

出典

1. Canva — YouTubeサムネイルテンプレート — accessed 2026-04-06
2. Photopea — Online Photo Editor — accessed 2026-04-06
3. Mobile YouTube Statistics — Hootsuite — accessed 2026-04-06
4. YouTube Thumbnail Design Guide — VidIQ — accessed 2026-04-06
5. GIMP Documentation — Tutorials — accessed 2026-04-06
6. Best Mobile Apps for YouTube Thumbnails — TubeBuddy — accessed 2026-04-06
7. YouTube Thumbnail Size and Specs — YouTube Help — accessed 2026-04-06
8. YouTube Creator Academy — Thumbnails — accessed 2026-04-06
9. Free Image Editing Alternatives — Backlinko — accessed 2026-04-06
10. GIMP vs Photoshop Comparison — Sprout Social — accessed 2026-04-06
11. How to Make a YouTube Thumbnail — Buffer — accessed 2026-04-06
12. Remove.bg — Background Remover — accessed 2026-04-06
13. YouTube Thumbnail Best Practices — Social Media Examiner — accessed 2026-04-06