Pocket
このエントリーをはてなブックマークに追加
LINEで送る

PNG画像のファイルサイズを削減して小さくする！

png1

コンテンツ

軽さは武器/徹底的に削る！

ブログを運営している人にとって
画像サイズの大きさは悩みの種の１つだと思います。

画像のバイト数が多い状態のままだと

１．BLOGの読み込みが遅くなる
２．レンタルサーバーの容量の事を考えてもあまり良くない

画質の劣化を抑えつつファイルサイズを削減できるなら
なるべく削った方が良い事は明らかだと思います。
そこで今回ご紹介するのは
TinyPNGとPNGGauntletのダブル使いの手順です。

オンライン上で完結！ [TinyPNG]の使い方

png2

[TinyPNG]はファイルをダウンロードする事無く
ブラウザ上で画像容量のスリム化をする事が出来て非常に便利です。

使用方法は非常に簡単で
手持ちのパソコンの中にあるサイズを縮小させたいPNGファイルを
画面中央のDrop your .png files here!との表記があるエリアに
ドラッグ＆ドロップします。そうすると画像の圧縮が始まります。

png4

こちらのビールのイラスト画像はもともと320KB(キロバイト)あったのですが
[TinyPNG]に放り込む事によって、
56%削減の140KBにまで縮小する事が出来ました。

png5

極限まで圧縮！ [PNGGauntlet]の使い方

png3

次に最終兵器[PNGGauntlet]で
ファイルサイズを絞り切れるところまで絞り切ります！

こちらは公式サイトから配布されている無料ソフトですので
ダウンロードが必要です。

使用方法でお世話になった記事がこちら！

裏技shop DD 様
PNG画像を劣化させずに圧縮できる「PNGGauntlet」がすごい便利！

ミニ四駆の[肉抜き]のように限界まで軽量化！

[TinyPNG]でファイルサイズのダイエットに成功したPNG画像でしたが
[PNGGauntlet]で更にギュウギュウに絞り切る事に成功しました。
その結果がこちらです。

png6

★ 140KBと136.72KBで数値がズレていますが
画像プロパティの[ディスク上のサイズ]と[サイズ]の違いによるもので
同一のビールのイラスト画像のサイズを表しています。

png7

[TinyPNG]で限界までサイズを縮小していたと思っていましたが
更に[PNGGauntlet]で2%削る事に成功しました！

★ [PNGGauntlet]の削除率が[TinyPNG]よりも低くなっていますが、
もし逆の手順で[PNGGauntlet]→[TinyPNG]の順番でサイズ縮小すれば
当然[PNGGauntlet]の削除率が高くなり、[TinyPNG]の方が低くなります。
後に適用したツールの方が削除率が低くなります。

記事まとめ [画像サイズ縮小]

最終的にビールのイラスト画像のファイルサイズを
320KB → 140KB → 136KBまで縮小する事が出来ました。
★ 数値は[ディスク上のサイズ]基準

png4

画像軽量化 → ブログ記事の表示スピードの高速化に繋がれば幸いです！

ライフハックのお悩み解決に製品・サービスの情報をまとめました↓
少しでも情報が役立てば嬉しいです

製品・サービスの公式ページで見る こんな人に見てほしいです
ウェブキャンプ 特徴:Webスキルのパーソナルジム・いつでも質問 ＆ 豊富な回答・オーダーメイドカリキュラムがおすすめポイント。自分でWebサイトを作れるようになりたいがプログラミング・デザインをどうやって学んでいったらよいか悩んでいる方におすすめです。
コードキャンプ 特徴:実務で通用するスキル全般を短期間で習得・上場企業や有力ベンチャーのエンジニアが講師を担当・受講生が本気でエンジニア就職・転職を実現できるよう より現場評価いただける教育がおすすめポイント。現役エンジニアによるプログラミングの個別指導サービスを探していて悩んでいる方におすすめです。
東京での就業と住まいを同時提供のTokyoDive
 特徴:東京での新生活をスムーズに始める・住居探しと仕事探しをする手間が省ける・何かとお金がかかる東京の生活で初期費用を抑えるがおすすめポイント。東京で新生活を始めたい・シェアハウスに興味がある・東京に飛び出したいが不安で一歩が踏み出せないと悩んでいる方におすすめです。
リツアンSTCは、エンジニアに特化した人材紹介会社（派遣・業務委託・正社員紹介）です！
 特徴:漫画も面白い(同じ大学の研究室で学び、派遣エンジニアという職についた2人が10年ぶりに再開するところからスタートするストーリー)・社員の平均年収585万円！業界トップクラスの給与水準・自信があるからこそマージン率を公開がおすすめポイント。現在の勤め先に悩んでいて転職を考えている方におすすめです。
こんなに簡単！店舗向けホームページがすぐ始められる「グーペ」
 特徴:飲食店、美容院、ネイルサロンなどのお店だけではなく 塾、事務所、個人事業主、クリエイター、アイドルまで、 様々な業種のホームページが簡単に作れる・4,000通りものデザインパターン・初心者だけでなく、中・上級者の方も満足がおすすめポイント。ブログ感覚で手軽にお店のホームページを作成したいと考えているが、その方法が分からない！と悩んでいる方におすすめです。
Pocket
このエントリーをはてなブックマークに追加
LINEで送る

コメント欄

当サイトの目標

  • 管理人はこれまでの人生で
  • 「知らないこと」で悔しい思いを何度もしてきました。
  • だから、日々調べたこと・学んだことを
  • ブログにまとめて発信しています。
  • ここでまとめた情報が少しでも役立てばとても嬉しいです。
  • 記事に間違いがありましたら、是非お知らせ下さい。
  • 確認の上、直ちに修正します。
  • またコメントも募集中です。(●´ω｀●)

サイトご利用にあたって

  • 当サイトで公開している記事に掲載されている情報は
  • 自己責任でご活用下さい。
  • 特に医療・健康に関する情報は、ある人には最適(今現在)でも
  • あなたに最適とは限りません。
  • 必ずご自身の状態と照らし合わせて
  • 自分に最適だと判断してから掲載情報をご活用下さい。

スポンサーリンク

  • 「これは使ってみてあまり良くなかった」という
  • 製品・サービスがありましたら、是非お知らせ下さい。
  • 確認の上、お悩み解決製品・サービス一覧表への
  • 今後の掲載の継続を再度検討します。
  • また「これは使ってみてとても良かった」という
  • 製品・サービスがありましたら、こちらも是非お知らせ下さい。
サイトご利用にあたって

関連記事を見る