最適な画像の書き出しは、JPG, GIF, PNG、どれを使うべきか
最適な画像の書き出しは、JPG, GIF, PNG、どれを使うべきか 2011-07-26 デザインされたものをコーディングする上で、画像はサイトのパフォーマンスにも影響する重要な要素の1つです。 画像形式には、jpg, gif, pngなど種類があり、それぞれの特性を理解した上で選定できているでしょうか？ 画像形式についてまとめてみます。 画像の種類 JPEG インターネットでよく使用される画像形式で、静止画像を圧縮する方法の1つです。 ブロック単位で圧縮変換を行うため、圧縮率を上げるとブロックノイズというノイズが生じます。 特に小さくすると赤の部分でノイズが発生しやすい。 IE6～8(IE9は未確認)において#02050aというバグがあり、 JPEG画像でopacityを使用すると#02050aの部分が透過jpgになるバグがあります。 上記の点を注意する必要がありますが、1670万色ま
Gallery
Gallery Sample image files in JPEG and WebP The tables on this page contain some sample images from Wikipedia. The photos are licensed under a Creative Commons License. Famous classic images such as Lena, the Baboon, etc., often used when doing compression comparisons, are unfortunately not free of copyright. The tables below show JPEG and WebP images side-by-side for comparison. Images in the lef
パフォーマンスアップを意識した画像形式の書き出し方法 - EC studio デザインブログ
サイトのパフォーマンスアップをしたいけど、 作業をする時間がつくれない、作業するにしても影響範囲が大きくて なかなか実行できない…ということは非常に多いと思います。 そこで、今回は簡単！すぐできるパフォーマンスアップ！ Webサイトに最適な画像形式の書き出し方法をご紹介します。 以下で書き出した画像はFireworks CS5 を使用して書き出しています。 EC studio では基本的に画像はPNG8で切り出しています。 なぜかというと、ほとんどのPNG8画像のファイルサイズがGIFより軽いことと、 可逆圧縮で透過表示もできるからです。 しかし、状況によってはPNG8以外の形式も使用します。 主に写真はJPEG、半透明の画像はPNG8、PNG32、 アニメーションはGIFに書き出します。 PNGとGIFとJPEGがどの画像で使うのが向いているか比べていきましょう。 256色以内の画像の場
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
