SNS画像リサイザー
1枚の画像をブラウザ内で複数のSNSサイズにリサイズ・切り抜きします。
SNS画像リサイザー — 画像を1枚ドロップするだけで、各プラットフォームが求める正確な寸法で即座に書き出せます。Instagram の投稿やストーリー、YouTube サムネイル、X の投稿、LinkedIn バナー、Facebook カバー、汎用の Open Graph カードに対応します。各プリセットは HTML canvas 上でカバー(はみ出し切り抜き)処理され、歪みなく目標フレームを埋めます。すべての処理はブラウザ内で完結するため、画像がサーバーにアップロードされることはありません。
SNS画像リサイザーとは?
deftdeck の SNS 画像リサイザーは、1枚の元画像を各チャネル向けに最適なサイズへ一度に変換します。SNS 運用担当者、マーケター、クリエイター、個人事業主が、1枚の写真やグラフィックを Instagram の正方形、9:16 のストーリーやリール、16:9 の YouTube サムネイル、X(Twitter)の投稿画像、LinkedIn バナー、Facebook カバー、1200×630 の Open Graph プレビューに同時に仕上げたいときに使います。設定で必要なプラットフォームのプリセットにチェックを入れ、「表示中のプリセット」ドロップダウンで大きなプレビューに表示するサイズを選び、PNG・JPEG・WebP の出力形式と「カバー」または「収める」のフィットを選んでから、各サイズを個別に、またはまとめてダウンロードします。canvas がカバー切り抜きで拡大縮小するため、顔や被写体の中心が保たれ、画像が潰れることもありません。
SNS画像リサイザーの使い方
- 画像をドロップゾーンにドラッグ&ドロップするか、クリックして端末から PNG・JPEG・WebP を選びます。
- 設定を開き、Instagram 投稿、ストーリー/リール、YouTube サムネイル、X 投稿、LinkedIn バナー、Facebook カバー、Open Graph など、必要なプラットフォームのプリセットにチェックを入れます。
- 出力形式(PNG・JPEG・WebP)とフィットモードを選びます。「カバー」はフレームを埋めるよう切り抜き、「収める」は余白を付けて画像全体を収めます。
- 「表示中のプリセット」ドロップダウンで、大きなビフォーアフタープレビューに表示するサイズを選びます(どちらかの画像をクリックすると拡大できます)。
- 結果の各行にある「ダウンロード」ボタンでそのサイズだけを保存するか、「すべてダウンロード」でチェックしたプリセットを一度に保存します。
使用例
1枚の写真から Instagram 一式を作る
4000×3000 の横長写真をドロップし、Instagram 投稿(1080×1080)とストーリー/リール(1080×1920)にチェックを入れ、フィットは「カバー」のままで「すべてダウンロード」すると、中心を保った正方形と、引き伸ばしのない 9:16 の縦切り抜きが得られます。
アートワークから YouTube サムネイルと OG カードを作る
横長のメインビジュアルを読み込み、YouTube サムネイル(1280×720)と Open Graph(1200×630)にチェックを入れ、JPEG 出力を選んで両方をダウンロードします。動画と共有リンクにそのまま使えます。
ロゴを切り抜かずに収める
フィットを「収める」に切り替えて LinkedIn バナー(1584×396)にチェックを入れると、ロゴ全体が幅広バナーの中央に配置され、切り抜かれる代わりに透明(PNG)または白(JPEG)の余白が付きます。
よくある質問
- どのプラットフォームのサイズに対応していますか?
- プリセットには Instagram 投稿(1080×1080)、Instagram ストーリー/リール(1080×1920)、YouTube サムネイル(1280×720)、X/Twitter 投稿(1600×900)、LinkedIn バナー(1584×396)、Facebook カバー(820×312)、Open Graph(1200×630)が含まれます。設定で任意に組み合わせてチェックし、まとめて書き出せます。
- 「カバー」と「収める」フィットの違いは何ですか?
- 「カバー」は画像を目標フレーム全体に行き渡らせるように拡大縮小し、はみ出した端を切り抜きます。中心が見えたまま余白は生じません。「収める」は画像全体がフレームに収まるよう拡大縮小し、余白(PNG/WebP は透明、JPEG は白)を加えるため、何も切り抜かれません。
- どの出力形式で書き出せますか?
- 各サイズを PNG(ロスレス・透過対応)、JPEG(ファイルが小さく、余白部分は白背景)、WebP(最新・軽量・透過対応)として書き出せます。形式は一度選べば、ダウンロードするすべてのプリセットに適用されます。
- リサイズすると画質は下がりますか?
- リサイズは高品質な canvas のスムージングを使い、JPEG/WebP は高品質で保存されます。大きな写真を縮小すればディテールはよく保たれますが、小さい画像を元のピクセルより大きく拡大すると、もともとないディテールは作れないため、ぼやけて見えることがあります。
- 画像はサーバーにアップロードされますか?
- いいえ。リサイズと切り抜きはすべて HTML canvas を使ってブラウザ内でローカルに行われます。画像が deftdeck やいかなるサーバーに送られることはなく、データが端末の外に出ることもありません。
関連ツール
コードを画像に
コードスニペットを、ブラウザ内で構文ハイライト付きの美しい PNG 画像に変換します。アップロードは不要です。
カラーコントラストチェッカー
前景色と背景色の WCAG コントラスト比をチェックし、通常テキストと大きいテキストで AA と AAA に適合するかを確認します。
カラーミキサー
2 つの HEX 色を指定した比率で RGB または Lab 色空間で混ぜ、できあがった中間色を色見本とコピー可能な HEX 値で表示します。
カラーシェード生成ツール
1 つの基準 HEX 色を Tailwind 風の 50〜950 シェードスケールに変換し、各段階を色見本とコピー可能な HEX 値で表示します。