ロゴ
ToolkitsLabEfficiency Hub

OGP画像サイズ一覧ツール

X(旧Twitter)・Facebook・LINEなど、 主要SNSごとのOGP画像推奨サイズを一覧で確認できます。

SNSを選択

画像をテスト

クリックして画像をアップロード

X (Large Card) の仕様

  • 推奨幅: 1200px
  • 推奨高さ: 630px
  • アスペクト比: 1.91:1

プレビューシミュレーター

Safe Area
TOOLKITSLAB.COM
記事のタイトルがここに表示されます
メタディスクリプションがこのように表示されます。

セーフエリアについて:

赤い点線の内側は、あらゆるデバイスで確実に表示される範囲です。ロゴや重要なテキストはこの範囲内に配置することを推奨します。
サイズ確認一覧
サービス名推奨ピクセル比率最大容量
X (Large Card)1200 × 6301.91:15MB以下
Facebook1200 × 6301.91:15MB以下
LINE1200 × 6301.91:15MB以下
LinkedIn1200 × 6271.91:15MB以下

OGP画像サイズ一覧ツールとは?

本ツールは、X(旧Twitter)、Facebook、LINEなどの主要SNSでURLが共有された際に表示される「OGP画像」の推奨サイズを瞬時に確認・シミュレートできるWeb制作者向けツールです。 各プラットフォームごとに異なる複雑なアスペクト比や、デバイスによって端が切り取られる「セーフエリア」の問題を解決します。 お手持ちの画像をアップロードして実際の表示イメージを確認できるため、デザイン公開後の「文字が切れてしまった」といったミスを未然に防ぐことが可能です。

こんなシーンで便利です

SNSマーケティング・拡散用

キャンペーンやブログ記事のサムネイルを制作する際、最も目立つ「1.91:1」の黄金比に合わせた最適な画像サイズを確認できます。

サイト制作・コーディング時の確認

開発環境でOGP設定が正しく動作するか、実際のメタタグに指定する数値(width/height)の備忘録として活用いただけます。

デザインのセーフエリア確認

スマホ版のXやLINEなどで、画像がトリミングされて重要なキャッチコピーやロゴが隠れてしまわないかシミュレートできます。

クライアントへの仕様説明

制作依頼時や納品時に、各SNSの推奨ピクセル数やファイル容量の制限を一覧表としてそのまま提示・共有できます。

使い方は簡単 3ステップ

  1. 「SNSを選択」から、確認したいプラットフォームをクリックします。
  2. 「画像をテスト」に作成したデザイン案をアップロードします(任意)。
  3. プレビュー画面で「セーフエリア」に文字が収まっているか確認します。

画像はブラウザ内でのみ処理されるため、サーバーにアップロードされる心配はありません。

ご利用時の注意点

  • 画像の容量制限:主要なSNSでは「5MB以下」が推奨されています。高画質すぎて重くなると、表示されない場合があるため注意してください。
  • アスペクト比の一致:現在の主流は 1.91:1(1200×630px)ですが、これ以外の比率だとSNS側で勝手に拡大・縮小やトリミングが行われることがあります。
  • X(旧Twitter)のカード形式:本ツールは「Large Image Summary Card」を想定しています。設定(metaタグ)によっては正方形で表示される場合もあります。

主要SNSのOGP画像・推奨サイズ早見表(最新版)

主要なSNSプラットフォームごとの推奨ピクセル数、アスペクト比、および画像容量の制限をまとめています。

プラットフォーム推奨サイズ (px)比率 / 形式容量・備考
X (Twitter)1200 × 630 px1.91:1 / 黄金比最大5MB以下推奨
Facebook1200 × 630 px1.91:1最小600×315px
LINE1200 × 630 px1.91:1トーク画面で表示
Instagram1080 × 1080 px1:1 / 正方形プロフィール共有等
YouTube1280 × 720 px16:9 / HDカスタムサムネイル
note1280 × 670 px1.91:1近傍見出し画像サイズ
Slack任意のサイズ自動縮小メタデータから引用

【重要】OGP画像の「セーフエリア」と文字切れ対策

各SNSでは、デバイスや表示箇所によって画像の端が数%〜10%程度トリミングされる場合があります。特に「インスタリール」や「YouTubeショート」、モバイル版Xのタイムラインでは中央付近に重要な情報(ロゴやキャッチコピー)を配置する「セーフゾーン」を意識することが不可欠です。本ツールでは、このセーフエリアを視覚的に確認できるよう設計されています。

表示が更新されない場合の対処法(キャッシュクリア)

  • X (Twitter): 「Card Validator」は廃止されましたが、投稿画面にURLを貼り直すことで反映されることがあります。
  • Facebook: 「Sharing Debugger」を使用し「もう一度スクレイピング」を実行してください。
  • LINE: 「PagePicker」のキャッシュ削除ツールを利用することで即時反映が可能です。

よくある質問(FAQ)

Q.テスト用にアップロードした制作途中の画像が外部に流出することはありませんか?

Q.

A. 一切ありません。当サイトの画像シミュレーション機能は、お客様のブラウザ(ローカル環境)でのみ実行されます。画像データがサーバーに送信・保存されることはございませんので、未公開デザインの確認にも安心してご利用ください。

Q.推奨サイズを無視して大きな画像をアップしても大丈夫ですか?

Q.

A. 縦横比が同じであれば基本的には縮小表示されますが、読み込み速度の低下や、SNS側での不自然な再圧縮(画質の劣化)を招くため、1200×630px前後での制作を強く推奨します。

Q.最新のSNS仕様変更には対応していますか?

Q.

A. はい。主要各社の公式デベロッパーガイドラインを定期的に確認し、仕様変更があった場合には随時アップデートを行っております。

User Feedback & Request

あなたの声で、
このツールをより鋭く。

「こんな機能が欲しい」「ここを直してほしい」といったご意見や、新しいツールのリクエストを募集しています。エンジニアが直接目を通し、開発の参考にさせていただきます。

フィードバックを送る