画像のファイルサイズを最大70％減らせて複数ファイルも一括処理も可能なフリーソフト「PNGoo」
PNG画像を最大70％圧縮できたり、透過処理したPNG画像も透過処理を残したまま圧縮できたり、複数PNG画像を一括で処理したりもできるファイル圧縮ツールが「PNGoo」です。無料でブラウザ上からファイルサイズを圧縮できる「TinyPNG」や「Kraken.io」でも使われている「pngquant」というコマンドラインツールを使用したフリーソフトで、ブラウザ上で処理を行うわけではないのでインターネットに接続していなくてもいつでもPC上で画像を圧縮できてしまいます。 pngquant — lossy PNG compressor http://pngquant.org/ ◆PNGooを使ってみた 「PNGoo」をインストールするには、上記リンクからpngquantの公式ページへ飛び、「PNGoo」と書かれたリンクをクリック。 すると「PNGoo.0.1.1.zip」というファイルがダウンロード
Animated Portable Network Graphics - Wikipedia
Animated Portable Network Graphics(APNG)は、コンピュータ上で動画を扱うためのファイルフォーマットの1つである。PNGフォーマットを拡張して作られた。 概要[編集] APNGフォーマットでは、最初のフレームが従来のPNGと同様の領域に格納される。そのため、APNGフォーマットに対応しないデコーダを搭載したソフトウェアでも、最初のフレームが静止画として表示される。フレームの速度情報や、2枚目以降のアニメーションフレームは、新たに拡張された領域に格納されるが、これらの領域はAPNG非対応のデコーダでは無視される。また、最初のフレームをアニメーションに利用するか設定できるため、非対応環境での代替表示用画像とすることも可能である。 Animated gif PNGのアニメーションフォーマットには、MNGもある。しかし、MNGとAPNGとは密接に関係するものの、
アニメーションPNGを普及させるには優れたツールが必要？ | スラド IT
2004年に登場したアニメーションPNG（APNG）は、アニメーションGIFに比べて利用できる色数も多く、アルファチャネルを利用できるなど優れた部分が多いにもかかわらず、ほとんど普及していない。知名度が低いこともあるが、優れたAPNGを作成するのに向いたツールが欠如しているのが普及を妨げる要因となっているようだ（Kickstarter、本家/.）。 現在、APNGを作る上で実用的なツールはMax Stepin氏が提供しているスタンドアロンコマンドラインツール「APNG Assembler（apngasm）」だという。 Rei KagetsukiさんはKickstarterのプロジェクトとして、このツールを改良してオープンソースで高品質なアニメーションPNGツールを作ることを提案中だ。第一の目標としては、DebianやUbuntu Linux、Mac OS X、Windowsといったクロスプ
php-ext-zopfliでPNG画像を再圧縮 - pixiv engineering blog
MacBook Proを買ったのはいいもののそろそろLinuxに戻りたくなってきたbokkoです。 今回は先月末にGoogleから発表・公開されたばかりのzopfliの紹介と、 そのPHP拡張であるphp-ext-zopfliにPNG画像を再圧縮する関数を追加した時の話をします。 zopfli zopfliはzlibと比べて3〜8%ほど圧縮率が高く、 それでいてgzipやzlib等で広く使われているdeflateアルゴリズムと互換性のある圧縮アルゴリズムです。Google CodeでCによる実装が公開されています。 繰り返しになりますが、単にdeflateアルゴリズムよりも圧縮率が高いだけでなく、 deflateアルゴリズムと互換性がある、つまりzopfliで圧縮したものは従来のgzipやzlibで展開できるというのがミソです。 zopfliによるPNG画像の再圧縮 PNG画像はデータ部分
画像圧縮サイト／TinyPNG
Smart WebP, PNG and JPEG Compression for Faster WebsitesOptimize now
PNG軽量化の減色と圧縮について | GREE Engineering
このテーブルの番号は 1 Byte になっているため、0-255 の 256 個しか登録できません。そのため、画像で使用されている色が 256 個より多い場合は、なんとかして 256 個にしなくてはいけません。 この「なんとかして 256 色にする」というのが減色処理で、なるべく元の画像からの変化を分からないようにしながら色を減らしていくためのアルゴリズム実装です。（この記事では減色アルゴリズムについての説明は省略します。） テーブルを作成したら、画像のそれぞれのピクセルを RGB 形式からテーブルの何番目の色を使うかに置き換えます。 上図のように、1 ピクセルあたり 24bit 必要だった画像が 1 ピクセルあたり 8bit になったので、データサイズは大体 1/3 になります。 （パレットのデータに最大 3 Byte * 256 = 768 Byte 必要とか、同じように圧縮されないと
PNG画像のファイルサイズが1/3に！PNG画像を超軽量化する「ImageAlpha」｜男子ハック
仕組みをよく理解できていないのですが、ImageAplphaは色数を減らしてファイルサイズを軽量化してくれるアプリのようです。 詳しい人がちゃんと解説してくれると嬉しいです。無知でごめんなさい。 さらには透過PNGの透過も維持したままにできるそうなので、これは是非試さないと損。 参考：透過を保ちつつpngを高圧縮するMacの無料アプリImageAlpha。素でIE6対応 以下のキャプチャ画像をサンプルに試してみました 上の画像をサンプルにファイルサイズの軽量化をImageAlphaで試してみました。 最初の状態でファイルサイズは579KBです。 PNGファイルをアプリケーションにドラッグ＆ドロップします。 画面下部にImage sizeとしてどのくらい軽量になったかが表示されます。 保存しようとすると以下のような画面が開きます。 注目すべきは「ImageOptim」にそのまま送ることもでき
PNGGauntlet - PNG Compression Software
PNGGauntlet isn't being updated anymore. It still works fine but you might want to look at the alternatives listed below! Combines PNGOUT, OptiPNG, and DeflOpt to create the smallest PNGs Lossless: No image quality is lost — only file size Converts JPG, GIF, TIFF, and BMP files to PNG Parallel batch mode to compress multiple files at once The software license for PNGGauntlet permits unlimited dist
画像を矩形以外の形状で表示したい人のためのチュートリアル
画像にPNGマスクを使用して、ブラシストローク状、サークル状など、矩形とは異なる形状で表示するチュートリアルを紹介します。 デモページ もう一つのサークル状のデモは、下記ページのギャラリーのサムネイルとして使用されています。 Roundfolio 画像の枚数が少ないのであれば個別に画像を作成してもよいかもしれませんが、このデモのように数多くあると、このテクニックを使用した方がより効率よく実装できます。 [ad#ad-2] 画像の作り方 画像は3種類が必要で、全て同じサイズにします。 ロールオーバー用の画像 ※透過PNG画像 マスク用の画像 ※透過PNG画像 ベースとなる画像 サークル状に使用する画像3種類 制作：HTML, CSS, JavaScript HTML ロールオーバーとマスク用に2つの空span要素を使用します。 <a href="images/gallery-full.jpg
PNGを解析してJavaScriptでPNGを描く·png.js MOONGIFT
png.jsはJavaScriptを使ってPNGを解析し、その結果をCanvasタグにレンダリングするライブラリ。 png.jsはHTML5/JavaScript製のオープンソース・ソフトウェア。Web上で扱われる画像のフォーマットと言えば、GIF/JPEG/PNGだ（WebPもあるか）。個人的な主観としてGIFはアニメーションやアイコン、JPEGは写真やサイズの大きな画像、その中間がPNGに向いていると感じている。 レコード画像を描く 写真を取り扱うサイトでは、そのメタデータを解析して撮影した機種や撮影場所、露出といったデータをEXIFから得ている。同様のPNGを解析するJavaScriptライブラリがpng.jsだ。 png.jsはPNGをJavaScriptで解析し、その結果をCanvasタグを使って画像として表示する。つまり表示されるのはPNG画像であり、単純にWebブラウザでim
UTF-PNG (aka Unicolor) : 404 Blog Not Found
2007年03月11日03:00 カテゴリLightweight Languages UTF-PNG (aka Unicolor) たしかにこれは普通の奴らの上ですね。 404 Blog Not Found:シフトJISを残すべきか? - matzさんのコメント 新しいUnicode符号化方式 http://nowsmartsoft.or.tv/nws/Japanese/new_utf.htm にはしびれました。本気で実装しているところがすばらしい。 こちらでは、普通の奴らの下を目指してみました。 名づけて、UTF-PNG。別名Unicolor Encoding. Perlによる実装は、 です。エンコーダーは 、デコーダーは です。コンパクトでしょ? Unicodeの全キャラクター一文字づつ載せると100万文字以上になりますが、それでもこれくらいに収まります。 そう。何のことはない、Uni
FlashからPNGシーケンス書きだすASを書きました 〜もうMCも怖くない〜 hushexport.PNGSequence
FlashからPNGシーケンス書きだすASを書きました 〜もうMCも怖くない〜 hushexport.PNGSequence Flash, Programming · 2011年06月08日 ご無沙汰でした。hushです。 今回はFlashからPNGシーケンス書きだすASを書いたので公開します。 適当に名前をつけておきます→「hushexport.PNGSequence」 Sparkとか投稿する勇気がないのでブログでこっそり。 ※こちらはflaファイル→PNGシーケンスの書き出しです。swf→PNGシーケンスはできません。 2012/2/24 追記： AIRアプリ化しました。詳しくはこちらから SWFからPNGシーケンスを作成するAIRアプリ「SWF2PNGSequence」を作りました！ | FLATV 2012/4/7 追記： ライセンス表記を追加しました。 まえがき なんでこんなもの
Googleの検索結果でPDFの表示が可能に
「Quick View」オプションをクリックすると、これまでWebブラウザではHTML形式でしか表示できなかったPDFファイルを、画像や表組み付きで表示できるようになった。 米Googleは10月7日、検索結果がPDFの場合に完全な書式で表示できる「Quick View」機能を発表した。 従来、Google検索で結果のリンク先が非Webブラウザ対応のPDFである場合、表示するにはファイルをダウンロードしてビューアを起動するか、Googleが提供する「View as HTML」オプションでHTML形式で表示する必要があった。新たに追加されたQuick Viewオプションをクリックすれば、完全なフォーマットのPDFをWebブラウザで表示できるようになった。この技術は既にGoogle DocsやGmailで使われており、同社は7月からPDFの結果にこの技術を組み込んできた。現在50％以上のインデ
Purchase Intent Data for Enterprise Tech Sales and Marketing | TechTarget
Enterprise Strategy Group: Go-to-market Expertise to Help You Win
1px透過GIF・PNGの最小base64表現 - mayokara note
透過GIF 1px・Base64 - 8時40分が超えられない - subtech 縮めてみた。多分最小。 1px透過GIF 39bytes R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7 data:image/gif;base64,R0lGODlhAQABAGAAACH5BAEKAP8ALAAAAAABAAEAAAgEAP8FBAA7 1px透過PNG 68bytes iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVQI12NgYAAAAAMAASDVlMcAAAAASUVORK5CYII= data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVQI12NgYAAAAAMAA
アニメーションPNGを作成する--FirefoxのCSS対応 番外編 - builder by ZDNet Japan
今回はFirefox 3が新しく対応したアニメーションPNGについて紹介する。スタイルシートに直接関連するものではないが、Webページのデザインに活用できるアイテムの1つとしてチェックしておきたい。なお、アニメーションPNGの表示には、Firefox 3の他にOpera 9.5（ベータ版）も対応している。 アニメーションPNGとは アニメーションPNGはThe Animated Portable Network Graphicsの略で、APNGとも呼ばれている。静止画像のPNGフォーマットを拡張して、動画を扱えるようにしたフォーマットだ。本格的な動画の再生には適していないが、アニメーションGIFと同じように、パラパラ漫画の要領で手軽に動画を作成することができる。 また、アニメーションGIFが256色しか扱うことができないのに対して、アニメーションPNGは24bitフルカラーでアルファチャン
sonson@Picture&Software - [iPhone SDK] 最適化PNGファイルの動的作成
iPhone Application Programming Guide(developer only)にもあるように，PNG画像は圧縮した方がいいらしい． XCodeでリソースとして使用するPNG画像は，自動的に圧縮，最適化される．最適化はビルド時にcopypngというコマンドラインツールで自動的に処理される．以下，XCodeの設定項目．デフォルトでPNG画像は圧縮される． UIImageは，最適化PNGで作成したものの方が，描画が速いことがわかっている．あらかじめリソースとして使用するPNG画像は問題ないのだが，ネット経由でダウンロードしたJPEG，GIF，PNG画像は，そうではない．そこで，ダウンロードした画像や動的に作成した画像を最適化PNGに変換する必要がある． そこで，takiuchi氏が最適化PNGを解析し，それを作成するコードを作ってくれた(すばらしい)．しかもMIT Li
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://fukuyama.co/imagealpha
Kraken.io Image Optimizer
web-sky.org