写真をHTMLでまとめると何が便利か
写真を個別に送ると、相手は1枚ずつ開いて見ることになり、順番や全体像が伝わりにくくなります。HTMLにまとめれば、並び順や見出しを付けて意図どおりに見せられます。
施工写真や商品写真、現場の記録など、複数枚をセットで確認してほしい場面では特に有効です。リンクひとつで全体をまとめて見てもらえます。
写真入りHTMLの作り方の基本
シンプルには、HTMLファイルと写真画像を同じフォルダに入れ、HTMLから画像を参照する構成にします。並べたい順に画像を配置し、必要なら見出しや簡単な説明を添えます。
写真はそのままだとファイルサイズが大きく、表示が重くなりがちです。共有前に適度な大きさにリサイズしておくと、相手の端末でも軽く開けます。
- HTMLと写真を同じフォルダにまとめる
- HTMLから画像への参照パスをフォルダ構成に合わせる
- 見せたい順番に画像を並べる
- 写真は適度にリサイズして表示を軽くする
最短手順：まずこの3ステップで完了
スマホの写真入りHTMLを公開は、最初に全体像を押さえると迷いません。細かな設定に入る前に、ファイルを準備し、共有条件を決め、公開後に相手と同じURLで確認する流れを作ります。
手順が決まったら、HTML/ZIPをアップロードして共有URLを発行し、相手に確認してほしい観点と期限を添えて送ります。
- 1. 共有するHTML/ZIPを整理し、不要ファイルや秘密情報を除く
- 2. 認証方式、公開期限、差し替え有無を決めてURLを発行する
- 3. シークレットウィンドウとスマホで開き、相手への依頼文を添えて送る
ZIPでまとめて公開する手順
写真などの画像を含むサイトは、HTMLと画像をまとめてZIPにし、ギガサイト便にドロップします。これで共有URLが発行されます。
画像を別々にアップロードするのではなく、HTMLと一緒にZIPへまとめるのがポイントです。次の流れで公開します。
- HTMLと写真画像を一つのフォルダにまとめる
- フォルダをZIPに圧縮する
- ギガサイト便のトップページにZIPをドロップする
- 発行された共有URLを自分で開き、写真がすべて表示されるか確認する
- 見せたい相手に合わせて認証方式と公開期限を設定して共有する
写真が表示されないときの見直し
公開後に写真が表示されない場合、多くはHTMLの参照パスとZIP内のフォルダ構成が合っていないことが原因です。画像のファイル名やフォルダ位置を確認し、HTMLの記述と一致させてから差し替えます。
ギガサイト便では同じURLのまま中身を差し替えられるので、修正したZIPをアップロードすれば、URLを変えずに直した状態を再確認できます。
写真を見せる範囲に気をつける
写真には、背景に写り込んだ情報や場所が分かる手がかりなど、外部に出したくない要素が含まれることがあります。公開前に内容を見直し、見せてよい相手の範囲を決めておきましょう。
一時公開ページにはnoindexが付くため検索結果には出ませんが、noindexはアクセス制御ではありません。関係者だけに見せたい写真は、パスワードやメール認証(ワンタイムコード)を併用してください。確認が終わる時期に合わせて公開期限を設定しておくと、古いURLが残りません。
よくある質問
スマホだけで写真HTMLを公開できますか
写真とHTMLをまとめてZIPにできれば、スマホからギガサイト便にドロップして公開URLを発行できます。会員登録なしでも公開できるので、撮った写真をその場でまとめて共有しやすくなっています。
写真が多くて表示が重くなりませんか
写真は公開前に適度な大きさにリサイズしておくと軽くなります。ギガサイト便はCDNのエッジ配信で表示が速いため、適切なサイズにしておけば多めの写真でも見やすく表示できます。
公開後に写真を増やしたり差し替えたりできますか
できます。同じURLのまま中身を差し替えられるので、写真を追加・修正したZIPをアップロードすれば、URLを変えずに最新の内容を見せられます。相手にリンクを送り直す必要はありません。
見せたくない人に写真を見られないようにできますか
認証方式をパスワードやメール認証、会社ドメイン認証から選べます。一時公開ページにはnoindexが付き検索結果には出ませんが、noindexはアクセス制御ではないため、関係者限定にしたい写真は認証を併用してください。
最短で進める場合でも省略しないほうがよい確認は何ですか？
不要ファイルや秘密情報の除去、スマホ表示確認、共有相手と期限の明記は省略しないほうが安全です。URLを作る速さより、誤共有を防ぐことを優先します。