One design, many outputs
タイトル・説明・ロゴ・色・整列は共通デザインで先に決め、各プラットフォームで本当に必要な crop・位置・サイズだけを override として分離します。
021 · CONTENT IMAGE
SNS 画像作成ツール
1つのデザインを Instagram・Facebook・X・LinkedIn のサイズへ合わせて、一度に複数のSNS画像として出力できます。
LOCAL背景画像、文字、ロゴ、結果ファイルはブラウザ内のみで処理され、サーバーに保存されません。
HOW TO USE
使い方
- 01
背景画像を選択するか、空のデザインから開始します。
- 02
タイトル、説明、ロゴ、共通スタイルを設定して基本デザインを作ります。
- 03
Instagram、Facebook、X、LinkedIn の結果を1画面で確認します。
- 04
必要なサイズだけ crop、文字位置、ロゴ位置を個別に調整します。
- 05
現在のサイズを個別にダウンロードするか、選択サイズを ZIP でまとめて保存します。
EXPERT POST
1つのデザインをSNS各サイズへ展開する実践基準
プラットフォーム別の比率と安全余白、crop、文字・ロゴ配置、JPG・PNGの選択、複数サイズの書き出しまで、実制作で差が出る基準を整理しました。最初にプラットフォーム比率を理解する
Instagramフィード4:5、Story 9:16、X 16:9、LinkedIn 1:1では同じデザインでも見える範囲が大きく変わります。1サイズを無理に伸ばすのではなく、共通デザインを作って各presetの切れ方を確認します。
安全余白は重要情報を守る
アップロード後にフィードやサムネイルで追加cropが入る場合があります。タイトル、価格、CTA、ロゴなど必ず見せたい要素は外周から十分に離し、主要被写体にも余裕を持たせます。
No Stretchとcover crop
縦横を別々に拡大すると人物や商品の形が崩れます。このツールは元画像比率を保つcover cropを基準にし、背景位置とズームで構図を合わせます。
共通デザインとpreset別overrideを分ける
タイトル・説明・色・整列は一度だけ共通値として設定し、特定SNSだけに必要なcrop・文字位置・ロゴ位置はそのpresetのoverrideとして残すと、他サイズを壊さずに修正できます。
PreviewとExportを同じ確認フローにする
各presetの実際の比率をプレビューで確認し、ダウンロード前に選択サイズとoverride状態を最終確認します。画面で承認したcrop・文字・ロゴ配置がそのまま出力に反映される流れが重要です。
JPGとPNGの選び方
写真中心で容量を抑えたい場合はJPGが効率的です。ロゴ・文字・フラットグラフィックなど輪郭の鮮明さや無劣化を重視する場合はPNGが向きますが、写真背景では容量が大きくなりやすい点に注意します。
複数SNSへの納品ファイルを整理する
選択サイズをZIPで保存するときはプラットフォームとサイズの接尾辞を維持すると取り違えを減らせます。急ぎの1サイズは個別ダウンロードを使い、最終納品前に実ピクセルサイズを確認します。
よくある制作ミス
外周の文字切れ、ロゴの過大配置、1つのcropを全比率へ適用すること、写真に不要なPNGを使うこと、実ピクセルを確認せずプレビューだけで完了することが代表的です。共通値とpreset別値を分けて確認すると防ぎやすくなります。
IMPORTANT NOTES
注意事項
プラットフォームごとの表示差とファイル特性を確認し、重要要素の切れや想定外の画質変化を減らします。- アップロード後に追加圧縮や表示 crop が行われる場合があるため、重要な文字やロゴは十分な安全余白の内側に配置してください。
- Instagram・Facebook・X・LinkedIn は表示比率が異なるため、同じ背景でも人物や商品の中心が切れる場合があり、各プリセットの確認が必要です。
- X と LinkedIn の一部プリセットは公式の単一必須ピクセル値ではなく実用向けの TOOLBOX 推奨値です。特別な用途では最新の公式ガイドも確認してください。
- 写真・商標・ロゴの利用権はユーザー自身で確認し、アニメーション GIF・APNG・Animated WebP は基本入力対象外です。
- 写真中心なら JPG、文字やロゴの鮮明さ・無劣化を重視するなら PNG が向いており、各SNS側の再圧縮も考慮してください。
RESULT CHECKS
結果確認の基準
ダウンロード前に、プレビュー・実サイズ・ファイル名・サイズ別 override が意図どおり維持されているか確認します。- 共通デザインとサイズ別 override を分離し、1つのプラットフォームの crop・配置変更が他サイズを上書きしないことが基準です。
- プレビューと書き出しは同じ描画モデルを使い、表示中の crop・文字・ロゴ位置がダウンロード結果にも同じように反映される必要があります。
- 各結果は選択プリセットの実ピクセルサイズで生成し、ファイル名にはプラットフォーム・サイズの接尾辞を付けて識別できるようにします。
- 複数プリセットは ZIP でまとめて保存でき、必要なサイズは個別ダウンロードもできる状態を維持します。
- Instagram・Facebook・X・LinkedIn で比率が変わっても、元画像比率を保つ No Stretch の cover crop を維持します。
FAQ
よくある質問
011つのデザインから複数のSNSサイズを作れますか？+
はい。共通デザインを1回作成した後、必要なサイズだけ crop や配置を個別調整できます。
02画像は引き伸ばされますか？+
いいえ。元の比率を保った No Stretch の cover crop 方式です。
03Instagram 投稿 preset が 1080×1350 なのはなぜですか？+
4:5 は現在の Instagram 公式対応範囲内で、一般的な投稿で使いやすいため TOOLBOX の基本 preset としています。
04X と LinkedIn のサイズは公式必須値ですか？+
いいえ。公式対応比率と最低条件をもとに、実用しやすい TOOLBOX 推奨 preset を提供しています。
背景画像、文字、ロゴ、結果ファイルはブラウザ内のみで処理され、サーバーに保存されません。