Google PageSpeedでファイルサイズの警告がでたpngを最適化・圧縮する
Google PageSpeedを使いサイトのレスポンスを、チューニング目的で利用している人がおおいのでは無いのでしょうか。
そんな私も、Google ウェブマスターツールと共に定期的にサイトを総合的に確認しています。
今まではCSSやHTML、サーバーの設定まではこだわっており、画像の最適化はjpegまで!
pngファイルの最適化は基本的に無視していました。
が、いつもご丁寧にpngの圧縮についてアドバイスをくれるGoogle PageSpeedの意見を
今年は素直に聞きたいと思い、今回pngファイルの最適化に挑戦しました。
WindowsやMACなどの最適化ツールでもいいのですが、サーバーから大量のpngファイルを一度ダウンロードするのは
手間がかかるので、Linuxサーバー上でコマンド一発で、全てのpngファイルを最適化する方法を選びました。
そこで最適化をするためにどのツールを使えばいいのか?
とりあえずGoogleで検索して出てきたツールを使って見ることにしました。
■optipng
# CentOS 6.5のyumにてインストール(レポはEPEL)
yum install optipng –enablerepo=epel
# 最適化のコマンドを実行する
optipng -o7 target_file.png
# オプションの説明
# -o optimization level (0-7) default 2
# WEBサーバー上のpngファイルを一括で最適化する
find . -name “*.png” -print | xargs optipng -o7
# optimization レベル高と大量のpngの場合、完了するまでに結構時間がかかります
最適化完了後にファイルを比較してみると、数バイト程度ファイルサイズが軽くなっていました。
まあ、もともと1ファイル数KBしかないのでそんなものだと思いますが
ファイル数が多いとトータルの容量(掛けるファイル数)がかなり圧縮されたと実感できます。
後ほどGoogle先生に褒められるのか?確認したいと思います。
関連記事
WEBサーバーnginxのキャッシュで失敗した設定 proxy_cache fastcgi_temp
みなさん、こんにちは武智建樹です。 最近、暇があればnginxをポチポチ触っていろいろな設定を自分の目で見て楽しんでいます。 さて、今回はnginxのキャッシュに挑戦してみました。 wordpressの高速化!キャッシュ […]
nginxの勉強はlocationディレクティブの設定がキモ? 前方一致 正規表現
みなさんこんにちは 最近apacheからnginxに移行しちゃおうとポチポチ遊んでいる武智建樹です。 (今日からはじめのフレーズを入れてみました。。。) nginxの設定を他のサイトを参考にしながら、いろいろ試し利用して […]
WEBシステム開発におすすめなテキストエディター Sublime Textを使う
ここ最近は開発らしい仕事をしておらず そして、少し作業する際はvim、Eclipseでの開発が中心でした。 が、周りのスタッフをよくよく見るとWindowsでは無くMACパソコンで開発してたり IDE統合開発環境も何やら […]
Google Nexus Player にKODI(XBMC)アプリをインストール
Google Nexus Player(Android)が2月27日にワイモバイルから発売されます。 Googleサイトから、そして他の量販店からの購入はいつになるのだろうか。 大分遅くになりそうな記事を見ます。 ワイモ […]
Firefoxを爆速チューニングして快適なネット環境を構築 Firefox Booster
4年前あたりからFirefoxより、Google Chromeブラウザーを利用するようになってしまいました。 Google Chromeを使い始めた当初は、なんて使いにくいインターフェースをしているのだろうか? ブックマ […]
ASUSTOR AS3102T NAS ファイルの転送速度は100MBを超える
ASUSTOR AS3102Tを普通にセットアップし、いざファイルの転送をしてみると、大体30MBの転送速度となっていた。 悲しい・・・ 製品ページ上では、RAID 1(ミラーリング)でも、転送速度はリード・ライト共に1 […]