KIZUNA合同会社
ホームページ

画像圧縮はAIに仕分けさせ、顔が見えるかは人がスマホで見る

2026年11月10日 KIZUNA合同会社
この記事の要点
  1. 写真が重いと、スマホのお客さんは表示を待ちきれずに戻り、予約にたどり着きません。反対に縮めすぎると、店を選ぶ決め手の顔や仕上がりがぼやけます。
  2. PageSpeed Insights は速さの結果と直す所の案を出しますが、写真に顔が写っているか、お客さんがその写真で店を選んでいるかは、店の人にしか分かりません。
  3. AIには、縮めてよい写真と細かく見せたい写真の仕分けと、縮める前後の見比べを頼みます。最後はスマホで自分の目で見て、差しかえるかを決めます。

画像の圧縮とは、写真のデータの量を減らして、ページを開いたときに早く出るようにすることです。減らし方を強くするほど軽くなり、そのぶん細かい線や色がつぶれていきます。

なぜホームページの写真を軽くするのか。放っておくと何が起きるか

ホームページの写真が重いと、スマホで開いたお客さんは、写真が出るまで待たされます。待ちきれずに戻った人は、予約のボタンにも電話番号にもたどり着きません。Google も、検索の管理画面(Search Console)の説明のページで「低速なサイトを修正してユーザー エクスペリエンスを改善する」と掲げ、実際に開いた人のデータから、ページを「低速」「改善が必要」「良好」に分けて見せています。

店の側には「見に来たけれど帰った人」の数が残りません。気づくきっかけが無いまま、取れたはずの予約が減っていきます。

反対の失敗もあります。軽くしすぎると、写真はぼやけます。院長の顔、施術する手元、料理の照り、仕上がったネイルの細かい線。お客さんが店を選ぶ決め手にしている所ほど、細かい色と線でできています。速さのために決め手を消してしまえば、速くなっても予約にはつながりません。

だから、写真を軽くするときは「どの写真を、どこまで」を一枚ずつ決めることになります。この仕分けと見比べは、AI に手伝わせると早く進みます。決めるのは、お客さんの目でスマホを見た人です。

速さを測る道具は、何を教えてくれて、何を教えてくれないのか

Google の PageSpeed Insights は、ページのアドレスを入れると、スマホとパソコンのそれぞれについて速さの結果を出し、直す所の案を挙げる道具です。写真が重ければ、案の中に写真(画像)についての指摘が並びます。

道具が見ているのは、速さです。その写真に院長の顔が写っているか、看板の文字があるか、お客さんがその写真で店を選んでいるか。そこは店の人にしか分かりません。指摘された写真を全部縮めてよいかどうかは、人が決めることになります。

PageSpeed Insights と Search Console の説明は、2026年11月10日に Google のヘルプのページで確かめた内容です。

AIに任せるのは仕分けと見比べ、決めるのは人

写真を軽くする作業は、三つに分かれます。どれを縮めるか選ぶ。縮める。縮めた後で見て、使えるか決める。AI が役に立つのは、一つ目と三つ目です。

AIに頼む手間がかかる所

  • ページの写真を「軽くしてよい写真」と「細かく見せたい写真」に分ける
  • 縮める前と後の写真を並べて、顔の輪郭・目元・文字がつぶれていないか書き出させる
  • 速さの道具が出した英語まじりの指摘を、自分の店の言葉で説明させる

人が決めるお客さんに響く所

  • スマホの画面で、その写真がお客さんにどう見えるか
  • 顔や仕上がりがぼやけたら、その写真は縮めずに残すか
  • 縮めた写真を、実際にホームページに差しかえるか

Gemini なら、写真や画面の写しを、ひとつの質問に最大 10 個までまとめて渡せます。Claude も、画像を貼り付けて質問できます。縮める作業そのものは、写真を縮める専用の道具で行います。

ある鍼灸院で、写真を軽くする案を採らなかった理由

KIZUNA が仕組みを作っているある鍼灸院で、ホームページを速くする手を続けて試しました。順に見ると、何を AI と機械に任せ、何を人が決めたかが分かります。

  1. 1文字の書体を、そのサイト自身のサーバーから送る形に変えた。トップや症状のページで点数が上がったので、全部のページに当てた
  2. 2使っていない見た目の指定(CSS。色や配置を決める書き方)を読まないようにした。ページごとに読み込む量が減り、これも全部のページに当てた
  3. 3写真を小さくする案を試した。スマホで見ると先生の顔がぼやけたので、採らなかった

書体と見た目の指定は、変える前と後をそれぞれ何度か測り、点数の比べを機械に出させてから決めています。トップの点数は、同じ条件でも回ごとに大きく振れました。一度だけ測って決めていたら、上がったのか、たまたまなのか分からなかったはずです。

写真の案を止めた理由は、点数ではありません。スマホの画面に出た先生の顔です。鍼灸院を選ぶ人は、ホームページで先生の顔を見て、どんな人に体を任せるのかを確かめています。道具の指摘どおりに縮めれば、点数は上がったかもしれない。それでも、その写真の役目は消えます。

実際にこの院では、写真には手を付けず、ページが出てくるまで画面が白いままの時間がある原因を、次に調べることにしました。速さの手は、写真のほかにもあります。測って比べるのは機械と AI、その結果を見て「この顔なら出せる」と決めるのは人。KIZUNA はこの分け方で作っています。

自分で縮めるときの順番

写真の差しかえを自分でするなら、次の順にすると、顔や仕上がりを消さずに済みます。

  1. PageSpeed Insights でスマホの結果を見て、写真についての指摘があるか確かめる
  2. ページの写真を AI に見せて、軽くしてよい写真と細かく見せたい写真に分けさせる
  3. 軽くしてよい写真から、専用の道具で縮める
  4. 縮める前と後を AI に見比べさせ、最後は自分のスマホで顔と文字を見る
  5. 差しかえた後に、もう一度、何度か測る

細かく見せたい写真には、縮めるより先に「表示する大きさに合わせる」手があります。スマホには小さめの写真、パソコンには大きめの写真を出し分ける形です。ここはホームページの作りに手を入れる仕事になります。

今日10分でできること

  1. スマホの結果で、写真の指摘があるか見る。PageSpeed Insights に自分のホームページのアドレスを入れて測り、スマホの結果を開きます。直す所の案の中に、写真(画像)についての指摘があるかを確かめます。
  2. AIに写真を仕分けさせる。スマホで自分のページを開いて画面の写しを撮り、Gemini や Claude に渡して、こう頼みます。「これは私の店のホームページです。写っている写真を、①軽くして少しぼやけても困らない写真、②お客さんが店を選ぶときに見る写真(人の顔・施術や仕上がりの細かい所・文字の入った写真)に分けて、表にしてください。迷う写真は②に入れて、迷った理由を書いてください。」
  3. 縮める前と後を、AIと自分の目で見比べる。縮めた写真と元の写真を並べて渡し、「二枚を比べて、顔の輪郭・目元・髪・文字のうち、縮めた方でつぶれた所があれば挙げてください。違いが無ければ無いと書いてください」と頼みます。そのあと、自分のスマホで縮めた方を開き、指で広げて顔と文字を見てから差しかえるかを決めます。

自分でできる所と、作りが要る所

測る・写真を仕分ける・一枚ずつ縮めて差しかえるところまでは、無料の道具とAIとホームページの管理画面だけでできます。

ここまで作ると、写真を一枚ずつ縮めて差しかえる手間も、測り直して点数を書き写す手間も無くなり、社長が見るのは「この顔の写真で出してよいか」だけになります。

KIZUNA合同会社は、ホームページの速さを測って比べる所から、写真の出し分けや書体の送り方まで、お店の写真の見え方を残したまま速くする仕組みを作っています。ご提案例のページに、予約・ホームページ・ブログをまとめた例と、費用の目安があります。ご相談では、今のホームページの作りと、残したい写真を伺って、できること・かかる金額を書面でお返しします。ここまでは無料です。お電話(050-3718-7765)でも受けています。

質問と答え

ホームページの画像を圧縮すると、何がよくなりますか?

写真のデータが軽くなり、スマホで開いたときにページが早く出ます。待たされて戻る人が減れば、予約のボタンまで見てもらえる人が増えます。Google の Search Console でも、実際に開いた人のデータからページの速さを確かめられます。

画像を圧縮すると画質は落ちますか?

強く縮めるほど、細かい線や色がつぶれていきます。顔や仕上がりの写真は、縮めた後に自分のスマホで指で広げて見て、使うかどうかを決めてください。

AIで画像を圧縮できますか?

縮める作業は、写真を縮める専用の道具で行うのが確かです。AIに頼むと役に立つのは、どの写真を縮めてよいかの仕分けと、縮める前と後の見比べです。Gemini なら、写真を最大 10 個まで一つの質問に渡せます。

ホームページが重い理由は何ですか?

大きいままの写真のほか、外から読み込む文字の書体や、使っていない見た目の指定(CSS)なども重さの元になります。PageSpeed Insights でスマホの結果を見ると、直す所の案が出ます。写真以外の手は、ホームページの作りに手を入れる仕事になることが多いです。

参照した資料