CGメソッド

CG制作に関してのヒント

MENU

【Pngyu】ローカル環境で復数のPNGを一括で圧縮する方法

オンライン上で画像の圧縮処理をかけずに、ローカルでまとめてPNGを圧縮する方法を探ってみました。

画質の比較は割愛して、圧縮率を見てみました。

pngquantというツールの使い方が鍵を握ってそうです。

PNG圧縮

f:id:min0124:20170709001715p:plain

サンプル画像 2048x2047px 38.3 KB

f:id:min0124:20170709005023p:plain

compressor.io

普段よく使わせていただいているサイトです。PNG/JPG/GIF/SVGといけます。

欠点は複数ファイル処理できない所

Compressor.io - optimize and compress your images and photos

結果 15,181KB

TinyPng

昔良く使っていたサイト。PNG/JPGがいけます。

Photoshopのプラグインもあるので、買いたくなったのですが、

pngquantというツールをというツールをサーバー上で稼働させているようなので、そちらを使うことにしました。

TinyPNG – Compress PNG images while preserving transparency

結果 12,346KB

PNGGauntlet

PNGOUT, OptiPNG, DeflOpt というツールを組み合わせて、圧縮するツール。pngquantを使用している。

処理速度が非常に遅いのが欠点。

結果 15,713KB

https://pnggauntlet.com/

Pngyu

pngquantをGUIで使えるようにしたツールです。

http://nukesaq88.github.io/Pngyu/ja.html

ネットにアップして処理しなくてよく、また復数データ処理できるのですごく便利です。

気になるのは、使用しているpngquantのバージョンが古いことです。

結果 11,757KB

参考

TinyPNGの巧妙な罠 – B.B

JPG圧縮

一応JPGも一通りテスト。

f:id:min0124:20170709005225p:plain

PNG圧縮の方が圧縮率も画質も優秀という結果に。。。

ちなみにcompressor.ioはJpegoptimというツールを使用しているそう

まとめ

サンプル画像が適当すぎるのであれですが、

今のところ、Pngyuで復数の画像データ突っ込んで、PNG圧縮かけるのが一番、楽で良さそうです。