SNS画像サイズリサイザー

How to Use

1. 1「画像を選択」をクリックしてファイルをアップロード（20MB以内）、画像はブラウザ内でのみ処理され外部送信されない
2. 2「プラットフォーム」と「サイズ」を選択し、「拡大縮小方法」から全体表示、トリミング、引き伸ばしのいずれかを指定
3. 3全体表示を選択時は「余白の背景色」を調整可能、プレビュー画面に「元画像」と「出力」サイズを表示
4. 4プレビューを確認後、「このサイズをダウンロード」をクリックしてPNG形式で保存

計算方法と前提条件

利用シーン

• カタログ表紙のキービジュアル → IG 正方形投稿 1080×1080：ブランドカラーの背景に「フィット」を組み合わせ、レイアウトを切らずに完全保持。
• 切り抜き商品写真 → IG ストーリーズ 1080×1920：「フィル」を使用して余白を作らず全面に配置。
• 横長キービジュアル → LinkedIn プロフィールバナー 1584×396：極端なアスペクト比のため、プレビューを確認してから「フィット」か「フィル」かを選択。
• 同じ画像で各プラットフォームのサイズを順次切り替えてダウンロード。デザインソフトに戻って再書き出しする必要がありません。
• Open Graph用 1200×630 も同時に書き出し、Web共有プレビューとSNS用素材をまとめて作成。
• 投稿の公開後にキービジュアルの重要情報が見切れていることに気づき、SNS担当者が「全体表示（Fit）」と「トリミング（Fill）」の違いを比較して、どのスケーリング方式を誤って選択したかを特定する

よくある質問

画像はサーバーにアップロードされますか？

アップロードされません。画像はブラウザ内の Canvas 上で処理され、外部への送信やアップロードは一切行われません。タブを閉じればデータは何も残りません。

「全体表示（Fit）」と「トリミング（Fill）」はどのように選べばよいですか？

画像がトリミング可能かどうかで判断します。文字やロゴが端の近くにあるレイアウト済みのキービジュアルには「全体表示（Fit）」を、切り抜き写真や全面背景画像には「トリミング（Fill）」を選択してください。迷った場合は両方をプレビューして確認してください。

なぜ Facebook カバーは 820×312 ではなく 851×315 なのですか？

851×315 は推奨アップロードサイズで、820×312 はデスクトップでの表示領域です。推奨サイズで書き出し、重要な要素を端に寄せすぎないようにすれば、どちらの表示にも問題なく対応できます。画面上にもその旨を注記しています。

サイズ表はどのくらいの頻度で更新されますか？

サイズ情報の参照元と確認日はツール下部に表示されており、当サイトの上流モニタリングで定期的に再確認しています。SNS プラットフォームの仕様変更は頻繁に行われるため、確認日が古い場合は各プラットフォームの最新の公式案内をご確認ください。

すべてのサイズを一括で書き出すことはできますか？

現在は1サイズずつの書き出しとなります。一括書き出しには別途圧縮ライブラリが必要となり、単一機能のために依存関係を追加することはツールを軽量に保つ観点から見送っています。

出力形式は何ですか？

可逆圧縮の PNG です。JPEG 圧縮が必要な場合は、書き出し後に普段お使いの圧縮ツールで処理してください。