「Html/パフォーマンスチューニング/画像圧縮ツール」の版間の差分
提供: 初心者エンジニアの簡易メモ
(ページの作成:「==jpegoptimをインストール(linuxのみ)== sudo yum install libjpeg sudo yum install libjpeg-turbo-devel cd /usr/local/src wget http://www.kokkonen.net/tjko/src/...」) |
(→optipngをインストール) |
||
(同じ利用者による、間の11版が非表示) | |||
行1: | 行1: | ||
− | ==jpegoptimをインストール | + | ==jpegoptimをインストール== |
+ | jpg画像の圧縮ツール | ||
sudo yum install libjpeg | sudo yum install libjpeg | ||
sudo yum install libjpeg-turbo-devel | sudo yum install libjpeg-turbo-devel | ||
行5: | 行6: | ||
wget http://www.kokkonen.net/tjko/src/jpegoptim-1.4.1.tar.gz | wget http://www.kokkonen.net/tjko/src/jpegoptim-1.4.1.tar.gz | ||
tar zxvf jpegoptim-1.4.1.tar.gz | tar zxvf jpegoptim-1.4.1.tar.gz | ||
+ | cd jpegoptim-1.4.1 | ||
./configure | ./configure | ||
make | make | ||
sudo make install | sudo make install | ||
− | jpegoptim --version | + | /usr/local/bin/jpegoptim --version |
− | ==jpegoptimで圧縮実行== | + | ==jpegoptimで圧縮実行== |
− | jpegoptim --max=80 photo.jpg | + | $ jpegoptim --max=80 photo.jpg |
+ | photo.jpg 200x560 24bit N JFIF [OK] 68402 --> 41713 bytes (39.02%), optimized. | ||
+ | $ jpegoptim --max=80 *.jpg # 一括 | ||
+ | |||
+ | ==optipngをインストール== | ||
+ | png画像の圧縮ツール | ||
+ | $ cd /usr/local/src | ||
+ | $ wget http://sourceforge.net/projects/optipng/files/latest/download?source=files | ||
+ | $ mv download\?source\=files optipng-latest.tar.gz | ||
+ | $ tar zxvf optipng-latest.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 | http://qiita.com/inouet/items/aa98e8021ac65c784ebc | ||
+ | |||
+ | https://blog.apar.jp/web/2402/ | ||
+ | |||
+ | http://knowledge.sakura.ad.jp/tech/1599/ |
2022年9月15日 (木) 13:19時点における最新版
目次
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 cd jpegoptim-1.4.1 ./configure make sudo make install /usr/local/bin/jpegoptim --version
jpegoptimで圧縮実行
$ jpegoptim --max=80 photo.jpg photo.jpg 200x560 24bit N JFIF [OK] 68402 --> 41713 bytes (39.02%), optimized. $ jpegoptim --max=80 *.jpg # 一括
optipngをインストール
png画像の圧縮ツール
$ cd /usr/local/src $ wget http://sourceforge.net/projects/optipng/files/latest/download?source=files $ mv download\?source\=files optipng-latest.tar.gz $ tar zxvf optipng-latest.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