grunt-image で画像最適化を自動化する - 君たちは永遠にそいつらより若いあるある デザイナ(コーダ)「うおー！(^ω^)(すごい勢いでデザイン＆コーディング)」 エンジニア「デザイナからデータを受け取ったよ！そのまま突っ込むよ！えい！(^ω^)」 ユーザ「画像…めっちょおもぃ(^ω^)」 あなたの…心に…直接…呼びかけています… 画像…最適化できてますか…誰がやるか…曖昧に…なっていたりしませんか… 画像最適化とは 画像最適化とは、Webサイトのレスポンス改善を目的に、画像に適切な処理を施すことです。一口に言っても、様々なアプローチがあり、形式を変換したり、画像をまとめたりすると、コードも触る必要があるので大変。今回は効果がわかりやすく、カジュアルに取り入れやすい 画像ファイルサイズを小さくする(品質を保ちながらデータを削ったり、圧縮する) の最適化手法にフォーカスします。 画像最適化ツールといえば、先日、話題になっていた http://compressor.
