OnlineFreeTools.org
  • ホーム
  • Image editing tools
    • 文字透かしを追加 — ブラウザ完結
    • 画像から色を抽出 — パレットとクリック取色
    • 画像を反転 — 左右・上下
    • 画像に枠を追加 — 色と幅
    • 画像圧縮 — 長辺・画質・目標サイズ（端末内）
    • 画像の切り抜きとサイズ変更（端末内）
    • 写真の EXIF 表示と削除（GPS・カメラ情報・端末内）
    • 画像フォーマット変換 — PNG JPEG WebP AVIF BMP GIF ICO SVG ローカル
    • グレースケール変換 — ローカルで白黒に
    • 画像結合 — 複数写真を1枚のコラージュに
    • 画像最適化 — WebP / AVIF / MozJPEG（端末内）
    • 画像に重ねる — 写真へロゴを配置
    • 画像↔Base64 — ブラウザで変換
    • 画像からGIF — 短いアニメ
    • 画像をPDFに — 1枚1ページ
    • 画像をPowerPointに — 1枚1スライド
    • 画像をWordに — ローカルDOCX
    • PDFページの複数サイズ書き出し — マルチサイズパック
    • PDFをJPGに — ブラウザでページを画像に
  • デザインツール
    • ブランド色スケールを生成 — 50–950パレットとCSSトークン
    • ブランドスタイルガイド — 自動下書きを手直しできる
    • サイト配色方案 — 貼れるセマンティック CSS トークン
    • WCAGコントラストチェッカー — AA/AAA比率
  • PDFツール
    • PDF圧縮 — ブラウザでファイルを小さく
    • PDFを裁断 — ブラウザで余白をトリミング
    • PDF結合 — ブラウザで複数ファイルを1つに
    • PDF整理 — ブラウザでページ削除・並べ替え
    • PDFにページ番号 — ブラウザで追加
    • PDFをMarkdownに — 端末内でテキスト抽出
    • PDF透かし — 端末内で全ページに文字を入れる
    • PDFを保護 — ブラウザでパスワード暗号化
    • PDF回転 — ブラウザでページの向きを直す
    • PDF分割 — ページを端末内で取り出す
    • PDFロック解除 — 知っているパスワードで保護を外す
  • Developer tools
    • DNS に WWW を追加 — A/CNAME と各社ガイド
    • Base64 エンコード/デコード — ブラウザでテキストを変換
    • Core Web Vitals チェッカー — ページ体験スコアを判定
    • CSV と JSON を相互変換 — 型・区切り文字・ローカル
    • ドメイン照会 — DNSと登録情報を確認
    • ファイルハッシュチェッカー — ブラウザでダイジェストを確認
    • hreflang 生成ツール — 多言語サイト用の言語タグを作成
    • HTML エンティティ エンコード／デコード — ローカル処理
    • IndexNow — Bing URL 送信・キー確認・ステータスコード
    • 自分のIPアドレス確認 — グローバルIP表示（IPv4/IPv6）
    • JSON Schema バリデータ — draft-07 のパス、ローカル
    • JWT デコーダー — Header/Payload をブラウザで表示（署名検証なし）
    • Markdown と HTML を相互変換（プレビュー付き）
    • Google 検索結果プレビュー — タイトルと説明文の切れ目を確認
    • メタタグ生成ツール — ページの head タグ一式を作成
    • オンページ SEO チェッカー — ページのタグ問題を見つけて直す
    • Open Graph プレビュー — ソーシャル共有カードを確認
    • ランダムパスワード生成 — ブラウザでパスワードを作成
    • robots.txt 生成ツール — AI クローラーを拒否してアクセスを制御
    • JSON-LD 生成ツール — FAQ・記事・パンくずの構造化データを作成
    • XML sitemap 生成ツール — URL リストから sitemap.xml を作成
    • Compare Two Texts Online — Text Diff Checker
    • タイムゾーン変換 — 同一時刻を世界で対照
    • Unix タイムスタンプ変換 — エポック ↔ 読みやすい時刻
    • UTM ビルダー — キャンペーン追跡リンクを作成
    • UUID/ULID ジェネレーター — ブラウザで ID を作成
    • サイトのHTTPヘッダを確認 — レスポンスヘッダ検査
    • YAML と JSON を相互変換（型ルール・複数ドキュメント対応）
  • Calculators
    • 加速度計算ツール — 速度の変化
    • 年齢計算ツール — 生年月日から満年齢
    • アスペクト比の計算ツール — 比率の求め方と拡大縮小
    • BMI計算ツール — 体格指数の求め方
    • BMR / TDEE 計算ツール — 1日の消費カロリーの目安
    • 体脂肪率の計算ツール — 周囲径から推定する
    • 損益分岐点の計算ツール — 何個売れば元が取れるか
    • CAGR（年平均成長率）の計算ツール — 複合年間成長率を求める
    • 円の計算ツール — 面積と周長
    • 複利計算ツール — 将来価値の求め方
    • コンクリート体積の計算ツール — 必要量を見積もる
    • 信頼区間の計算ツール — 信頼区間の求め方
    • 貢献利益の計算ツール — 単価と変動費
    • 日付差計算ツール — 日数と週
    • 借金完済までの月数計算
    • 密度計算ツール — 質量÷体積
    • 割引計算ツール — セール価格の求め方
    • EMI / ローン返済額計算ツール — 月々の返済額の求め方
    • 指数計算ツール — a の b 乗の求め方
    • GPA計算ツール — 加重平均の出し方
    • 多変数の勾配 ∇f を計算 — 偏導関数ベクトル
    • 粗利率の計算ツール — 粗利と粗利率を求める
    • 心拍ゾーン計算ツール
    • 理想体重の計算ツール — 理想体重の目安を推定する
    • インフレ計算ツール — 将来の購買力
    • IRR（内部収益率）計算ツール
    • 対数計算ツール — ログの求め方
    • マクロ栄養素計算ツール — カロリーからグラムへ
    • 限界収入の求め方 — MR計算ツール（公式 ΔTR / ΔQ）
    • マークアップ計算 — 原価に対する上乗せ率
    • 平均の計算ツール — 相加/相乗/調和
    • 中央値と最頻値の計算ツール
    • NPV（正味現在価値）の計算ツール — ネット現在価値を求める
    • オームの法則 — 抵抗と電力
    • 1RM計算ツール（Epley）
    • p値計算ツール — p値の求め方
    • ペース計算ツール — 分/km と速度
    • ペンキ・塗料の計算ツール — 必要量の見積もり
    • 回収期間の計算ツール
    • パーセント変化の計算 — 旧値から新値への増減率
    • 順列・組合せの計算ツール
    • 現在価値・将来価値の計算ツール
    • 利益率計算ツール — 純利益率と営業利益率
    • 三平方の定理計算ツール — 欠けた辺の求め方
    • 二次方程式の解 — 根と判別式
    • ROI（投資利益率）計算ツール — 計算式と例
    • 72の法則 — 倍増までの年数
    • 時給換算計算機 — 年収・月給と時給の直し方
    • サンプルサイズ計算ツール — 必要標本数の見積もり方
    • 科学表記計算ツール — 科学的記数法の変換
    • 有効数字計算ツール — 桁の数え方と丸め方
    • 傾き計算ツール — 二点間の傾きの求め方
    • 標準偏差の計算ツール — 標準偏差と分散を求める
    • タイル枚数の計算ツール — 必要量を見積もる
    • チップ計算ツール — チップと割り勘
    • 三角形の面積計算ツール
    • VAT/GST（付加価値税）計算ツール
    • 速度計算ツール — 距離÷時間
    • 体積計算ツール — 直方体と球
    • Zスコア計算ツール — 標準得点の求め方
    • 平方フィート⇔平方メートル換算 — 物件・リフォーム向け
    • 単位換算ツール — 長さ / 質量 / 温度 / 面積 / 体積 / 速度
  • どこで使う
  • ツールタイプ
  • English
  • 中文
  • Español
  • العربية
  • Português
  • Bahasa Indonesia
  • Français
  • 日本語
  • Русский
  • Deutsch

ツール

文字透かしを追加 — ブラウザ完結DNS に WWW を追加 — A/CNAME と各社ガイドBase64 エンコード/デコード — ブラウザでテキストを変換ブランド色スケールを生成 — 50–950パレットとCSSトークンブランドスタイルガイド — 自動下書きを手直しできる画像から色を抽出 — パレットとクリック取色PDF圧縮 — ブラウザでファイルを小さくCore Web Vitals チェッカー — ページ体験スコアを判定PDFを裁断 — ブラウザで余白をトリミングCSV と JSON を相互変換 — 型・区切り文字・ローカルドメイン照会 — DNSと登録情報を確認ファイルハッシュチェッカー — ブラウザでダイジェストを確認画像を反転 — 左右・上下加速度計算ツール — 速度の変化年齢計算ツール — 生年月日から満年齢アスペクト比の計算ツール — 比率の求め方と拡大縮小BMI計算ツール — 体格指数の求め方BMR / TDEE 計算ツール — 1日の消費カロリーの目安体脂肪率の計算ツール — 周囲径から推定する損益分岐点の計算ツール — 何個売れば元が取れるかCAGR（年平均成長率）の計算ツール — 複合年間成長率を求める円の計算ツール — 面積と周長複利計算ツール — 将来価値の求め方コンクリート体積の計算ツール — 必要量を見積もる信頼区間の計算ツール — 信頼区間の求め方貢献利益の計算ツール — 単価と変動費日付差計算ツール — 日数と週借金完済までの月数計算密度計算ツール — 質量÷体積割引計算ツール — セール価格の求め方EMI / ローン返済額計算ツール — 月々の返済額の求め方指数計算ツール — a の b 乗の求め方GPA計算ツール — 加重平均の出し方多変数の勾配 ∇f を計算 — 偏導関数ベクトル粗利率の計算ツール — 粗利と粗利率を求める心拍ゾーン計算ツール理想体重の計算ツール — 理想体重の目安を推定するインフレ計算ツール — 将来の購買力IRR（内部収益率）計算ツール対数計算ツール — ログの求め方マクロ栄養素計算ツール — カロリーからグラムへ限界収入の求め方 — MR計算ツール（公式 ΔTR / ΔQ）マークアップ計算 — 原価に対する上乗せ率平均の計算ツール — 相加/相乗/調和中央値と最頻値の計算ツールNPV（正味現在価値）の計算ツール — ネット現在価値を求めるオームの法則 — 抵抗と電力1RM計算ツール（Epley）p値計算ツール — p値の求め方ペース計算ツール — 分/km と速度ペンキ・塗料の計算ツール — 必要量の見積もり回収期間の計算ツールパーセント変化の計算 — 旧値から新値への増減率順列・組合せの計算ツール現在価値・将来価値の計算ツール利益率計算ツール — 純利益率と営業利益率三平方の定理計算ツール — 欠けた辺の求め方二次方程式の解 — 根と判別式ROI（投資利益率）計算ツール — 計算式と例72の法則 — 倍増までの年数時給換算計算機 — 年収・月給と時給の直し方サンプルサイズ計算ツール — 必要標本数の見積もり方科学表記計算ツール — 科学的記数法の変換有効数字計算ツール — 桁の数え方と丸め方傾き計算ツール — 二点間の傾きの求め方標準偏差の計算ツール — 標準偏差と分散を求めるタイル枚数の計算ツール — 必要量を見積もるチップ計算ツール — チップと割り勘三角形の面積計算ツールVAT/GST（付加価値税）計算ツール速度計算ツール — 距離÷時間体積計算ツール — 直方体と球Zスコア計算ツール — 標準得点の求め方hreflang 生成ツール — 多言語サイト用の言語タグを作成HTML エンティティ エンコード／デコード — ローカル処理画像に枠を追加 — 色と幅画像圧縮 — 長辺・画質・目標サイズ（端末内）画像の切り抜きとサイズ変更（端末内）写真の EXIF 表示と削除（GPS・カメラ情報・端末内）画像フォーマット変換 — PNG JPEG WebP AVIF BMP GIF ICO SVG ローカルグレースケール変換 — ローカルで白黒に画像結合 — 複数写真を1枚のコラージュに画像最適化 — WebP / AVIF / MozJPEG（端末内）画像に重ねる — 写真へロゴを配置画像↔Base64 — ブラウザで変換画像からGIF — 短いアニメ画像をPDFに — 1枚1ページ画像をPowerPointに — 1枚1スライド画像をWordに — ローカルDOCXIndexNow — Bing URL 送信・キー確認・ステータスコード自分のIPアドレス確認 — グローバルIP表示（IPv4/IPv6）JSON Schema バリデータ — draft-07 のパス、ローカルJWT デコーダー — Header/Payload をブラウザで表示（署名検証なし）Markdown と HTML を相互変換（プレビュー付き）PDF結合 — ブラウザで複数ファイルを1つにGoogle 検索結果プレビュー — タイトルと説明文の切れ目を確認メタタグ生成ツール — ページの head タグ一式を作成オンページ SEO チェッカー — ページのタグ問題を見つけて直すOpen Graph プレビュー — ソーシャル共有カードを確認PDF整理 — ブラウザでページ削除・並べ替えランダムパスワード生成 — ブラウザでパスワードを作成PDFにページ番号 — ブラウザで追加PDFページの複数サイズ書き出し — マルチサイズパックPDFをJPGに — ブラウザでページを画像にPDFをMarkdownに — 端末内でテキスト抽出PDF透かし — 端末内で全ページに文字を入れるPDFを保護 — ブラウザでパスワード暗号化robots.txt 生成ツール — AI クローラーを拒否してアクセスを制御PDF回転 — ブラウザでページの向きを直すJSON-LD 生成ツール — FAQ・記事・パンくずの構造化データを作成XML sitemap 生成ツール — URL リストから sitemap.xml を作成サイト配色方案 — 貼れるセマンティック CSS トークンPDF分割 — ページを端末内で取り出す平方フィート⇔平方メートル換算 — 物件・リフォーム向けCompare Two Texts Online — Text Diff Checkerタイムゾーン変換 — 同一時刻を世界で対照単位換算ツール — 長さ / 質量 / 温度 / 面積 / 体積 / 速度Unix タイムスタンプ変換 — エポック ↔ 読みやすい時刻PDFロック解除 — 知っているパスワードで保護を外すUTM ビルダー — キャンペーン追跡リンクを作成UUID/ULID ジェネレーター — ブラウザで ID を作成WCAGコントラストチェッカー — AA/AAA比率サイトのHTTPヘッダを確認 — レスポンスヘッダ検査YAML と JSON を相互変換（型ルール・複数ドキュメント対応）

Open Graph プレビュー — ソーシャル共有カードを確認

Open Graph タグはページがシェアされるたびの見た目を決めます。画像やタイトルが欠けていると、クリックとシェアを損します。og:/twitter:card タグまたは URL を貼り付けて、Facebook・X・WhatsApp 風の共有カードをプレビューし、不足フィールドと画像比率を確認できます。手順：タグを貼るか URL を取得し、3 枚のカードとフィールド表を確認して、足りない項目を修正します。貼り付けモードは端末内で処理します。URL モードはページを 1 回だけ取得し、保存しません。例：1200×630 の og:image を持つページが大カードで共有されるケース。

仕組み

プレビューは貼り付けた og:/twitter: タグ（または URL から取得した HTML から抽出したタグ）を解析し、3 枚の共有カードを描画します。Facebook は左に 1.91:1 の画像、下にタイトル・説明・ドメインを表示します。X は twitter:card に従い、summary_large_image は上に大きな画像、summary は本文の横に小さい画像を表示します。WhatsApp などのメッセージアプリは大きなカードを 1 枚表示します。フィールド表では og:title・og:description・og:image を必須とし、任意項目も列挙します。

プレビューで使うルール

以下は各プラットフォームが使う画像サイズとフォールバックです。Open Graph プロトコルと X Cards のドキュメントに基づきます。

  • 必須フィールド：og:title、og:description、og:image。不足分は公開前に修正できるよう表示されます。
  • og:image は 1200×630 ピクセル（1.91:1）なら主要プラットフォームで問題なく表示されます。Facebook は 2:1 と 1:1 の切り抜きにも対応。小さすぎる画像は拡大されてぼやけます。
  • twitter:card の summary_large_image は大きな画像、summary は小さな画像に対応します。twitter:card がない場合、プラットフォームは og: タグから summary カードと推測します。
  • og:title または og:image がない場合、プラットフォームは HTML のタイトル、meta description、ページ内の最初の画像にフォールバックします。
  • 画像サイズはブラウザの画像読み込みで測定します。画像を読み込めない場合（遮断・オフライン・URL 誤り）は「不明」と報告します。

例

サンプルタグは 1200×630 の og:image と twitter:card summary_large_image を持つブログ記事を表します。プレビューでは、左に画像のある Facebook カード、X の大カード、WhatsApp 風カード、必須フィールドがすべて揃ったタグ表が表示されます。

使える場面

  • 記事やランディングページを公開する前に、タグを一度貼り付けて Facebook・X・メッセージアプリでの見え方を確認します。
  • 共有リンクに画像が出ない、または切り取られる場合、og: タグを貼って og:image の不足や比率の誤りを確認します。
  • CMS やテーマを更新した後、公開 URL を取得して og: タグがページと一致しているか確認します。

Frequently asked questions

Open Graph タグがないページはどうなりますか？

Facebook・X・WhatsApp は HTML のタイトル、meta description、ページ内の最初の画像からカードを作ります。カードが不完全になったり画像がずれたりするため、必須の og: フィールドが存在します。

og:image はどのくらいのサイズがよいですか？

安全なサイズは 1200×630 ピクセル（1.91:1）で、主要プラットフォームすべてで使えます。Facebook は 2:1 と 1:1 の切り抜きにも対応。小さすぎる画像は拡大されてぼやけます。

twitter:card と og: タグの関係は？

twitter:card がレイアウトを決めます。summary_large_image は横長の画像、summary は小さな画像を表示します。twitter:title・twitter:description・twitter:image がない場合、X は対応する og: タグにフォールバックします。

og:image がない場合、プラットフォームはどうしますか？

ページ HTML 内の最初の画像にフォールバックするか、画像なしのカードを表示します。og:image の不足は、共有リンクにプレビュー画像が出ない最も一般的な原因です。

比率チェックが「不明」になるのはなぜですか？

プレビューはブラウザの画像読み込みで og:image の実サイズを読み取ろうとします。画像が遮断・オフライン・低速だったり、サーバーがリクエストを拒否したりするとサイズを読み取れず「不明」と報告します。

タグはどこかにアップロードされますか？

いいえ。貼り付けモードでは解析とプレビューが端末内で完結します。URL モードはページを 1 回だけ worker 経由で取得し、保存しません。

Related tools

  • メタタグ生成ツール — ページの head タグ一式を作成
  • Google 検索結果プレビュー — タイトルと説明文の切れ目を確認
  • オンページ SEO チェッカー — ページのタグ問題を見つけて直す

このツールを共有

SNSで共有、リンクをコピー、または端末の共有機能を使えます。

XFacebookLinkedInRedditWhatsAppTelegram

https://onlinefreetools.org/ja/tools/open-graph-preview

お問い合わせ・フィードバック

分かりにくい点、不具合、不足があれば下にメッセージを書いてください。ツールに関する内容はすべて確認します。

メール: dailyonetools@outlook.com

References

  • ogp.me — Open Graph プロトコル
  • X — Cards のマークアップ
OnlineFreeTools.org · 学習プロジェクト · 継続的にイテレーション
について·プライバシー·利用規約·お問い合わせ