PageSpeed Insightsで画像圧縮が出来なくなった対処法 | 枚方のホームページ制作

PageSpeed Insightsがすごく便利

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

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

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

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

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

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

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

この古風な女性の画像をまずは非圧縮でPageSpeed Insightsをかけてます。

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

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

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

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

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

和風デザイナーシミズヒロカズ

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

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

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

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