サイトの画像を最適化しちゃう

きょうは、僕の大好きな
マウスクリックしているだけで、凄く仕事した気になる方法
Webサイトに乗っけている画像サイズを良い感じに調整する方法を説明しちゃうよ。


最初に・・・
ブラウザは、次世代ブラウザ Firefox – 高速・安全・カスタマイズ自在な無料ブラウザをつかってね。
※フォクすけかわいいよフォクすけ

で、おもむろにFirebug :: Firefox Add-onsとYSlow :: Firefox Add-onsをインストール。

Firefoxを再起動したら、とりあえずF12キーを押す！！
じゃあ、下の方からにゅいんって

って感じの枠があがってくるよ。


そのあがってきた枠の中で、YSlow → Toolsってクリックしてみて～

なんか灰色の棒がビューって延びた後に、青色の文字で英語がでるの。
英語は難しいから、All Smush.it™ってところを探して、そこをクリック！！


じゃあ、ちょっと時間がたった後、

な画面がでるのね。
やっぱり英語で良くわかんないけど、サイトの画像を色々がんばって小さくして
○○%小さくしたよって書いてるんだと思う。
あとは、オレンジ色の"Download Smushed Images"って書いてるボタンをクリックして、
落ちてきた画像を、サイトにアップしてあげればOK。


ちなみに、NoScript :: Firefox Add-onsとか入れてると、XSSかもって怒られちゃうときあるので、
例外に、^http://www.smushit.com/ysmush.it/を追加してやってね。


ぶっちゃけた話、サイトの画像最適化してもそんなに早くなった気がしないので、
YSlowのGradeってところでA評価とっていったほうが良いと思うよ。