身につけておきたいWebサイト高速化テクニック #3|画像形式の基礎知識

4
months
23
配信元サイト
Developers.IO

さて、今回から実践編ということでフロントエンド側のWebサイト高速化対策の1つ、画像の最適化について紹介します。 初学者向けに細かく基本的なことまで解説しますので、記事を3つに分けます。 画像最適化1回目の本記事では、画像に関する基礎知識について紹介します。 未だにWebサイト高速化の具体的な手法について解説に至っていませんが、文量の関係でさらに次回に回しています。

  • このエントリーをはてなブックマークに追加
  • いいね!
  • google+
  • evernote

COMMENT

対象

今回から具体的に対象者を明記しておきます。
特にWebデザイナーを主対象としています。

  • Webデザイナー
  • フロントエンドエンジニア
  • Webディレクター
  • Web担当者

それでは、画像に関する基礎知識について紹介していきたいと思います。
ここで解説するまでもないくらいに皆さん知っていると思いますが、まずは、GIF・JPEG・PNG形式のお復習いです。
特に画像形式の特徴はWebデザイナーが画像の切り出しを行う際、画質を維持しつつファイルサイズを落とすために必要な知識です。