ホームページやSNSに地図画像を載せるときの注意点
チラシ・印刷・Web掲載 ／ 公開日：2026年11月15日
チラシ用に作った地図は、ホームページのアクセスページやSNSの投稿でも活用できます。ただし、紙とスマートフォンの画面では見え方がまったく違うため、そのまま使うと文字が小さすぎて読めなかったり、画像の端が切れてしまったりすることがあります。ここでは、地図画像をWebやSNSに載せるときに押さえておきたいポイントを紹介します。
スマートフォンで見ることを前提にする
ホームページやSNSを見る人の多くは、スマートフォンを使っています。スマートフォンの画面の幅は、印刷したチラシよりもずっと狭いことを意識しましょう。
- 目印の数をチラシ用よりさらに絞る（駅と目的地、曲がり角の目印1つ程度）
- 地図の範囲を少し狭めて、道や文字が大きく表示されるようにする
- 実際に自分のスマートフォンで表示して、拡大しなくても目的地の名前が読めるか確かめる
SNSごとの画像の形に合わせる
SNSでは、投稿した画像が自動で切り取られて表示されることがあります。地図の端にある目的地や出典表記が切れてしまわないよう、投稿先に合った形で地図を作りましょう。
| 投稿先 | 向いている画像の形 | ポイント |
|---|---|---|
| Instagramの投稿 | 正方形（1:1）または縦長（4:5） | 一覧画面では切り取られやすいので、目的地は中央に |
| Instagramのストーリーズ | 縦長（9:16） | 上下は文字やボタンで隠れやすいので、地図は中央部分に |
| X（旧Twitter） | 横長（16:9）など | タイムラインで切り取られることがあるので余白を多めに |
| LINE公式アカウント | 正方形や横長 | トーク画面では小さく表示されるため、文字の大きさに注意 |
| ホームページ | 横長（4:3や16:9） | スマートフォンでは縦に並ぶので、横長すぎない形に |
表示の仕様は各サービスの更新で変わることがあります。投稿前のプレビュー画面で、地図の大事な部分が切れていないか確認するのが確実です。
出典表記はWebでも必要
地図データの出典表記（クレジット）は、印刷物だけでなく、ホームページやSNSに載せる場合にも必要です。アプリで書き出した画像には表記が含まれないので、画像編集アプリなどで地図の右下に文字を入れておくと、画像だけが転載されたときにも出典が伝わります。
画像の中に文字を入れるのが難しい場合は、投稿の本文やページの地図の近くに「地図データ：© OpenStreetMap contributors」のように記載しておく方法もあります。使用したスタイルごとの表記は「地図の著作権表記（クレジット）の書き方」で確認できます。
画像だけに頼らず、文字の情報も載せる
地図は画像なので、検索エンジンや、画面の文字を読み上げる機能を使う人には内容が伝わりません。ホームページでは、地図画像のそばに住所、最寄り駅からの道順、駐車場の情報を文字でも書いておきましょう。
ホームページに画像を載せるときは、画像の代替テキスト（alt属性）に「〇〇駅南口から〇〇店までの案内地図」のような説明を入れておくと、画像が表示されない環境でも内容が伝わります。
動く地図と使い分ける
ホームページでは、Googleマップなどの動かせる地図を埋め込む方法もあります。動く地図は現在地からの道順を調べられるのが強みですが、目印が多すぎて肝心の道順が分かりにくいこともあります。
おすすめは、要点を絞った案内地図の画像と、動かせる地図へのリンクを並べて載せる方法です。画像で大まかな場所と道順をつかみ、必要な人だけが動く地図で詳しく調べる、という使い分けができます。