blog contact flow pr service works

デザイン・ホームページ制作サービス

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

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

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のアップデート前の圧縮率で画像を圧縮することが可能です。
お試しくださいませ!

和風デザイン制作

人気コンテンツ

POPULARITY

オススメコンテンツ

RECOMMENDATION

カテゴリー

CATEGORY

PageSpeed Insightsで画像圧縮が出来なくなった対処法へのコメント

コメントを残す

入力エリアすべてが必須項目です。メールアドレスが公開されることはありません。

お名前