タグ

Webデザインとpngに関するmk16のブックマーク (4)

  • JPG・PNG・GIFの違いのまとめ

    どうやって使い分けるべきなのか。JPG・PNG・GIFの違いをまとめてみました。2010.10.27 18:00168,224 人間がデジタル技術を開発して以来、開発され続けてきた画像の保存形式。 開発過程には、それこそ色々な種類がありました。 しかし、現代のブラウザや、一般的な利用者のニーズに合わせて、現在ではJPG、 PNG、 GIFが3強です。 もちろん、それぞれ長所と短所がありますが、それぞれどこがどう違うのでしょうか。 JPG(Joint Photographic Experts Group) JPGはジョイント・フォトグラフィック・エキスパート・グループ(Joint Photographic Experts Group)がプロのカメラマンの標準となるべく開発したファイルのタイプです。 ファイル内の冗長性を見つけて圧縮するZIP形式のように、JPGは画像データをピクセルと呼ばれる

    JPG・PNG・GIFの違いのまとめ
  • ここまで小さくなるの!? PNGをほとんど劣化なく圧縮する「TinyPNG」がスゲェ!!

    こいつぁスゲェ! PNG画像を非可逆圧縮するブラウザアプリ「TinyPNG」というのを試してみたんですが、とんでもないですねコレ。 画像自体はほぼ変わらんのに、驚異的なサイズダウン。まるで禁断のダイエット法にも見えるんですが、どんな仕組みなんだろ・・・。 TinyPNG – Compress PNG images while preserving transparency 使い方はすごくかんたん。 「TinyPNG」にアクセスしたら、画面の[Drop your .png files here!]というスペースに、圧縮したいPNGファイルをドラッグ&ドロップするだけです。 圧縮のタスクが完了すると、ダウンロードリンクが表示されるので、それをクリックしてローカルに保存すればOK。 画面遷移は一切ありません。 すげーサイズダウンします これは実際にサイズダウンしてみた結果。 左が元画像で右がTi

    ここまで小さくなるの!? PNGをほとんど劣化なく圧縮する「TinyPNG」がスゲェ!!
    mk16
    mk16 2012/10/22
    >24ビットのPNGファイルが8ビットインデックスカラーに変換されるようになっていて、透明性を100%保持しつつ自動選択的に色数を減らしてくれます。
  • 最適な画像の書き出しは、JPG, GIF, PNG、どれを使うべきか

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

    最適な画像の書き出しは、JPG, GIF, PNG、どれを使うべきか
  • ハンコでアソブ

    ハンコでアソブは、フリーの透過PNG消しゴムハンコ素材サイトです。 リンク、使用報告、クレジット記載不要/商用利用可です。 © 2024 ハンコでアソブ. All rights reserved.

  • 1