タグ

Pngに関するmanatenのブックマーク (5)

  • PNG - 日本語で仕様書

    PNGについて 目次 PNGファイルの構造 ├ 識別部 └ 体部 ├ 標準チャンク │ ├ 基チャンク │ │ └ IHDR PLTE IDAT IEND │ └ 補助チャンク │   ├ cHRM gAMA sBIT sRGB iCCP │   ├ bKGD hIST tRNS pHYs sPLT │   └ tIME tEXt zTXt iTXt └ 付加チャンク └ 公式登録チャンク ├ oFFs pCAL sCAL └ gIFg gIFt gIFx fRAc 参考サイト PNGファイルの構造 PNGファイルは、PNG識別部と体部とからなっています。

    manaten
    manaten 2011/06/17
  • kaourantin.net: PNG Encoder in AS3

    I hope you are already playing around with AS3, because in my opinion it rocks! There are really endless possiblities, especially when taking into account some of the new classes like ByteArray and the new number types uint and int. I added a little sample here. This code is not entirely my doing, I merely fixed a couple of bugs, but hopefully it shows the power. It implements a simple PNG encoder

  • GoogleがJPEGに代わる新画像フォーマット「WebP」を発表、ファイルサイズが小さくウェブの表示が高速化

    今やインターネット上のあらゆるところで用いられている画像形式「JPEG」ですが、GoogleがJPEGに代わる新たな画像フォーマットとして「WebP」を発表しました。 ファイルサイズが小さく、ウェブの表示を高速化することが可能となっており、実際に「どの程度の画質でどの程度のファイルサイズになるのか」といったギャラリーも公開されています。 詳細は以下から。 Chromium Blog: WebP, a new image format for the Web Googleの公式ブログによると、同社はウェブの表示をさらに高速化するために行ってきた取り組みの一環として、ウェブページに用いられている「画像」に目を付けたそうです。 画像はウェブページのデータ量のうち約65%を占めており、特にモバイル回線のような通信速度が限られた環境においてはウェブ表示のパフォーマンスを著しく低下させるとのこと。 そ

    GoogleがJPEGに代わる新画像フォーマット「WebP」を発表、ファイルサイズが小さくウェブの表示が高速化
  • 続:PNG画像をより美しく、より軽量に最適化するテクニック | コリス

    上記のように半透明な箇所がある画像の場合、PNGで保存する前にモードをグレースケールにすることは非常に重要です。 グレースケールモード:[イメージ]-[モード]-[グレースケール] 2. 色数はより少なく 画像のカラーを減らす方法として、前回紹介したポスタリゼーションに代わる方法を紹介します。 この方法は256色限定で、カラーを最適化できます。 半透明の画像からイメージ箇所のみを抽出し(半透明は削除)、インデックスカラーに変換しマスクを適用します。 詳しい手順は下記の通り。 画像を開き、[イメージ]-[複製]で画像を複製します。 複製した画像に、[フィルタ]-[PhotoWiz]-[Remove Transparency]で透明箇所を取り除きます。 ※「PhotoWiz」はRemove Transparencyを参照ください。 [イメージ]-[モード]-[インデックスカラー]を選択し、イン

    manaten
    manaten 2009/07/27
  • PNG画像をより美しく、より軽量に最適化するテクニック | コリス

    先日、紹介した「JPEG画像の最適化テクニック」に続いてSmashingMagazineから、PNG画像をより美しく、より軽量に最適化するテクニックを紹介します。 追記:2009/07/27 エントリには続きがあります。 続:PNG画像をより美しく、より軽量に最適化するテクニック Clever PNG Optimization Techniques 下記、各ポイントをピックアップして紹介します。 最後のはCS3向けで不明だったので、途中省略しています。 はじめに PNG画像フォーマットの概要 1. ポスタリゼーション 2. 手のはいってない透過 3. 透過による分離 4. マスクを活用 はじめに ウェブデザイナーとしてあなたは既にPNGのフォーマットに精通しているかもしれません。PNGは劣化のないフォーマットとして、GIFの非常に良い代わりとなります。 Photoshop(あるいは他の画

  • 1