PNGファイルをかなり軽量化してくれるTinyPNGを使うべし!!
公開日:
:
知識と経験
今までずーっと「PNGGauntlet」を使っていたんだけど、思ったよりあまり軽くならず。。
やはりもっと軽くできるツールはないか!?
優秀なツールはないの!?
というか、確実に過去に探した時に見ていたページだったのになぜ今まで使わなかったのかかなり残念な気持ちになった。。。
パソコンにインストールしなくてすぐにPNGファイルを軽量化することができるからかなり便利!!
実際にどの程度、軽量化することができるかって?
それは上記の画像を見てもらえればわかるように10kbも軽量化できているのがわかると思います。
ビフォー 19.4kb
アフター 9kb
軽量化したら画像が劣化するんじゃないの?
それが劣化しないんですよね!!!!!
試してみなければわからないよね?
サンプルとしてPoncho’sのロゴを試したんだけど、ここまで軽量化できるならpngファイルは見直しが必要だなと思い知らされた!
実際、gifやjpgファイルより軽量化しつつ、劣化もしないならpngファイルの方が絶対良いと私は思う。
SEO的にも画像の軽量化 → 表示スピードアップということにつながるからSEOを考慮している人なら必ず考えるべき項目のひとつじゃないかな?と思うから使ってみてください。
関連記事
-
マッチングリスク意識 | Web Marketing用語
商品やサービスを購入する前、ユーザーは「効果が出なかったら…」と不安を持ちます。これを「マッ
-
親近効果 | Web Marketing用語
初頭効果とは逆に、一番最後に見聞きしたものが一番印象に残りやすいことを「親近効果」といびます
-
Wordpres TinyMCE TemplatesプラグインのHTML自動整形を停止する方法
Wordpresテンプレートの TinyMCE Templates プラグインをそのままテン
-
Windows10 PC起動時によく使うアプリを自動起動する設定!スタートアップフォルダに登録
自宅でWindows7を使用している筆者だけど、会社でついにWindows10を使用すること
-
引越しの時の粗大ゴミはどうしてる?格安ゴミ捨て法?w
もうじき引越しするんだけど、その時粗大ゴミって出ると思うんだけど、多分粗大の前にリサイクルに出そうと
-
【ちょこっと豆知識】ブラウザショートカット編
対象のブラウザ IE9、Chrome、Firefox ※全てのブラウザで確認していないから対応して
-
必ず使うはずのHTML特殊文字を一覧で確認できる「みんなの知識 ちょっと便利帳」
HTMLの各ブラウザ対応をちゃんと考えているなら必ず使うはずの特殊文字! Dreamweave
-
CSSで文章の頭文字を大きくする(ドロップキャップ)方法
時として、文字しかないページに装飾したい一つの手段の覚書。 以下のCSSを入れればドロップ
-
覚えたらブラウジングが別格に早くなるChromeブラウザのショートカットのまとめ
以前にもChromeのショートカットについて記事を更新したけど、今回はもっと多くのショートカットを使
-
CSS3でマウスオーバーで押した風なボタンを作る方法
少しでも表示速度を速くすることを念頭においていることで、ほとんど?のボタンなどのパーツはでき