PNGファイルをかなり軽量化してくれるTinyPNGを使うべし!!
公開日:
:
知識と経験
今までずーっと「PNGGauntlet」を使っていたんだけど、思ったよりあまり軽くならず。。
やはりもっと軽くできるツールはないか!?
優秀なツールはないの!?
というか、確実に過去に探した時に見ていたページだったのになぜ今まで使わなかったのかかなり残念な気持ちになった。。。
パソコンにインストールしなくてすぐにPNGファイルを軽量化することができるからかなり便利!!
実際にどの程度、軽量化することができるかって?
それは上記の画像を見てもらえればわかるように10kbも軽量化できているのがわかると思います。
ビフォー 19.4kb
アフター 9kb
軽量化したら画像が劣化するんじゃないの?
それが劣化しないんですよね!!!!!
試してみなければわからないよね?
サンプルとしてPoncho’sのロゴを試したんだけど、ここまで軽量化できるならpngファイルは見直しが必要だなと思い知らされた!
実際、gifやjpgファイルより軽量化しつつ、劣化もしないならpngファイルの方が絶対良いと私は思う。
SEO的にも画像の軽量化 → 表示スピードアップということにつながるからSEOを考慮している人なら必ず考えるべき項目のひとつじゃないかな?と思うから使ってみてください。
関連記事
-
必ず使うはずのHTML特殊文字を一覧で確認できる「みんなの知識 ちょっと便利帳」
HTMLの各ブラウザ対応をちゃんと考えているなら必ず使うはずの特殊文字! Dreamweave
-
WordPress Jetpack 余計なCSSやJSの読み込みを 削除して表示速度を早くする方法
Wordpressプラグインでサイトの表示速度を遅くすると有名なJetpackプラグイン。
-
保有効果 | Web Marketing用語
人は手に入れたモノに対し、入手する前よりも価値を感じる傾向にあります。これを「保有効果」とい
-
HTMLの表を簡単に作成ができるTable Tag Generator
HTMLの表を簡単に作成ができるTable Tag Generator Web制作の仕事を
-
【お役立ちアプリ】iOSのsafariで簡単にPDF化して自分用に保存する方法
iPhoneのSafariを使っていて、残しておきたかったページを気がついたら違うサイトを開くと
-
親近効果 | Web Marketing用語
初頭効果とは逆に、一番最後に見聞きしたものが一番印象に残りやすいことを「親近効果」といびます
-
Youtube の 埋め込み動画 がプルダウンなどの上に表示されてしまう方法
ボディ内でYoutubeの埋め込み動画(iframe)を使用するときの対策です。
-
テキストエディタ「EmEditor」指定する文字列を強調表示する方法
仕事でEmEditorを使っているのだが、便利な機能だから備忘録として記載。 指定する文字列を
-
社会的証明の原理 | Web Marketing用語
他人の行動に自身の行動もつられてしまう性質を「社会的証明の原理」といいます。 Facebo
-
CSS3でマウスオーバーで押した風なボタンを作る方法
少しでも表示速度を速くすることを念頭においていることで、ほとんど?のボタンなどのパーツはでき