最近ホームページで普及している画像形式WebPって何？
株式会社TREVOのブログは、Web制作の現場で日々奮闘しているスタッフが、企画・デザイン・開発・SEO・運用まで幅広いテーマで執筆しています。
「分かりやすく、役に立つ」ことをモットーに、ホームページ制作や運営のヒント、トレンド情報、日々の気づきを発信中です。大阪を拠点に、全国のお客様と向き合いながら培った現場目線のノウハウを、実体験ベースでお届けします。
初めてホームページ制作をご検討の方から、リニューアルや集客強化を考えている方まで、何かヒントになる情報があればうれしいです。
記事へのご質問やご相談も、お気軽にお問い合わせください。
執筆記事：記事一覧ページ
2005年から WEB 業界一筋。500サイト超を手がける SEO・WordPress のエキスパート。「公開後こそ本番」を掲げ、データ分析とユーザー視点で成果を引き出す運用を提案。
2005年に制作会社へ入社後、プログラマーからキャリアをスタート。サーバー構築・データベース設計で培った技術を強みに、WordPress テーマ／プラグイン開発やサイト移行の難案件を多数担当してきました。
2010年以降は SEO エンジニアとしても活動領域を拡大。コンテンツ設計・内部リンク最適化・高速化チューニングにより、競合の激しいビッグキーワードで上位獲得を実現してきました。
現在は TREVO のウェブディレクターとして、要件定義から運用改善まで一気通貫でリード。AI ライティングや GA4／Looker Studio を活用したレポーティング手法を開発し、「数字で説明できるサイト運用」をポリシーにクライアントの ROI 最大化を支援しています。
趣味／強み：筋トレとランニングで日々の集中力をキープ。複雑な課題を“仕組み”で解決するのが得意。
モットー：「サイトは資産。改善を止めた瞬間から価値は目減りする」
SNS:x（旧 Twitter）@TREVO_WEB
SEO対策をする上でサイトの表示スピードは大切な要素の一つで、googleが数年前からおすすめしている画像形式がwebpです。
ならみんなWebPにすれば良いのではないかと思うかもしれませんが、対応していないブラウザ等もあるのでなかなか採用に踏み切れないのが現状です。
それでも、最近では楽天市場ではwebpの採用が進められているので、そろそろwebpを本格的に採用したホームページが増えてくると予想できます。
弊社のサイトもTOPページからWebPを採用していこうか考えている所です。
WebPってどんな画像？
画像を圧縮する技術で、ホームページの表示速度短縮とトラフィック量軽減を目的に開発された画像形式です。
Googleはページの表示スピードにこだわっているので、より軽量なホームページの制作を推奨しています。
しかもこちらの形式では透過（アルファチャンネル）も出来るのでjpgと比べて使いやすい画像フォーマットとなっています。
対応しているブラウザは？
もちろんIEは対応していないので、日本国内向けのホームページを制作する際にWebPを選択してしまうと1割程度の人が見れない可能性が出て来ます。
もう一つの大きな問題はiphone等のiOSとmacのsafariで対応していない点です。
それでは楽天等はどうやってWebPを対応しているのか不思議ですよね。
ここからは想像なのですが、iOSやsafariでは切り替えてjpgを表示している様です。
技術的には可能なのですが、コストが上がってしまうのでなかなか踏ん切りがつかないのが現状です。
ウェブブラウザ
- Google Chrome
- Mozilla Firefox 65以降
- Microsoft Edge
- Opera
OS
- Android 4.0 以降
- Windows 10 Creators Update以降
まとめ
弊社のホームページでも自動で切り替えるプログラムを導入しテストを行う予定です。
Googleのページスピードインサイトでは、画像のWebP化もスコアの対象となっているので、SEO対策でも重要なポイントとなっています。
後日、スタッフブログの記事でWebP採用前と後のスコアを報告したいと思います。
大阪のホームページ制作会社TREVOでは、最短2日で仮サイトを公開できるスピード対応や、SEO対策に強いオリジナルデザインの制作サービスを提供しています。
