FIRST CH TOOLS / 画像 / 54 SOCIAL IMAGE SIZES
SNS画像サイズ一括書き出し
1枚の画像から、OGP(1200×630)・X・Instagram・YouTubeサムネイルなど媒体ごとの規定サイズをまとめて書き出します。切り抜く位置はプリセットごとにプレビューで合わせられます。処理はすべてお使いの端末内で完結します。
PNGは可逆圧縮のため品質の指定は使いません。JPEGは透過を持てないため、透明な部分は白で塗られます。
How to Use
- 画像を入れる元になる1枚をドラッグ&ドロップ、またはクリックで選択します。大きめの画像ほど各サイズに余裕が出ます。
- サイズを選んで位置を合わせる媒体のプリセットにチェックを入れ、結果のカードを選んでから枠をドラッグすると、そのサイズだけ切り抜く位置が変わります。
- まとめて保存する1件ずつ「保存」か、「ZIPで一括ダウンロード」で全サイズをまとめて保存できます。
About This Tool
同じ写真を使い回すときでも、必要な寸法は媒体ごとに決まっています。OGPは1200×630、Xの投稿画像は16:9、Instagramは正方形と4:5と9:16、YouTubeのサムネイルは1280×720——比率がばらばらなので、1つの切り抜きを全部に使い回すと、どれかで主役が画面の外へ出ます。本ツールはプリセットごとに切り抜く位置を別々に持ちます。結果のカードを選ぶと上のプレビューがそのサイズの枠に変わり、枠をドラッグすれば位置が、拡大のつまみを動かせば使う範囲が変わります。全部を同じ位置で揃えたいときは「この位置を全部に適用」を押してください。
収録しているのはWeb・ブログ(OGP・note)、X、Instagram、Facebook、YouTube、TikTok・LINE・LinkedIn・Pinterestの規定サイズで、いずれも2026年9月時点の各媒体の推奨値です。媒体側の仕様は変わることがあるため、重要な入稿の前は各媒体のヘルプで最新の値をご確認ください。一覧に無い寸法は「カスタムサイズ」で足せます(追加したサイズも位置調整とZIPの対象になります)。元画像より大きいサイズは引き伸ばしになるため、該当するカードに印を付けています。
処理はブラウザのCanvasで行い、画像が外部サーバーへアップロードされることはありません。縮小は半分ずつ段階的に行うため、2000px級の写真から400pxのアイコンを作っても輪郭が粗くなりにくくなっています。WebPでの書き出しだけは、ブラウザ差を避けるため WebP変換ツール と同じlibwebp(WebAssembly)を使います。長辺や倍率を指定して1枚を整えるだけなら 画像リサイズ&クロップ、書き出した画像を貼るメタタグは OGPメタタグ生成ウィザード が担当です。記事タイトル入りのOGP画像そのものを作るなら OGP画像ジェネレーター で作ってから、ここで他の媒体のサイズへ展開できます。
設定はURLパラメータでも渡せます(画像の選択は手元で行います)。例: /social-image/?presets=ogp,x-post,yt-thumb&format=image/webp&q=80、カスタム寸法を混ぜるなら /social-image/?presets=ogp,1080x1080、余白付きなら /social-image/?fit=contain&bg=%23faf8f4。
Other Tools
- 01画像→WebP一括変換WebP Converter
- 02白背景の透過White BG Remover
- 03コントラスト比チェッカーContrast Checker
- 04文字数カウントCharacter Counter
- 05llms.txt ジェネレーターllms.txt Generator
- 06JSON-LD構造化データ生成JSON-LD Generator
- 07Markdown→PDF変換MD → PDF
- 08OGPメタタグ生成ウィザードOGP Wizard
- 09faviconジェネレーターFavicon Generator
- 10TikTok投稿ツールTikTok Publisher
- 11文字コード・改行コード変換Encoding Converter
- 12画像→AVIF変換+picture生成AVIF Converter
- 13テストデータ生成Test Data Generator
- 14Marp Markdown→スライドMarp Slides
- 15テキスト・コード差分チェッカーDiff Checker
- 16Cron式ビジュアル解説&発火日時Cron Explainer
- 17Base64 & Data URI変換Base64 & Data URI
- 18URLパラメータ分解・UTMタグ編集URL Parameters
- 19HTMLエンティティ・特殊文字エスケープHTML Escape
- 20JSON ⇄ YAML 相互変換&整形JSON ⇄ YAML
- 21PX ⇄ REM / EM 単位変換&スケール表PX ⇄ REM / EM
- 22カラーコード変換&アルファ透過Color Converter
- 23MD5 / SHA-256 ハッシュ生成Hash Generator
- 24JWTデコーダー&有効期限チェッカーJWT Decoder
- 25User-Agent解析&デバイス判定User-Agent Parser
- 26UUID (v4) & ULID 一括生成UUID & ULID Generator
- 27アスペクト比計算&レスポンシブサイズAspect Ratio Calculator
- 28Markdownテーブル整形&CSV/TSV変換Markdown Table
- 29SQLクエリフォーマッター&整形SQL Formatter
- 30QRコード生成QR Code Generator
- 31正規表現テスターRegex Tester
- 32UNIXタイムスタンプ⇄日時変換Unix Time Converter
- 33新規タブメモ帳New Tab Memo
- 34画像リサイズ&クロップImage Resizer
- 35EXIF情報の確認&除去EXIF Viewer
- 36robots.txt ジェネレーターrobots.txt Generator
- 37安全なパスワード生成Password Generator
- 38文字列ケース変換Case Converter
- 39CSV/TSV ⇄ JSON 相互変換CSV ⇄ JSON
- 40PDF結合・分割・ページ抽出PDF Merge & Split
- 41全角⇄半角変換&テキストクリーナーZenkaku ⇄ Hankaku
- 42X(Twitter)投稿の文字数計算(重み付き)X Post Counter
- 43CSS clamp() フルイドタイポグラフィ計算機CSS clamp() Calculator
- 44CSSグラデーションジェネレーターCSS Gradient Generator
- 45画像からカラーパレット抽出Palette Extractor
- 46QRコード読み取りQR Code Reader
- 47SVG最適化&data URI化SVG Optimizer
- 48リダイレクトルール ジェネレーターRedirect Generator
- 49IPアドレス・CIDR計算機CIDR Calculator
- 50カレンダー予定(.ics)ジェネレーターICS Generator
- 51イージング(cubic-bezier)プレビュー&比較Easing Preview
- 52box-shadow ジェネレーターbox-shadow Generator
- 53和文ダミーテキスト生成Japanese Dummy Text
- 55タイムゾーン変換・世界時計Timezone Converter
- 56日数・営業日計算Business Day Calculator
- 57HTML→Markdown変換HTML → Markdown
- 58HEIC→JPEG/PNG変換HEIC Converter
- 59印刷サイズ・DPI計算機Print DPI Calculator
- 60色覚シミュレーターColor Blindness Simulator
- 61SERPプレビュー&メタタグ文字数チェックSERP Preview
- 62Flexbox / CSS Grid ジェネレーターFlexbox & CSS Grid
- 63テキスト行操作ツールLine Tools
- 64スクリーンショット枠装飾Screenshot Frame
- 65和暦 ⇄ 西暦変換Japanese Era Converter
- 66URLスラッグ生成(日本語→ローマ字)URL Slug Generator
- 67htpasswd ジェネレーターhtpasswd Generator
- 68OGP画像ジェネレーターOGP Image Generator
- 69スタンプ形ジェネレーターStamp Shape Generator
- 70スリープ防止(画面の消灯を止める)Stay Awake
- 71画面録画+クリック自動ズームScreen Recorder with Auto-Zoom
- 723Dデバイスモックアップジェネレーター3D Device Mockup Generator
- 73OpenAPI→日本語ドキュメント&TS型定義OpenAPI Doc Generator
- 74画面レビューボードScreen Review Board
- 75AI活用案件の判断記録AI Decision Journal
- 76カードバインダー配置プランナーCard Binder Planner
- 77e-Stat CSV かんたんグラフ化e-Stat CSV to Chart
- 78FAQ構造化データ(JSON-LD)&Markdown ジェネレーターFAQ JSON-LD Generator
- 79コード画像化Code to Image
- 80社内文書の重複・孤立・表記ゆれチェッカーWiki Doc Checker
- 81サイトのスタイル実測→AI向けブランドガイドStyle → AI Brand Guide
- 82アイコンの丸切り抜きプレビュー(新旧比較)Icon Crop Preview
- 83寝顔の無音カメラSilent Sleep Camera
- 84Instagram投稿ツールInstagram Publisher
- 85今年の12枚(1年の写真まとめ)12 Months in Photos
- 86中袋の記入欄に収める下書きInner Envelope Box Fitter