SNS画像リサイザー
画像を Instagram・YouTube・X や任意のサイズへ一括でリサイズ・切り抜き。焦点指定の切り抜きとワンクリック ZIP をブラウザ内で。
SNS画像リサイザー — 画像を1枚、あるいはまとめてドロップすれば、必要なすべての SNS サイズに一度で書き出せます。Instagram の投稿とストーリー、YouTube サムネイル、X の投稿、LinkedIn と Facebook のバナー、Open Graph カード、さらに入力した任意の 幅×高さ に対応します。「カバー」か「収める」を選び、焦点とズームを動かして中央固定ではなく顔を画面内に収め、余白用の背景色を設定して、すべての結果を1つの ZIP でダウンロードできます。すべての処理はブラウザ内の HTML canvas で完結するため、画像がサーバーにアップロードされることはありません。
SNS画像リサイザーとは?
deftdeck の SNS 画像リサイザーは、1枚または複数の元画像を各チャネル向けに最適なサイズへ一度に仕上げます。SNS 運用担当者、マーケター、クリエイターが、一連の写真をまとめて Instagram の正方形、9:16 のストーリーやリール、16:9 の YouTube サムネイル、X の投稿画像、LinkedIn と Facebook のバナー、1200×630 の Open Graph プレビュー、そして入力した任意の寸法や比率に変換するときに使います。必要なプラットフォームのプリセットにチェックを入れ、独自のサイズを追加し、大きなビフォーアフタープレビューに表示する画像とサイズを選びます。「カバー」は可変の焦点とズームで埋めるように切り抜き、「収める」は選んだ背景色の上に画像全体を収め、ボタン1つで各画像の各サイズをダウンロード可能な ZIP にまとめます。
SNS画像リサイザーの使い方
- 1枚または複数の画像をドロップゾーンにドラッグ&ドロップするか、クリックして端末から PNG・JPEG・WebP を選びます。
- 設定を開いて必要なプラットフォームのプリセットにチェックを入れ、1080x1080 や 1200x628 などのカスタムサイズをカンマ区切りで入力します。
- 「カバー」か「収める」を選び、水平の焦点・垂直の焦点・ズームを動かして各写真の大事な部分を画面内に収めます。
- 「収める」の余白には背景色を選ぶか、PNG・WebP 出力なら透明のままにします。
- プレビュー画像とサイズのドロップダウンで各切り抜きを確認し、単一サイズをダウンロードするか、各画像の各サイズを1つの ZIP でまとめて取得します。
使用例
撮影分を一括で Instagram サイズに
横長の写真を10枚ドロップし、Instagram 投稿(1080×1080)とストーリー/リール(1080×1920)にチェックを入れ、垂直の焦点を上げて顔が切れないようにし、「すべてダウンロード」します。ZIP には各写真が両サイズで入ります。
カスタムのバナーサイズを追加
カスタムサイズに 1600x400 と入力してプリセットにないサイズを作り、「収める」に切り替え、ブランドの背景色を設定して、デザイン全体が見える余白付きバナーを書き出します。
サムネイル用に中心をずらした切り抜き
横長のメインビジュアルを読み込み、YouTube サムネイル(1280×720)にチェックを入れ、水平の焦点を被写体側に寄せて少しズームし、そのサイズだけをダウンロードします。
よくある質問
- 一度に複数の画像をリサイズできますか?
- はい。複数の画像をドロップまたは選択すると、そのすべてが選んだ各サイズで書き出されます。単一の結果をダウンロードするか、「すべてダウンロード(ZIP)」でバッチ全体(各画像の各サイズ)をブラウザ内で作成した1つのアーカイブとして取得できます。
- プリセット以外のサイズはどう追加しますか?
- 設定を開き、カスタムサイズ欄に 1080x1080、1200x628、1600x400 のようにカンマ区切りで寸法を入力します。どんな 幅×高さ・比率でも指定でき、カスタムサイズはチェックしたプリセットと一緒に書き出されます。
- 常に中央ではなく切り抜きを調整できますか?
- はい。「カバー」では水平・垂直の焦点スライダーで切り抜き位置を動かし、ズームスライダーで拡大して、顔や被写体を画面内に収めます。「収める」は画像全体を表示し、空いた部分を選んだ背景色で埋めます。
- 「カバー」と「収める」の違いは何ですか?
- 「カバー」は画像をフレーム全体に行き渡らせてはみ出しを切り抜き、位置は焦点とズームで決まります。「収める」は画像全体がフレームに収まるよう拡大縮小し、余白を加えます(PNG/WebP は透明または背景色、JPEG は常に背景色)。
- 画像はサーバーにアップロードされますか?
- いいえ。リサイズ・切り抜き・ZIP へのまとめはすべて HTML canvas を使ってブラウザ内でローカルに行われます。画像が端末の外に出ることはありません。
関連ツール
コードを画像に
コードスニペットを、ブラウザ内で構文ハイライト付きの画像に変換します。20 以上の言語、テーマや背景のカスタマイズ、行番号、PNG/SVG 書き出しに対応。
カラーコントラストチェッカー
文字色と背景色の WCAG 2.1 コントラストと APCA Lc スコアをチェックし、AA・AAA・3:1 バッジを確認して、最も近い合格色を適用できます。
カラーミキサー
2 つの HEX 色を指定した比率で RGB または Lab 色空間で混ぜ、できあがった中間色を色見本とコピー可能な HEX 値で表示します。
カラーシェード生成ツール
1 つの基準 HEX 色を OKLCH・HSL・RGB のシェードスケールに変換。段階数を調整でき、段階ごとの WCAG コントラストの目安と CSS・Tailwind・JSON 出力に対応します。