これから身につけるWebサイト高速化テクニック Webサイト高速化に必要な画像形式の基礎知識 これから身につけるWebサイト高速化テクニック(3) 開発/設計/テスト 印刷用を表示 ブックマーク ツイート 野中 龍一(クラスメソッド株式会社)[著] 2013/05/23 14:00 目次 Page1 はじめに 対象者 画像最適化の全体像 解説の流れ コンピューター上で利用できるグラフィック形式のお復習い GIF(Graphics Interchange Format) GIFの特徴 補足 GIF形式が向いている用途 Page2 JPEG(Joint Photographic Experts Group) JPEGの特徴 補足 JPEG形式が向いている用途 PNG-8/24/32(Portable Network Graphics) PNGの特徴 補足 Photoshopからの書き出しについて PNG形式が向いている用途 Page3 SVG(Scalable Vector Graphics) SVGの特徴 SVGのソースコード 拡大縮小に強いSVG SVGが向いている用途 画像別の対応ブラウザ その他の画像形式 WebP その他 色深度とファイルサイズの関係 PNG-8/24/32の場合 まとめ 用語解説 ※この続きは、会員の方のみお読みいただけます(登録無料)。 会員登録(無料) ログインはこちら <<前へ 1 2 3 連載通知を行うには会員登録(無料)が必要です。 既に会員の方はログインを行ってください。 バックナンバー 印刷用を表示 ブックマーク ツイート 著者プロフィール 野中 龍一(クラスメソッド株式会社)(ノナカ リュウイチ(クラスメソッドカブシキガイシャ)) クラスメソッドで企画、制作、運用までやるWebマスター。Webデザイン、Webサイト高速化、広義のHTML5、JavaScript、jQuery、CSS3、PHP、AWSを広く浅くやってます。クラスメソッド開発ブログを作ってる中の人。 http://dev.classmethod.jp/autho... ※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です Article copyright © 2013 Nonaka Ryuichi, Shoeisha Co., Ltd. バックナンバー 連載:これから身につけるWebサイト高速化テクニック HTTPリクエスト数削減テクニック2: CSS Sprite編 HTTPリクエスト数削減テクニック1: インラインイメージ編 最適な画像書き出しの基本 Webサイト高速化に必要な画像形式の基礎知識 Webサイト高速化に必要なHTTPの仕組みを理解する Webサイト高速化対策の現状