facebook twitter hatena line email

「Html/パフォーマンスチューニング/画像圧縮ツール」の版間の差分

提供: 初心者エンジニアの簡易メモ
移動: 案内検索
(optipngをインストール)
行17: 行17:
 
==optipngをインストール==
 
==optipngをインストール==
 
png画像の圧縮ツール
 
png画像の圧縮ツール
  cd /usr/local/src
+
  $ cd /usr/local/src
  wget http://sourceforge.net/projects/optipng/files/latest/download?source=files
+
  $ wget http://sourceforge.net/projects/optipng/files/latest/download?source=files
  tar zxvf optipng-0.7.5.tar.gz
+
  $ tar zxvf optipng-0.7.5.tar.gz
  cd optipng-0.7.5
+
  $ cd optipng-0.7.5
  ./configure
+
  $ ./configure
  make
+
  $ make
  sudo make install
+
  $ sudo make install
  /usr/local/bin/optipng -v
+
  $ /usr/local/bin/optipng -v
 
  OptiPNG version 0.7.5
 
  OptiPNG version 0.7.5
+
 
 
==optipngで圧縮実行==
 
==optipngで圧縮実行==
 
  /usr/local/bin/optipng -strip all -o7 icon.png # 最高レベル
 
  /usr/local/bin/optipng -strip all -o7 icon.png # 最高レベル

2015年5月21日 (木) 10:54時点における版

jpegoptimをインストール

jpg画像の圧縮ツール

sudo yum install libjpeg
sudo yum install libjpeg-turbo-devel
cd /usr/local/src
wget http://www.kokkonen.net/tjko/src/jpegoptim-1.4.1.tar.gz
tar zxvf jpegoptim-1.4.1.tar.gz
./configure
make
sudo make install
jpegoptim --version

jpegoptimで圧縮実行

$ jpegoptim --max=80 photo.jpg
photo.jpg 200x560 24bit N JFIF  [OK] 68402 --> 41713 bytes (39.02%), optimized.

optipngをインストール

png画像の圧縮ツール

$ cd /usr/local/src
$ wget http://sourceforge.net/projects/optipng/files/latest/download?source=files
$ tar zxvf optipng-0.7.5.tar.gz
$ cd optipng-0.7.5
$ ./configure
$ make
$ sudo make install
$ /usr/local/bin/optipng -v
OptiPNG version 0.7.5

optipngで圧縮実行

/usr/local/bin/optipng -strip all -o7 icon.png # 最高レベル
/usr/local/bin/optipng -strip all -o1 icon.png # 最低レベル
/usr/local/bin/optipng -strip all icon.png # デフォは-o2
/usr/local/bin/optipng -strip all *.png # 一括

-strip allをつけないとメタデータ付きとなりサイズが大きくなる(PageSpeedサイトでも警告がで続けます)

yumのoptipngだと-strip allが使えない(version7から)

yum install optipng 
$ optipng -v
OptiPNG 0.6.4: Advanced PNG optimizer.
optipng -strip all -o2 *.png
** Error: Lossy operations are not currently supported

参考

http://qiita.com/inouet/items/aa98e8021ac65c784ebc

https://blog.apar.jp/web/2402/

http://knowledge.sakura.ad.jp/tech/1599/