TOP2015.12.7WEBサイトの画像を最適化(圧縮・軽量化)してサイトを高速にする方法シェアtweetGoogle+はてブWEBサイトの画像最適化をしてみます。情報が含まれています。(直接には見えませんが、データ詳細を見ると分かります)画像最適化というのは、これらの画像データに含まれる余計なものを消して、データサイズを削減することを言います。多少画像の画質が悪くなる場合もありますが、見比べてみなければ違いが分からない場合がほとんどです。画像は転送量が大きいため、できれば圧縮したほうがいいサイトのスピードアップをはかるためには、まずは画像の圧縮を検討したほうがいいでしょう。画像は他のデータに比べてデータサイズが大きいため、サイトパフォーマンスに大きく影響してきます。そのためサイト高速化をする場合、まずは画像を最適化してみましょう。画像データによっては、50%以上ファイルサイズを削減できる場合があり、サイトの高速化に繋がります。画像が全く使われていないサイトには関係ありません...画像最適化の方法についてここではいくつか画像最適化サービスについて紹介していきます。JPEG軽量化(Windows)たくさんある中で一部紹介していきます。JPEGminiWEB上でJPEGの画像軽量化ができるサービスです。画像劣化を抑え、データサイズを削減することができます。ExifEraserJPEG画像をドラッグ&ドロップで軽量化することができます。JPEG軽量化(Mac)Macであれば以下のようなサービスがおすすめです。ImageOptimImageOptimはJPEGやPNGを圧縮できます。画像そのものを加工しないため、画質劣化が抑えられます。(その代わり他のサービスよりファイルサイズ削減量が少ないです。LiteImageOptimよりも大きなファイルサイズ削減が可能です。個人的にほとんど画質が変わらないのでこちらを利用したほうがいいのでは、と思っております。Liteでは1日最大20枚までの作業しかできません。JPEGminiこちらは有料となってしまうのですが、Liteのような制限はなくオススメです。PNG軽量化png軽量化でおすすめは以下のwebサービスになります。TinyPNGドラッグ&ドロップでPNG画像を圧縮できます。元のファイルサイズから70%近くも削減できたりします。画質もほとんど変わりませんのでオススメです。次はGIF・SVGの軽量化サービスです。Compressor.ioこちらもWEB上で画像の軽量化が可能なサービスです。GIF・SVGに限らず、JPEG・PNGも可能です。GIFやSVGが圧縮できるのでオススメです。これらのサービスを利用することで画像転送量の大幅な削減につながりますね。WEBに限って言えば、他にもCSSスプライトを使って画像をまとめたサイト高速化の方法もありますね。こちらのサイトも、WEBフォントとかCSSで表現できない細かな画像についてはCSSスプライトでまとめて表示しています。気になったサービスがあれば是非利用してみては如何でしょうか。シェアtweetGoogle+はてブこの記事を読んだ人におすすめ新年度スタート記事|これからデザイナーになる人・デザイナーを目指す人へ伝えたいことIllustrator不要。最近アクセスの多い記事Illustrator不要。ネタ、下ネタ...何でも書きます。きなもの、映画、ラーメン、寝ること。高木りさデザイナー/ライター。WEBデザインに関する記事を書いてます。