PageSpeed Insightsで画像圧縮が出来なくなった対処法

PageSpeed Insightsで画像圧縮が出来なくなった対処法
  • tweet
  • いいね!
  • はてなブックマーク

更新日時

PageSpeed Insightsがすごく便利

PageSpeed Insightsがアップデートされてすごく便利になりました。

chromeの拡張機能であるLighthouseを利用して計測しているようで以前のように改善できる項目を出してくれるのはもちろん、
Lighthouseでの分析で3Gでエミュレートした分析も行ってくれます。

「このページ向けに最適化された画像、JavaScript、CSS リソースをダウンロードできます。」が無くなってしまった

すごい便利!と感動していたのですが、
「このページ向けに最適化された画像、JavaScript、CSS リソースをダウンロードできます。」がないのに気が付きました。

PageSpeed Insightsと同じぐらいの圧縮をかける方法

PageSpeed Insightsで圧縮をかけていた圧縮率でどうしても画像を圧縮をかけたい。
そういう方におすすめの方法をご紹介します。

PageSpeed Insightsは他のサービスよりも圧縮率が高く画像も奇麗に圧縮されていたので、私はどうしても他の圧縮サービスに移管できませんでした。
その際に編み出した方法です。

Gmailを使って画像圧縮

実は、Gmailで画像を送ると画像が圧縮されるのですがこれがPageSpeed Insighsで同じだったのです。
興味本位でPageSpeed Insightsがアップデートされる前に計測していました。

その方法をお伝えしていきたいきます

圧縮前にPageSpeed Insightsをかけてみる

PageSpeed Insightsで画像圧縮が出来なくなった対処法
この古風な女性の画像をまずは非圧縮でPageSpeed Insightsをかけてます。

PageSpeed Insightsで画像圧縮が出来なくなった対処法
もちろん・・・非圧縮なのでこの画像に対しての改善提案が出てきます。
では、早速圧縮をかけていきます。

Gmailで圧縮したい画像を自分宛てに送る

まず、圧縮したい画像を自分宛てに送ってください。

受信した画像をドラッグ&ドロップ

PageSpeed Insightsで画像圧縮が出来なくなった対処法

Gmailで受信した画像をドラッグ&ドロップでダウンロードしてください。
この時の注意点ですが全てのファイル名が「unnamed」になります。

複数画像を圧縮する時は面倒ですが、一回づつファイル名を変えてください。

再度、PageSpeed Insightsをかけてみる

PageSpeed Insightsで画像圧縮が出来なくなった対処法

古風な女性の改善提案が消えた!!(代わりに他の画像が出てしまいました・・・)
このようにかなり簡単にPageSpeed Insightsのアップデート前の圧縮率で画像を圧縮することが可能です。
お試しくださいませ!

和風デザイナー

和風デザイナー清水 宏積

1987年京都府生まれ。奈良県の大学にて奈良文化、デザイン、アニメーションを学ぶ。

印刷物の編集プロダクションで編集とライターを経験した後、オンラインショップのマーケティングを担当、Web制作会社を経て独立。

日本の歴史・文化・伝統を取り入れたデザインを得意とする和風デザイン専門店ひだちデザインを開業。

デザイン・メディア・イベントを通して多くの方に日本文化を生活や事業に活かして頂くべく事業展開。