「重くて、見づらい。。。。」
これまでの記事を見返すと、避けて通れないのが
「画像の重さ」問題だ。
思い出を鮮明に残したくて高画質なままアップすると、
サイトの表示速度がガクンと落ちてしまう。
14回もアドセンスに落ち続けていると、
「もしかしてサイトが重いのが原因か？」と疑心暗鬼にもなる。
（中身の薄さはさておき。。。。これから充実させるんだ！）
そんな時に見つけたのが、Googleが開発している
無料の画像圧縮ツール「Squoosh（スクーシュ）」だ。
「squoosh」は直感的に使える
このツールの何が良いって、
ブラウザに画像を放り込むだけで、
圧縮前後の画質を左右に並べて比較できるところだ。
勿論アプリとしてもインストールできる。
前回記事の”エンダードラゴン討伐演出” 写真で解説。
入れたい画像をドラックオンすると、
左がデフォルト→右が編集画面となる。
Resizeをタップしてwidth(横幅）をタッチ、
ブログに大きなサイズは不必要なので1000ピクセルとする。
この時点で1.21 MB⇒54.2 kBに容量ダウン。
良くあるサイトに見えるが
仕事に育児に追い込まれている中で、
難しい設定をいじる余裕なんてない。
「見た目が変わらずに、どれだけ軽くなるか」
がひと目で分かる優良アイテム。
「WebP（ウェッピー）」形式の凄さ
CompressをタップしてwebPをタッチ
1.21 MB ⇒54.2kB ⇒ 36.0kBまで落とせた。
「WebP（ウェッピー）」という形式についても推したい。
正直、これまで画像といえば
「JPEG」か「PNG」しか知らなかったが、
調べてみるとWebPはGoogleが推奨している
次世代の画像形式。
- JPEGよりも軽い： 同じ見た目なら、WebPの方が圧倒的にファイルサイズが小さくなる。
- PNGのような透明感もいける： 背景を透過させたイラストも、軽さを保ったまま保存できる。
つまり、「綺麗なのに軽い」という、
ブログ運営者にとって使い易く素晴らしい形式。
全て終了したら右下のダウンロードボタンを押せば完了
最短距離を走るなら
スマホにgoogleフォト、squooshをインストール。
撮影写真を スマホ内でgoogleコンビで解決するともっと爆速！
私はandroid、iPhone持ちですが
どちらも対応OK！
最後に。道具が整うと、心に少し余裕が
これまで「画像のリサイズや圧縮なんて面倒くさい」
と後回しにしていた。
Squooshのおかげで作業が劇的にスムーズになった。
サイトの表示が速くなることは、
読んでくれる人への最低限のマナーである事にやっと気づけた。
皆さんもSquooshいかがでしょうか。
コメント