GIF、JPG、PNGの違い - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
画像を保存する際にGIFかJPG、またはPNGどの形式で保存するのかというのかウェブデザインを始めた人が最初に迷う疑問の1つですよね。正直、私もドット絵やイラストならGIF、写真やグラデが多い画像であればJPG、PNGはサイズ重視で画像の劣化を避けたい時や正直良く分からない時、、程度の知識しかない人間ですが、今回親切にもその違いを解説してくれた記事があったので紹介したいと思います。 — SEO Japan 例えば、ロゴをJPG形式で受け取ったときなど、私はいつも私の中の何かが死に絶えるような気持ちになる。実際、それは私にとって非常に大きな出来事なのだ。なぜなら、画像に適したファイル形式を選択することは、Webデザインにおいて非常に重要なことなのだから。 JPG形式の場合、画像を再保存するたびにクオリティが下がってしまうことをご存じだろうか？PNGとGIFは”可逆圧縮(ロスレス圧縮：loss
最適な画像の書き出しは、JPG, GIF, PNG、どれを使うべきか
最適な画像の書き出しは、JPG, GIF, PNG、どれを使うべきか 2011-07-26 デザインされたものをコーディングする上で、画像はサイトのパフォーマンスにも影響する重要な要素の1つです。 画像形式には、jpg, gif, pngなど種類があり、それぞれの特性を理解した上で選定できているでしょうか？ 画像形式についてまとめてみます。 画像の種類 JPEG インターネットでよく使用される画像形式で、静止画像を圧縮する方法の1つです。 ブロック単位で圧縮変換を行うため、圧縮率を上げるとブロックノイズというノイズが生じます。 特に小さくすると赤の部分でノイズが発生しやすい。 IE6～8(IE9は未確認)において#02050aというバグがあり、 JPEG画像でopacityを使用すると#02050aの部分が透過jpgになるバグがあります。 上記の点を注意する必要がありますが、1670万色ま
GoogleのWeb向け画像フォーマット「WebP」、ChromeやGmailがサポート
Googleが、Web画像の読み込み高速化を目指すオープンソースのフォーマット「WebP」のアルゴリズムを改良した。また、Chrome、Opera、Gmail、Picasa Web AlbumsでWebP画像の表示が可能になった。 米Googleは5月20日（現地時間）、オープンソースのWeb向け画像フォーマット「WebP（ウェッピーと読む）」の改良と、Google Chromeほか幾つかのサービスによるサポート追加を発表した。 WebPは、同社が昨年9月に発表したlossy圧縮方式を採用する画像フォーマット。Webサイトのページ読み込みの高速化を目的としており、ビデオフォーマット「WebM」のビデオ圧縮技術「VP8」を流用している。 圧縮アルゴリズムを変更し、JPEGと比べておよそ25～34％ファイルサイズを縮小できるようになったという。Google Codeのページで比較画像を見ること
JPEG、GIF、PNG画像選択の指針まとめ | エンタープライズ | マイコミジャーナル
SitePoint: New Articles, Fresh Thinking for Web Developers and Designers Jennifer Farley氏がSitePointにおいてGIF, PNG, JPG. Which One To Use?のタイトルのもと、Webサイトを作成するにあたってどの画像フォーマットを採用すべきかという指針を簡単にまとめている。まず氏はそれぞれの画像フォーマットの特徴を簡単に説明。 GIF - 256色のインデックス画像。写真には向かないが、ロゴであったりフラットブロックな画像には向いている。透過データを保持できるという特徴がある JPEG - クオリティによって圧縮率が変わる非可逆圧縮の画像フォーマット。透過は表現できないが、写真データの用途に向いている PNG - GIFに似ているが、GIFのようなぎざぎざを出さずに背景透過を実現
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
PNGとGIFとJPEG…Web用画像の書き出し、どんな風に使い分けていますか？［2011年7月現在］ – VIVID COLORS + BLOG -福岡から東京に出てきたデザイナーのブログ-
｢より高速なウェブのために｣ グーグルがJPEG代替の新画像フォーマット｢WebP｣を推進へ 【増田@maskin真樹】 | TechWave（テックウェーブ）
PNG vs. JPG ～間違いを防ぐ6つの助言～ | AUTHORITY SITE
