見栄えのいい画像を作るのに、デザインアプリや有料のサブスクは必須ではありません。このガイドは、YouTube、Instagram、TikTok、Pinterestに投稿するクリエイター、小さなお店、サークル、学生の方に向けて書きました。投稿ごとに統一感のある、くっきりした画像を作りたい方は順番に進めてみてください。
スマホの写真1枚から、YouTubeサムネイル、Instagramの投稿、縦長のストーリーズ画像、Pinterestのピン、動くプレビュー、チラシ用のQRコードまで作ります。ツールはすべてブラウザ内で動くので、写真がアップロードされることはありません。
用意するもの
- 写真数枚(スマホで撮ったままで大丈夫です)
- 伝えたい短い言葉を1〜2個(タイトル、価格、日付など)
- 任意:ロゴや、好きな色が入った写真
- 最新のブラウザが入ったパソコンかスマホ
1. どこでも開ける形式に変換する
iPhoneは写真を標準でHEICとして保存しますが、この形式をまだ開けないサイトやアプリはたくさんあります。HEIC JPG 変換に複数枚まとめて入れれば、ZIPで受け取れます。これから撮る写真を最初からJPGにしたい場合は、iPhoneの「設定」→「カメラ」→「フォーマット」で「互換性優先」を選びます。
ほかの端末で写真が横向きに表示されるなら、画像 回転・反転で開いて保存し直しましょう。回転がピクセル自体に反映されるので、どこで見ても正しい向きになります。
写真を選ぶときは「余白」を探してください。空、壁、テーブルの上などです。そこが文字を入れる場所になります。端までぎっしり写っている写真には、文字を置く場所がありません。
2. 切り抜く前に、目標サイズを確認する
画像の見え方はプラットフォームごとに違います。2026年時点でよく使われるサイズは次のとおりです。
| 使う場所 | 比率 | ピクセル |
|---|---|---|
| YouTubeサムネイル | 16:9 | 1280×720 |
| Instagramフィード(縦長) | 4:5 | 1080×1350 |
| Instagramフィード(正方形) | 1:1 | 1080×1080 |
| ストーリーズ・リール・TikTok・ショート | 9:16 | 1080×1920 |
| Pinterestのピン | 2:3 | 1000×1500 |
| リンクプレビュー(Facebook・LinkedIn) | 約1.91:1 | 1200×630 |
プラットフォームはときどき表示レイアウトを変えるので、気になる場合は各サービスのヘルプを確認してください。アスペクト比 計算にはプラットフォーム別のサイズ一覧があり、クリックするだけで読み込めます。画像の比率もわかります。よくあるスマホ写真の4032×3024は4:3なので、上のどのプラットフォームでも切り抜きが必要です。
3. プラットフォームごとに切り抜いて、サイズを合わせる
画像 切り抜きを開いて比率を選びます。YouTubeは16:9、Instagramのフィードは4:5か1:1、ストーリーズは9:16です。枠をドラッグして主役の位置を決めましょう。Pinterestの2:3は「自由」を選んで正確なサイズを入力します。
少しの工夫で大きく変わる構図のコツです。
- 人物の目やメインの物は、真ん中ではなく画面を3分割した線の上に置きます。
- 9:16では、文字と顔を中央寄りに置きます。下端と右端にはボタンやキャプション、ユーザー名が重なります。
- 思い切って寄りましょう。フィードでは細かい部分は見えません。
切り抜きは元のピクセルをそのまま保ちます。次に画像 サイズ変更で幅を正確に入力します(YouTubeは1280、Instagramは1080)。「縦横比を保持」をオンにしておけば高さは自動で決まります。各バージョンは別の切り抜き画像からではなく、元の写真から作ると画質が落ちにくくなります。
4. 相性のいい色を決める
投稿が「デザインされている」ように見える秘訣は、色の統一感です。色の決め方は2つあります。
- 写真やロゴから取り出す。 画像から色を抽出(カラーピッカー)に読み込むと、メインの6色を自動で抽出してくれます。好きなピクセルをクリックしてHEXコードを取ることもできます。
- ゼロから作る。 配色 パレット 生成でベースの色と配色の種類を選びます。「補色」はコントラストが強くサムネイル向き、「類似色」は落ち着いた統一感のあるフィード向きです。気に入った色はロックして、スペースキーで残りを入れ替えましょう。
決めた3〜5色のHEXコードはメモしておき、毎回使い回します。文字色はパレットの中の濃い色1つと明るい色1つで十分です。
写真ではなくシンプルな背景がほしいときは、グラデーション 作成でグラデーションを1920×1080、1080×1920、または好きなサイズのPNGとして保存できます。パレットの2色で作るやわらかいグラデーションは、名言カードやお知らせ、価格表の背景にぴったりです。
5. ひと目で読める文字を入れる
切り抜いた写真かグラデーションを画像に文字入れで開きます。
- 文字は少なく。 サムネイルは2〜5語(10文字前後)、ピンのタイトルは短く1行。みんな速くスクロールします。
- 大きく。 1280×720のサムネイルなら、メインの文字が高さの3分の1くらいを占めるようにします。
- コントラストをつける。 縁取り、影、背景ボックスを使えば、どんな写真の上でも読みやすくなります。
- スタイルは2種類まで。 たとえば太い見出し1つと、日付や価格用の小さい文字1つ。
- 四隅に注意。 YouTubeのサムネイルは右下に動画の長さが表示されます。
テキストは複数追加でき、1つずつドラッグして配置できます。グラフィック中心ならPNG、写真中心ならJPGで保存しましょう。
6. 複数の写真をコラージュにまとめる
ビフォーアフター、商品ラインナップ、旅行の写真を1枚で見せたいなら、コラージュ 作成で写真2〜9枚をグリッド、横並び、縦並び、メイン強調のレイアウトにまとめられます。プラットフォームに合わせた比率(1:1、4:5、16:9、9:16)を選び、余白、角の丸み、背景色を調整します。背景色をパレットの色にすると、ほかの投稿ともなじみます。
マスの中で写真をドラッグすると見せる部分を選べます。2枚の写真を順にクリックすると入れ替わります。
7. 動くプレビューを作る
フィードやチャットでは、動きがあると目に留まります。
- GIF 作成は複数の画像からGIFを作ります。商品写真3枚やビフォーアフターのようなスライドショーなら、1枚0.5〜1秒がちょうどいい速さです。
- 動画 GIF 変換は短い動画(最大20秒)をGIFにします。ファイルを小さく保つため、幅320〜480px、10fps、数秒程度にしましょう。
GIFはWebサイト、ブログ、メールマガジン、チャットアプリで活躍します。Instagram、TikTok、ショートには動画で投稿しましょう。その動画に音楽を付けるなら、グルーヴィーな曲からPastel Skyline Funkのような短く明るい曲を選んでみてください。全体の流れはショート・リール・TikTokキットで紹介しています。
8. ファイルサイズと形式を整える
ファイルが大きいとアップロードが遅く、受け付けてもらえないこともあります。たとえばYouTubeのサムネイルは2MB未満でなければいけません。
- 画像 圧縮は複数の画像をまとめて処理できます。画質75〜80%から始め、大きな写真は最大サイズを1920pxにします。スマホの写真なら、たいてい50〜80%小さくなります。写真の位置情報(EXIF)も削除されるので、投稿前に通しておくと安心です。
- 自分のWebサイト、ブログ、ネットショップで使う画像は、PNG WebP 変換かJPG WebP 変換で変換しましょう。WebPは同じ画質で25〜35%ほど小さくなることが多く、ページの表示が速くなります。
- SNSにアップロードするなら、JPGかPNGのままにしましょう。どこでも受け付けてもらえます。
9. 投稿する前にテストする
YouTube サムネイル プレビューにサムネイルを読み込み、実際のタイトルを入力します。ホーム、検索結果、関連動画、スマホ表示を、ライトモードとダークモードの両方で確認しましょう。小さな関連動画の表示で文字が読みにくければ、多くの視聴者にとっても読みにくいということです。
ほかのプラットフォームも簡単にテストできます。スマホを腕の長さまで離して画像を見てください。1秒で内容が伝わらなければ、文字を減らすかコントラストを上げましょう。
10. おまけ:QRコードでオフラインにも広げる
チラシやポスター、名刺でチャンネルやお店を宣伝するなら、QRコード作成でコードを作りましょう。明るい背景に濃い色のコードにし、印刷用はSVGでダウンロードします(どんなサイズでもくっきりします)。幅2cmくらい以上で印刷し、大量に刷る前に必ずスマホのカメラで読み取れるか確認してください。固定のQRコードなので、期限切れになりません。
よくある失敗
- 切り抜かずに引き伸ばす。 先に正しい比率で切り抜き、比率を固定したままサイズを変えましょう。
- 文字が多すぎる。 文章が必要なら、画像ではなくキャプションに書きます。
- コントラスト不足。 明るい空の上の白文字は消えてしまいます。縁取りや背景ボックスを使いましょう。
- 投稿ごとに雰囲気がバラバラ。 同じ3〜5色と同じ文字スタイルを使い回しましょう。
- JPGを何度も上書き保存する。 元の写真は残しておき、各バージョンはそこから書き出します。
よくある質問
作った画像をお店の宣伝など商用に使ってもいいですか?
はい。NiftyShelfのツールで作った画像は、個人・商用を問わずクレジットなしで使えます。ただし、元にする写真の権利はご自身で持っている必要があります。
写真はどこかにアップロードされますか?
いいえ。このガイドのツールはすべてブラウザ内で動きます。画像は端末に残ったままで、サーバーには何も送られません。
YouTubeサムネイルに最適な形式は?
2MB未満、1280×720のJPGがいちばん確実です。単色のグラフィックと文字が中心なら、容量の上限内に収まる限りPNGでもかまいません。
スマホでも使えますか?
はい、画像ツールは最新のスマホのブラウザで使えます。細かい切り抜きや文字の配置は大きな画面のほうが楽ですが、このガイドの作業はすべてスマホでもできます。