最適な画像の書き出しは、JPG, GIF, PNG、どれを使うべきか

最適な画像の書き出しは、JPG, GIF, PNG、どれを使うべきか 2011-07-26 デザインされたものをコーディングする上で、画像はサイトのパフォーマンスにも影響する重要な要素の1つです。 画像形式には、jpg, gif, pngなど種類があり、それぞれの特性を理解した上で選定できているでしょうか？ 画像形式についてまとめてみます。 画像の種類 JPEG インターネットでよく使用される画像形式で、静止画像を圧縮する方法の1つです。 ブロック単位で圧縮変換を行うため、圧縮率を上げるとブロックノイズというノイズが生じます。 特に小さくすると赤の部分でノイズが発生しやすい。 IE6～8(IE9は未確認)において#02050aというバグがあり、 JPEG画像でopacityを使用すると#02050aの部分が透過jpgになるバグがあります。 上記の点を注意する必要がありますが、1670万色ま

[takahiro_kihara]

非公式には"PNG is Not GIF"

[ytkwsm]

png8、これから使ってみよう。

[cibea]

Photoshopでは、PNG-32をPNG-24とされているので勘違いしやすいです。 最適な画像の書き出しは、JPG, GIF, PNG、どれを使うべきか (その画像形式でいいですか？)｜Web Design KOJIKA17

[sigta]

理解しているようでチャント理解できていない点もあるJPG/GIF/PNG-24(32)/PNG-8のそれぞれの特徴と使い分けメモ。特にインターレースの事やマットカラーは覚えておくー

[sk-usagi]

jpg, gif, pngで保存する場合分け。

[helldeath]

GIFは2004年には特許が失効していてもう自由に使えるし、PNG-8とマットカラー処理が使いでがありそうだ

[toguo]

透過PNGはもうちょっと使いたいな

[ta192]

Photoshopでのマットカラーの指定

[kurobuchi]

わかりやすい比較記事。

[aeka]

gif jpg png

[TakayukiN627]

Javascriptと併用すると、アニメーションも作成可能。SVGを使用したアニメーションではSVG女子などが話題になりました。

[rskmt346]

拡張子の基礎

[warriorking]

その画像形式でいいですか？ : Web Design KOJIKA17

[sskb]

背景画像はキャッシュに残るから、容量が大きくて綺麗なPNG-24を使えば捗るのか。ブログの写真は今までどおりJPEGが最適、と。

[koba04]

必要になった時のために

[XIAORING]

image jpg gif png Mat Color

[saladdays]

いいまとめだな。Fireworksでのpng8（アルファチャンネル対応）について触れていないのが残念。

[R1000Leaf]

これはキレイですね！重くもないし、使いたくなってきた RT @kojika17: 試しにフォントプラスを導入してみた。日本語フォントなのにページ速度はそこそこ。 http://bit.ly/oz9ov2 (テスト

[Yuryu]

そんな画像形式で大丈夫か？ / 画像形式以外に、画像にまつわるデザインが載ってる両記事。

[junta1999]

改めて

[irisitejp]

しらなかった【IE6～8(IE9は未確認)において#02050aというバグがあり、JPEG画像でopacityを使用すると#02050aの部分が透過jpgになるバグがあります。】

[kkeisuke]

画像最適化

[takigawa401]

画像フォーマットの使い分けについて。実際に各フォーマットの画像で比較が行えるのが分かりやすい。

[dekatotoro]

その画像形式でいいですか？JPEG,GIF,PNG,PNG-8

[ma-chi0605]

画像拡張子の使い方

[richard_raw]

IEのJPEGバグは知りませんでした。SVGはまだ気軽に使いにくい……。

[tsuki-rs]

基本的な事から各形式の比較など、とってもわかりやすいです。

[yonyonwld]

基本を覚えておかねばね。

[frsatti]

そんな画像形式で大丈夫か？

[satoshiiiiii]

「IE6～8(IE9は未確認)において#02050aというバグ・・・」！！！