資料を見る相談する

間取り図をWeb・SNSへ載せる前に|切れない余白と読める文字の確認

間取り図をWebやSNSへ入稿する担当者向けに、元図面の確認、比率調整、文字の読みやすさ、本文で補う情報を説明します。投稿枠へ合わせるために寸法や注記を落とさない手順です。

見出し画像はAIで生成したイメージです。実際の事例・実績・製品の画面ではありません。

原稿作成:NAYUTA(AIによる原稿作成支援) / NAYUTAについて

公開日:

監修:岸 和伸

原稿作成:NAYUTA(AIによる原稿作成支援)。更新日:2026年9月27日。

投稿枠に合わせる前に、図面の情報を守る

横長の間取り図を縦長の投稿へ入れると、端の文字が切れたり、全体を縮めて読めなくなったりします。画像の比率がそろっていても、図面として必要な情報が失われれば使えません。この記事は、支給された間取り図を入稿する住宅・不動産会社の担当者向けです。図面そのものの設計や法的な確認は扱いません。

まず物件名、号棟・号室、階、改訂日を照合します。寸法、方位、凡例、注意書きなど、どこまでが画像に必要かを図面の管理者と確認してください。元データは残し、Web用のコピーを作ります。古い図面を最新の写真と組み合わせないよう、図面と物件情報の版をそろえることが先です。

1. 切り取るより、余白で比率を合わせる

図面全体を保ったまま投稿枠に合わせる場合は、画像の余白追加Toolを使います。背景を足して比率をそろえれば、端の注記を切らずに配置できます。ただし余白が増えた分だけ図面が小さくなるため、全体が収まったことと読みやすいことを分けて確認します。

リサイズでは縦横の比率を保ちます。枠へ合わせるために片方向へ引き伸ばすと、部屋の形や関係が違って見えます。元図面の線が細い場合は、小さい投稿一枚で全体を読ませる設計を見直します。全体図と部分の説明を分ける方法でも、部分図にはどこの範囲か分かる注記を付けてください。

間取り図を切らずに余白で比率を合わせる縦横比を保って掲載サイズへ変更する

2. 複数階や部分図は、順序とラベルを付ける

1階と2階を並べるなら、階の表示を残して同じ物件の図面であることを照合します。画像結合Toolのラベルは読む順序を助ける用途に使います。図面内の注記と矛盾する独自のラベルを付けず、元の意味を保ってください。違う縮尺の図面を並べるときも、見た目だけで面積の大小を判断させない工夫が必要です。

部分図を拡大する場合は、全体図のどこに当たるかを示します。通路や階段のつながりが見えない切り抜きだけで、生活動線全体を説明しないでください。画像の文字に頼りきらず、階や部屋構成など必要な情報を本文にも記載すると、画像を拡大できない読者にも内容が伝わります。

各階の図面をラベル付きで並べるW3C:情報を持つ画像の説明方法

3. 保存した画像と掲載画面で、文字を確認する

圧縮後は、図面の細線、小さな数字、注記の濁点などを拡大して見ます。元の画像ではなく、送付・入稿するファイルそのものを確認してください。容量を下げた結果、重要な注記が判別できないなら、圧縮条件や掲載方法を見直します。所定の容量に収まることだけでは入稿準備は完了しません。

掲載後はスマートフォンの実際の表示で確認します。図面が小さくしか表示されない場合は、詳細を確認できるページや資料への導線を用意します。alt属性の確認Toolは設定漏れを探す補助です。複雑な図面の全情報を短いalt一つに詰め込まず、本文の説明と併せて必要な内容を伝えます。

細線と注記を見ながら画像を圧縮する掲載ページの画像altを確認する物件画像の形式・サイズ・容量を選ぶ手順

図面入稿の工程

  1. 照合:対象物件・階・版と、残す注記を確認する。
  2. 調整:比率を保ち、余白や複数画像の構成で掲載枠へ合わせる。
  3. 検証:出力画像と掲載画面で細線・文字・説明導線を確認する。

入稿前チェック

余白を減らすために方位や注意書きを切る、縦横を別々に伸ばす、図面にない収納や寸法を説明で補うことは避けます。画像加工担当が判断できない図面内容は、管理者へ確認してください。

  1. 物件・号室・階・改訂日が一致しているか。
  2. 寸法・方位・凡例・注記が切れていないか。
  3. 各階や部分図の順序とラベルが分かるか。
  4. 保存後とスマートフォン表示で文字を確認したか。

出典と確認日

一次情報確認日:2026年9月27日。W3Cの画像説明の考え方を参照しています。画像の編集・点検はNAYUTAの提案手順です。個別図面の内容や広告上必要な表示は、図面管理者と広告責任者が確認してください。

よくある質問

SNSの枠へ合わせるため図面を切ってよいですか?

必要な寸法や注記を失わないことを先に確認します。全体を保つ場合は余白追加を使い、部分図は範囲と全体との関係を示してください。

図面を横に伸ばしてサイズを合わせてもよいですか?

形が違って見えるため、縦横比を保って調整します。余白や画像の分割で掲載方法を検討してください。

altに図面の説明を全部入れる必要がありますか?

短いaltだけに詰め込まず、画像の目的が分かる説明と本文の補足を組み合わせます。複雑な内容を画像だけに閉じ込めないことが大切です。

執筆と監修

本記事はAIを用いて原稿を作成しています。 公開前に岸 和伸が内容・表現・出典を確認しました。

監修:岸 和伸

住宅会社で注文住宅の営業を経験した後、Web・SNS・販促・マーケティングへと仕事を広げ、注文住宅に加えて分譲・不動産仲介・リフォームのWeb制作・運用に携わってきました。その後、大手不動産会社で広報・PR、ブランディング、オウンドメディアなどを担当。SNSやAI活用にも取り組んできました。住宅・不動産に携わって、約15年。

住宅・不動産のマーケティング、Web・販促、営業との連携、AIの業務活用に関する内容の確認。法律・税務・建築技術等の個別専門判断を代替しない。

CONSULTATION / ご相談

まず、お話を聞かせてください。まず、お話を聞かせてください。

何を頼めばいいのか、まだ決まっていなくても構いません。

初回30分は無料。お話を伺い、優先して確かめることと最初の一歩を「お悩み解決シート」にまとめてお渡しします。