# Web用画像の準備

表示サイズと切り抜きを調整し、必要な内容を代替文で伝え、原本と許諾を残します。 建築作品は軽い見本を出し、必要な場所だけ大きな画像を使えます。 重要な細部が読めないほど小さいファイルは適切ではありません。

## 使える原本をそろえる

利用する権利のある最良の原本から始め、Web向けの軽い版と分けて保管します。SNSのスクリーンショットはすでに圧縮や切り抜きがある場合があり、よい出発点とは限りません。題材と案件が分かる名前にします。

作者、出所、許可される使用、必要なクレジットを台帳にします。見られる画像が自由に使えるとは限りません。顧客や写真家の素材なら条件も保存し、公開時に初めて権利を調べる状態を避けます。

画像の目的も書きます。雰囲気、実績、製品の特徴、装飾では、必要な寸法や代替文が変わります。一般画像が自社の場所やスタッフに見える場合は、文脈を正直に保ちます。

## 配置先に合う出力を作る

小さな見本、横長バナー、素材の拡大には違うファイルが適します。どこでも巨大原本を送るのでなく、実際の表示に役立つ大きさを用意します。

重要な部分を切らない比率を選び、電話画面の切り抜きも確認します。圧縮後は目で見て、細部が読めるかを確かめてください。ファイルが小さくても、製品の情報が失われれば成功ではありません。

寸法または比率をページで予約し、読み込みによる移動を減らします。下にある写真と主画像では読み込みの役割が違うため、一律の設定ではなく配置に応じて決めます。

## 代替文と納品を整える

代替文は、そのページで画像が伝える必要情報を書きます。作品の特徴を説明する場合と、単なる飾りでは扱いが違います。キーワードの詰め込みや、すぐ隣の説明の機械的な重複を避けます。

建築作品なら軽い見本から入り、物語に必要な場所で大きな写真を出せます。カフェのメニューは写真だけに閉じ込めず、読めるテキストを基本にします。画像が届かなくても重要な情報を理解できることが大切です。

公開前に使用する出力、クレジット、代替文、画像なしの見え方を確認します。原本、Web版、許諾を一つの整理された資料として渡せば、次の管理者も目的を失わず交換できます。

画像準備は圧縮だけの技術仕事ではありません。内容の意味、権利、構成、端末での見え方を一緒に決める編集作業です。その準備が、軽さと画質を両立しながら将来の更新も分かりやすくします。

## 実務の確認項目

- 比率を決める
- 寸法を指定する
- 圧縮後を確認する

**具体例:** 建築作品は軽い見本を出し、必要な場所だけ大きな画像を使えます。

**守りたい範囲:** 重要な細部が読めないほど小さいファイルは適切ではありません。

## 次の一歩

[Orvunwebにプロジェクトを相談する](/ja/制作相談/)

## 関連する記事

- [写真、文字、色の選び方](/ja/ブログ/写真-文字-色の選び方/)
- [サイトを遅くするよくある選択](/ja/ブログ/サイトを遅くするよくある選択/)
- [建築ポートフォリオの見せ方](/ja/ブログ/建築ポートフォリオの見せ方/)
- [企業サイト制作](/ja/サービス/事業紹介サイト/)
- [プランを比較する](/ja/料金/)


## 関連サービス

- [事業紹介サイト](/ja/サービス/事業紹介サイト/)

---

Locale: ja
Canonical: https://orvunweb.com/ja/ブログ/web用画像の準備/
Updated: 2026-09-16


- [W3C WAI — Images](https://www.w3.org/WAI/tutorials/images/)