シンプルウェイ制作班|WEB制作スタッフブログ

PNGデータ圧縮「TinyPNG」

2013年08月30日

以前、PNGデータ圧縮の「PunyPNG」を紹介しましたが、
150KB以上のデータは圧縮できないという欠点がありました。


しかし、今回紹介する「TinyPNG」は、
最大3MBまでOKと死角がありません!


TinyPNG
http://tinypng.org/

PNGデータ圧縮「TinyPNG」


何枚か圧縮テストしましたが、
だいたいファイルサイズを50~70%圧縮してくれる感じでした。


  • 1枚目 38.1BK → 15.8KB(59%圧縮)

  • 2枚目 270.7BK → 83.1KB(69%圧縮)

  • 3枚目 574.0BK → 225.3KB(61%圧縮)

圧縮方法はいたって簡単!
赤枠内の「Drop your .png files here! 」をクリックして、
圧縮したい画像を選択します。


PNGデータ圧縮「TinyPNG」


圧縮が終わると下記画面が表示されますので、
「download」をクリックして画像をダウンロードしてください。


PNGデータ圧縮「TinyPNG」


今回使用している画像は、すべて「TinyPNG」で圧縮しましたがなかなか良い感じ。
JPEGmini」みたいにテキストやベタ塗りが荒くなる問題もないように思えます。
(青い「donate now」ボタンのグラデーションなどが荒い気はしますが…)


「JPEGmini」の話が出たので、同じ画像をPNGとJPEGで圧縮テストを行いました。


  • PNG 574BK → 225.3KB

  • JPEG 823BK → 706KB

むぅぅぅ…、予想外の結果が出ました。

元々の容量差があるとはいえ、これほど大差が付くとは思ってもみませんでした。


得意・不得意な画像があるとおもいますが、
うまく使い分けれればと思います。
とりあえず、早速使ってみよう~♪



同じカテゴリー(お役立ちサイト)の記事画像
css2scss
写真の縦横比を固定して拡大縮小値を計算するツール
自分のデザインスキルがチェックできちゃうゲームのご紹介
CSS3 Patterns Gallery
拡縮自在★アイコンをWebフォントにしよう「IcoMoon」
Photoshop Express Editor
同じカテゴリー(お役立ちサイト)の記事
 css2scss (2016-03-14 10:00)
 写真の縦横比を固定して拡大縮小値を計算するツール (2015-08-12 15:08)
 自分のデザインスキルがチェックできちゃうゲームのご紹介 (2015-07-06 17:52)
 CSS3 Patterns Gallery (2014-08-01 18:03)
 拡縮自在★アイコンをWebフォントにしよう「IcoMoon」 (2014-07-18 11:29)
 Photoshop Express Editor (2014-07-08 13:37)
※このブログではブログの持ち主が承認した後、コメントが反映される設定です。

コメントフォーム

名前:
メール:
URL:
コメント:
上の画像に書かれている文字を入力して下さい

<ご注意>
書き込まれた内容は公開され、ブログの持ち主だけが削除できます。

過去記事
最近のコメント
QRコード
QRCODE
読者登録
メールアドレスを入力して登録する事で、このブログの新着エントリーをメールでお届けいたします。解除は→こちら
現在の読者数 27人
新規投稿

新規投稿するにはログインする必要があります。会員IDをお持ちでない方はIDを取得された後に投稿できるようになります。

このページの先頭へ