PNG画像の圧縮率が高すぎる可逆圧縮、そして非可逆圧縮との違いについて - TREVOスタッフ雑談blog
今まで画像の圧縮にはmacの「ImageOptim」という圧縮ソフトを利用していました。 「ImageOptim」は、png,jpg,gif等の画像を一気に圧縮してくれるソフトです。 そして、先日ホシナカズキさんが運営する「mbdb」というサイトの「ここまで小さくなるの!? PNGを非可逆圧縮する｢TinyPNG｣がスゲェ!!」でpngを圧縮出来るサイトを紹介していたので試したところ 12.4mb(277ファイル)あったファイルサイズが3.1mbまで圧縮する事が出来ました。 なぜ、画像を圧縮するかというとホームページの表示速度に関わる部分だからです。 表示速度の遅いホームページは離脱率が高くなるので、出来るだけページ内の画像等の容量を抑える事で高速表示が可能となり離脱率を下げる事が可能となります。
Gruntで画像最適化 - Qiita
背景 画像最適化の際にGUIを使うのは面倒 でもpngquantとかで都度コマンド実行するのも面倒 Gruntでcssとかscriptとまとめてやりたい 結論 grunt-imageを使うのが良さそう https://www.npmjs.org/package/grunt-image imageminと比較して最適化率にほぼ差がない これは私の環境だけかもしれないけど、imageminのpluginが動かないものがあったり、デフォルトでgif圧縮ができなかったり、バージョン落とすとgifは動くけどpngのpluginが〜とか、ちょっと不安定な感じがした 検証 1. grunt-pngmin 最適化に使ってるもの pngquant Gruntfile.jsへの記述 pngmin: { target1: { options: { // pngquant実行のオプションをここに speed: 1
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
