最適な画像の書き出しは、JPG, GIF, PNG、どれを使うべきか
最適な画像の書き出しは、JPG, GIF, PNG、どれを使うべきか 2011-07-26 デザインされたものをコーディングする上で、画像はサイトのパフォーマンスにも影響する重要な要素の1つです。 画像形式には、jpg, gif, pngなど種類があり、それぞれの特性を理解した上で選定できているでしょうか？ 画像形式についてまとめてみます。 画像の種類 JPEG インターネットでよく使用される画像形式で、静止画像を圧縮する方法の1つです。 ブロック単位で圧縮変換を行うため、圧縮率を上げるとブロックノイズというノイズが生じます。 特に小さくすると赤の部分でノイズが発生しやすい。 IE6～8(IE9は未確認)において#02050aというバグがあり、 JPEG画像でopacityを使用すると#02050aの部分が透過jpgになるバグがあります。 上記の点を注意する必要がありますが、1670万色ま
スマホサイトは動画は重い… それでもリッチに！でもサクサク見せたいならGIFアニメがおすすめ。
先日、ブログで「背景フルスクリーン動画” のサイト」を紹介しました。 今回はこちらに続き、最近のWebトレンドで注目を集めているGIFアニメーションを紹介します。GIFアニメーションを使えば、リッチな表現を手軽に表現できます。 GIFアニメーションが有効に使われている事例 GIFアニメーションをふんだんに使ったお祭り感満載の「おしい！広島県」 このサイトは、広島の知られざる「おしい！」を紹介し、たくさんの人が実際に広島を訪れて「おいしい！」県になることを目指しています。 サイトについた「いいね！」は35,000以上、オフィシャル動画の再生回数は、64万回を超えています。 「おしい！広島県」には随所にGIFアニメショーンが使われ、一番の特徴である”サイトの賑やかさ”を演出しています。 以下のような、サイトの両サイドで動いている画像がGIFアニメーションです。 より詳しい解説はFlash一切な
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://kb2.adobe.com/jp/cps/563/5636.html
