ホームページの写真は、載せる前に大きさを見る

お知らせや商品の紹介に、スマートフォンで撮った写真をそのまま載せたところ、ページが開くまでに時間がかかるようになった。そう感じたことはないでしょうか。写真は、ホームページの中でも特に容量の大きいデータで、載せ方によってページの表示のしやすさが変わります。

この記事は、ホームページの更新を担当する方が、写真を載せる前に3つの項目を見て、重すぎる写真に気づくための手順です。用意するのは、載せる予定の写真と、パソコンだけです。専門のソフトは使いません。

写真が重いと、起きること

写真のデータが大きいほど、お客様のスマートフォンがそれを受け取るのに時間がかかります。特に、外出先の電波が弱い場所や、通信量を気にしている人は、写真が表示されるまで待たされたり、途中で閉じてしまったりすることがあります。

表示に時間がかかると、お客様はページが開かないのと同じように感じます。写真1枚でも時間がかかりますが、お知らせや商品の紹介に何枚も並べると、その分だけページが表示されるまでの時間が長くなります。

載せる前に見る3つの項目

次の3つを、載せる前に写真ごとに確かめます。下の表の内容は、見方を示すための架空の例です。

ファイルの大きさ

パソコンで写真のファイルを選び、情報を表示すると、ファイルの大きさが分かります（Windowsは右クリックから「プロパティ」、Macは「情報を見る」）。載せる予定の写真を並べて、1枚だけ極端に大きいものがないかを見ます。 同じ日にスマートフォンで撮った写真は、大きさがそろっていることが多いので、並べたときの差が目安になります。

縦と横の大きさ

ホームページで写真が表示される大きさに対して、元の写真が大きすぎることがあります。スマートフォンのカメラで撮った写真は、ホームページに出す大きさよりずっと大きいのが普通です。表示される大きさを超えた分は、お客様の画面には見えないまま、データだけが送られています。

スマートフォンでの見え方

最後に、実際のスマートフォンでページを開きます。開いたときに、写真が出るまで待たされないか、写真の中の文字が読めるかを確かめます。 パソコンの画面では気にならなくても、スマートフォンでは差が出ることがあります。

重いと分かったときの直し方

写真が重いと分かったら、次のどちらかで直します。

1. 自分で小さくする。 パソコンの写真アプリや、無料の画像編集ソフトには、大きさを変えて保存する機能があります。元の写真は消さずに、別の名前で保存します。
2. 制作会社に頼む。 ホームページの更新を制作会社に頼んでいる場合は、写真を渡すときに「ホームページ用に調整してください」と一言添えます。

どちらの場合も、小さくした写真を、もう一度スマートフォンで開いて見え方を確かめます。小さくしすぎると、写真がぼやけたり、文字が読めなくなったりします。

制作会社やAIに直してもらうときの伝え方

「写真が重いので何とかしてください」だけでは、どこを直せばよいかが伝わりません。次の4点を書いて頼みます。

• どのページの、どの写真か（ページ名と、写真の位置）
• 何に困っているか（スマートフォンで開くのに時間がかかる、など）
• 元の写真がどこにあるか（ファイルの名前と場所）
• 直したあとに、誰がどの端末で確かめるか

AIに画像の大きさを変える方法を聞く場合も、同じ書き方で、使っているパソコンの種類（WindowsかMacか）と、写真をどの大きさで載せたいかを伝えます。答えのとおりに操作して、写真が見える状態になったかを、自分の目で確かめてから載せます。

載せる前の確認は、慣れると1枚につき短い時間で終わります。更新のたびに同じ3点を見る習慣にしておくと、気づかないうちにページが重くなっていく、という状態を防げます。