画像をOGP推奨サイズに自動でリサイズ・トリミングします。 SNSシェア用画像の作成に最適です。
画像をドラッグ or タップ
PNG, JPG, WebP 対応
Preview
画像をアップロードしてください
ここにプレビューが表示されます
OGP画像サイズに整形するツールとは?
本ツールは、お手持ちの画像をSNSシェア時に最も美しく表示される「OGP推奨サイズ」へ瞬時にリサイズ・トリミングできるオンラインエディタです。 X(旧Twitter)やFacebook、LINE、Instagramなど、各プラットフォームで画像が引き伸ばされたり、重要な部分が切れてしまう問題を解決します。 ブラウザ上で画像処理を完結させるため、重いソフトを起動する必要もなく、プライバシー面でも非常に安全な設計となっています。
こんなシーンで便利です
ブログのアイキャッチ画像作成
記事のアイキャッチを、SNSで推奨される1200×630px(1.91:1)に一括整形。シェア時のクリック率を高めます。
X(旧Twitter)投稿の16:9修正
縦長画像やスマホ写真を、タイムラインで見栄えの良い1280×720pxにリサイズ。重要な被写体を中央に配置できます。
インスタ投稿用の正方形加工
長方形の画像を、Instagramに最適な1:1(1200px)の正方形に整形。余白の色も自由に選んでデザイン性を保てます。
簡易的な文字入れ・タイトル合成
別の編集ソフトを使わずに、画像下部へ直接タイトル文字を合成。そのまま完成品としてダウンロード可能です。
使い方は簡単 3ステップ
- 「画像を選択」から編集したいファイルをアップロードします。
- 「出力サイズ」や「フィットモード」を選び、必要に応じてテキストを入力します。
- 「画像を保存する」ボタンを押すと、整形後の画像がダウンロードされます。
※トリミング(Cover)を選ぶと中央を基準に切り抜き、全体表示(Contain)を選ぶと余白を背景色で埋めます。
ご利用時の注意点
- 高画質での保存:ダウンロードされる画像はPNG形式で出力されるため、テキストを入れても文字がぼやけず、高画質を維持したまま保存されます。
- 推奨サイズの設定:デフォルトで設定されている「1200×630」は、現在の主要SNS(X, Facebook, LINE)における共通の最適解です。
- 画像比率の維持:フィットモードを切り替えることで、画像を歪ませることなく、指定のサイズにぴったり合わせることが可能です。
主要SNS別の推奨OGP画像サイズ一覧
各プラットフォームで画像がトリミングされずに表示される最適なピクセル数とアスペクト比です。
| SNS・プラットフォーム | 推奨サイズ (px) | アスペクト比 | 特徴・注意点 |
|---|---|---|---|
| X (Twitter) / Facebook | 1200 × 630 | 1.91:1 | 最も標準的なOGPサイズ。共通で利用可能 |
| X (カード:大) | 1200 × 628 | 1.91:1 | 「Summary with Large Image」の最適値 |
| LINE | 1200 × 630 | 1.91:1 | トーク画面でのシェア時に上下左右が切れないサイズ |
| Instagram (投稿) | 1080 × 1080 | 1:1 | 正方形。OGPとは別にプロフィール一覧でも重要 |
| Instagram (ストーリーズ) | 1080 × 1920 | 9:16 | スマホ全画面表示に最適な縦長サイズ |
| YouTube (サムネイル) | 1280 × 720 | 16:9 | 高画質表示に必須のサイズ。アスペクト比が重要 |
| YouTube ショート | 1080 × 1920 | 9:16 | 中央に重要な要素を配置する「セーフゾーン」に注意 |
| Slack / Discord | 制限なし | 不定 | 横長であれば美しくプレビュー表示されます |
【OGP画像の基本ルール】
現在、多くのSNSで共通して利用できる「1200 × 630 px」を作成しておくのが最も効率的です。 最小サイズは 600 × 315 px ですが、高解像度のスマートフォン(Retinaディスプレイ等)で画像がぼやけるのを防ぐため、2倍のサイズでの作成を強く推奨します。
【セーフゾーンについて】
プラットフォームによっては、上下左右が数ピクセル分切り取られて表示される場合があります。 ロゴや重要なテキストなどのメインコンテンツは、画像の中心から上下左右10%程度内側の「セーフゾーン」に配置すると、どの環境でも確実に表示されます。
【画像形式と容量】
ファイル形式はPNGまたはJPGが一般的です。PNGは文字がぼやけず、JPGは写真などのファイルサイズを抑えるのに適しています。 なお、多くのSNSでは5MBを超える画像はプレビューが表示されないことがあるため、本ツールでの適切なリサイズが有効です。
SNSクローラーの仕組みを捉えたOGP設定の最適化とクローリング自動化の手順
画像を推奨サイズに整形した後に発生する、メタタグの実装漏れやキャッシュによる表示遅延、クローラーの巡回挙動といった技術的な課題を解消するための実践的な運用ノウハウです。
メタタグの実装バリエーションと異なるアスペクト比のカード表示制御
画像を1200×630pxで作成しても、HTMLのメタタグ(og:image)の設定に不備があるとSNS上で画像が正しく表示されません。
特にX(旧Twitter)ではtwitter:cardタグの値を「summary_large_image」に指定しなければ、大きな1.91:1のカード形式にならず、小さな正方形に縮小されてしまうため、Next.jsのMetadataオブジェクト等を用いて静的・動的に正確なタグを全ページに出力してください。
画像更新時のキャッシュ問題を解決する独自URLパラメータと即時反映の手法
OGP画像を新しいデザインに差し替えても、各SNSが保持するキャッシュにより、タイムライン上の表示が古いままになるトラブルが頻発します。
これを回避するには、メタタグに記述する画像パスの末尾に?v=20260623といったタイムスタンプやバージョン情報のクエリパラメータを付与することで、別画像と認識させクローラーに最新画像を強制的に再取得させることが可能です。
各SNS公式デバッガーを用いた公開前のプレビュー検証とクローラー強制巡回
Webサイトの公開直後やリニューアル時にOGPが正しく表示されるか確認するために、各SNSが提供している開発者向け検証ツールの利用が不可欠です。
X(旧Twitter)のCard Validatorや、FacebookのシェアデバッガーにページのURLを入力して実行することで、一般ユーザーがシェアする前にプレビュー表示を検証できるほか、その場でクローラーの再スクレイピングを要求して即時反映させることができます。
よくある失敗と対策
画像サイズ・アスペクト比の間違いでSNSシェア時に意図しない切り抜きが発生
X(旧Twitter)やFacebookの「1.91:1」という比率や、1200×630pxの推奨サイズを無視して画像をアップロードした結果、プラットフォーム側で自動トリミングされてしまい、タイトル文字や商品の顔となる重要部分が切れてしまう失敗です。
💡 対策・解決策を見る▼
低解像度・低画質な画像を出力してスマホやRetinaディスプレイで表示がぼやける
最小規格である「600×315px」以下など、低解像度のままOGP画像を書き出してしまうケースです。最近の4Kディスプレイや高画素なスマートフォン画面では引き伸ばされて全体が粗くなり、Webサイト自体の信頼性やクリック率(CTR)を下げる原因になります。
💡 対策・解決策を見る▼
ファイルサイズ(容量)の超過によりプレビュー画像が全く表示されない
高画質な写真や、重い画像編集ソフトで作成した大容量ファイルをそのままOGP設定してしまう失敗です。主要なSNSプラットフォームやSlack等のツールでは「5MB以上」などの大容量画像はクローラーが読み込めず、リンクを貼ってもプレビュー画像自体が表示されない致命的なエラーに繋がります。
💡 対策・解決策を見る▼
「セーフゾーン」を意識せず端にテキストやロゴを配置して見切れてしまう
画像の端ギリギリまでタイトルやブランドロゴを配置してデザインを作ってしまうケースです。LINEのトーク画面や特定のカード表示形式によっては、1200×630pxであっても周辺数%がマスクされて見えなくなる「セーフゾーン漏れ」の失敗が多発しています。
💡 対策・解決策を見る▼
よくある質問(FAQ)
Q.編集のために選択した画像ファイルが外部のサーバーに保存されることはありますか
A. いいえ、ありません。画像の読み込み、リサイズ、トリミング、テキスト合成といったすべての画像処理は、お客様のパソコンやスマートフォンのブラウザ内のみで実行されます。データが外部のサーバーへ送信されたり、データベースに保存されたりすることは一切ないため、未公開の製品画像や機密情報を含むアイキャッチ画像でも安全に加工できます。
Q.出力サイズを1200x630にリサイズした画像はどのようなファイル形式で保存されますか
A. 整形後の画像はPNG形式で出力されます。PNG形式は可逆圧縮のため、ツール内で合成したタイトル文字やロゴの輪郭がぼやけることなく、クリアな高画質を維持したまま保存できるのが特徴です。ダウンロードされたファイルは、そのまま各種WebサイトのメタタグやSNSの設定欄にアップロードしてご利用いただけます。
Q.縦長の写真や正方形の画像を歪ませずに特定の比率へ整形することは可能ですか
A. はい、可能です。フィットモードの切り替え機能により、元の画像の縦横比を歪ませることなく加工できます。カバーモードを選択すれば画像の中央を基準に指定サイズへぴったり切り抜かれ、コンテインモードを選択すれば元の画像全体を表示した上で、はみ出た余白部分を指定した背景色で埋めることができます。
Q.スマートフォンのブラウザからでも画像の加工や文字入れをおこなうことはできますか
A. はい、できます。本ツールはレスポンス対応の設計となっており、iPhoneやAndroidなどのスマートフォン、タブレットのブラウザからでも、パソコンと同様にファイルの選択からフィットモードの調整、テキスト合成、ダウンロードにいたるまですべての機能をそのままご利用いただけます。
Q.XやFacebook以外のプラットフォームの画像サイズにも利用できますか
A. はい、利用可能です。デフォルトの1200x630pxはX、Facebook、LINEなどで共通して使える最適なOGPサイズですが、出力サイズやフィットモード、背景色を調整することで、Instagram用の正方形画像やYouTubeのサムネイルなど、用途に応じたアスペクト比の画像を作成できます。
あなたの声で、
このツールをより鋭く。
「こんな機能が欲しい」「ここを直してほしい」といったご意見や、新しいツールのリクエストを募集しています。エンジニアが直接目を通し、開発の参考にさせていただきます。