TOOL BOX｜手作業をツールにするTOOL BOX｜手作業をツールにする

OGP画像の見切れ確認ツール｜X・Facebook・LINEのシェア画像で端が切れないか確認【無料版あり】

  • ダウンロード商品
    ¥ 500

1200×630などのOGP画像（シェア用画像）を読み込んで、X・Facebook・LINEなどで表示されたときに切り取られそうな範囲の目安の枠を重ね、 タイトルの文字や顔が切れないかを確認できるツールです。 ブラウザで開くだけで動き、読み込んだ画像は外部に送られません。 Xの枠だけで足りる方は、無料版もあります。https://mall-aibou.booth.pm/items/8923348 ━━━━━━━━━━━━━━━━━━━━ ご注意 ━━━━━━━━━━━━━━━━━━━━ 重ねる枠は、各サービスの表示を想定した目安の比率です。公式の数値ではありません。 サービス側の仕様変更で、実際の表示とずれることがあります。 最終確認は、実際にシェアして行ってください。 ━━━━━━━━━━━━━━━━━━━━ この商品で得られるもの ━━━━━━━━━━━━━━━━━━━━ ◆ X（大きい画像型 2:1 ／ 小さい画像型 正方形）、Facebook（1.91:1 ／ 正方形）、LINE（1.91:1 ／ 正方形）、その他（16:9、4:3、正方形）の目安の枠 ◆ 枠ごとの表示/非表示。複数選ぶと、すべての枠に入る範囲だけが明るく残ります ◆ 枠の外の暗さの調整 ◆ 切れる量の目安（px）の表示 ◆ タイトル、説明文、サイト名を仮入力した、カード風プレビュー（目安） ◆ 画像（png/jpg）の読み込み ━━━━━━━━━━━━━━━━━━━━ 使い方（3ステップ） ━━━━━━━━━━━━━━━━━━━━ 1. ogp-preview.html をダブルクリックして、ブラウザで開く 2. OGP画像を、画面にドラッグ（「ファイルを選ぶ」からも選べます） 3. 見たい枠にチェックを入れて、文字や顔が切れていないかを見る。必要なら暗さの調整やカード風プレビューも使えます ━━━━━━━━━━━━━━━━━━━━ 動作環境 ━━━━━━━━━━━━━━━━━━━━ ・Chrome / Edge / Safari の最新版 ・ネット接続は不要です ・外部のサーバーと通信しません。広告もトラッキングもありません ━━━━━━━━━━━━━━━━━━━━ できないこと ━━━━━━━━━━━━━━━━━━━━ ・各サービスの公式の仕様ではありません。枠は目安です ・画像の編集や書き出しの機能はありません。確認用のツールです ・カード風プレビューは、実際の見た目や文字の省略位置を再現するものではありません ■ 使ってよい範囲 　業務・制作にお使いいただけます。クレジット表記は不要です。 　ファイルそのものの再配布・販売はご遠慮ください。 ■ 同梱物 　ogp-preview.html ／ README.txt TOOL BOX

「ギフトとして贈る」とは

OGP画像の見切れ確認ツール｜X・Facebook・LINEのシェア画像で端が切れないか確認【無料版あり】
1200×630などのOGP画像（シェア用画像）を読み込んで、X・Facebook・LINEなどで表示されたときに切り取られそうな範囲の目安の枠を重ね、 タイトルの文字や顔が切れないかを確認できるツールです。 ブラウザで開くだけで動き、読み込んだ画像は外部に送られません。 Xの枠だけで足りる方は、無料版もあります。https://mall-aibou.booth.pm/items/8923348 ━━━━━━━━━━━━━━━━━━━━ ご注意 ━━━━━━━━━━━━━━━━━━━━ 重ねる枠は、各サービスの表示を想定した目安の比率です。公式の数値ではありません。 サービス側の仕様変更で、実際の表示とずれることがあります。 最終確認は、実際にシェアして行ってください。 ━━━━━━━━━━━━━━━━━━━━ この商品で得られるもの ━━━━━━━━━━━━━━━━━━━━ ◆ X（大きい画像型 2:1 ／ 小さい画像型 正方形）、Facebook（1.91:1 ／ 正方形）、LINE（1.91:1 ／ 正方形）、その他（16:9、4:3、正方形）の目安の枠 ◆ 枠ごとの表示/非表示。複数選ぶと、すべての枠に入る範囲だけが明るく残ります ◆ 枠の外の暗さの調整 ◆ 切れる量の目安（px）の表示 ◆ タイトル、説明文、サイト名を仮入力した、カード風プレビュー（目安） ◆ 画像（png/jpg）の読み込み ━━━━━━━━━━━━━━━━━━━━ 使い方（3ステップ） ━━━━━━━━━━━━━━━━━━━━ 1. ogp-preview.html をダブルクリックして、ブラウザで開く 2. OGP画像を、画面にドラッグ（「ファイルを選ぶ」からも選べます） 3. 見たい枠にチェックを入れて、文字や顔が切れていないかを見る。必要なら暗さの調整やカード風プレビューも使えます ━━━━━━━━━━━━━━━━━━━━ 動作環境 ━━━━━━━━━━━━━━━━━━━━ ・Chrome / Edge / Safari の最新版 ・ネット接続は不要です ・外部のサーバーと通信しません。広告もトラッキングもありません ━━━━━━━━━━━━━━━━━━━━ できないこと ━━━━━━━━━━━━━━━━━━━━ ・各サービスの公式の仕様ではありません。枠は目安です ・画像の編集や書き出しの機能はありません。確認用のツールです ・カード風プレビューは、実際の見た目や文字の省略位置を再現するものではありません ■ 使ってよい範囲 　業務・制作にお使いいただけます。クレジット表記は不要です。 　ファイルそのものの再配布・販売はご遠慮ください。 ■ 同梱物 　ogp-preview.html ／ README.txt TOOL BOX