OS X 10.10 YosemiteやiOS 8に搭載されている次世代SafariはAPNG（アニメーションPNG）をサポート？
PNG vs SVG for sprites
About HTML Preprocessors HTML preprocessors can make writing HTML more powerful or convenient. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug. Learn more · Versions Adding Classes In CodePen, whatever you write in the HTML editor is what goes within the <body> tags in a basic HTML5 template. So you don't have access to higher-
SuperPNG
SuperPNG is a free, open source Adobe Photoshop plug-in for using PNG ("ping") files. It has more comprehensive support for the format than Photoshop's included plug-in and provides control over alpha channel handling. PNG is an open source file format that supports tight lossless compression. It can be read on any platform by most graphics applications and is fully supported by all modern web bro
PNG軽量化の減色と圧縮について | GREE Engineering
このテーブルの番号は 1 Byte になっているため、0-255 の 256 個しか登録できません。そのため、画像で使用されている色が 256 個より多い場合は、なんとかして 256 個にしなくてはいけません。 この「なんとかして 256 色にする」というのが減色処理で、なるべく元の画像からの変化を分からないようにしながら色を減らしていくためのアルゴリズム実装です。（この記事では減色アルゴリズムについての説明は省略します。） テーブルを作成したら、画像のそれぞれのピクセルを RGB 形式からテーブルの何番目の色を使うかに置き換えます。 上図のように、1 ピクセルあたり 24bit 必要だった画像が 1 ピクセルあたり 8bit になったので、データサイズは大体 1/3 になります。 （パレットのデータに最大 3 Byte * 256 = 768 Byte 必要とか、同じように圧縮されないと
PNG that works
PNG supports various combinations of color depth, transparency and color correction. Some combinations work perfectly with every piece of software produced in the last decade, and some more esoteric features are practically useless. Palette with 1-bit transparency (like GIF) IE6 IE7-8 Your browser GIF-like PNG images with simple transparency are supported in all browsers (even as old as IE4) witho
Alpha Transparency in PNG-8 Images Without Using Fireworks | Ethan Gardner
Web designers are starting to discover that 8-bit PNG files can be used to achieve semi-transparency (alpha transparency) that will gracefully degrade in IE6 and be much more compact than the same image saved as a PNG-24. Most of the posts around the web focus on using Adobe Fireworks to achieve semi-transparency, but what about the rest of us that don’t use Fireworks? Today, I’ll demonstrate an a
pngquant — lossy PNG compressor
pngquant is a command-line utility and a library for lossy compression of PNG images. The conversion reduces file sizes significantly (often as much as 70%) and preserves full alpha transparency. Generated images are compatible with all web browsers and operating systems. Features High-quality palette generation using a combination of vector quantization algorithms. Unique adaptive dithering algor
ImageAlpha — image minifier (like JPEG with transparency!)
DownloadVersion 1.5.1 Mac OS X 10.8-11 Not using a Mac? Check out Color Quantizer (Windows), pngquant (Unix) and TinyPNG (on-line). Snow Leopard (10.6) versionChangelogBugsDonateSource code This application is no longer supported. It was written in Python 2, and Python 2 has been deprecated and removed from macOS. Alternatives: lossy option in ImageOptim, pngquant, or squoosh.app. ImageAlpha great
Flash Playerのメモリ使用量を1/3に抑えるテクニック - OPTPiX Labs Blog
ウェブテクノロジ開発部の西田です。 この記事では、主にモバイル機器向けFlashコンテンツを開発されている方々に向けて、Flash Playerでのメモリ使用量とSWFファイルのファイルサイズを抑える方法についてご紹介します。 同時に、Flashコンテンツに画像を組み込む際の注意点についても紹介します。 現在、日本で普及しているほとんどのフィーチャーフォン（いわゆるガラケー）にはFlash Liteが搭載されており、Androidでも2.2以降からはFlashが搭載されています。ソーシャルゲームをはじめ、グラフィカルでリッチなFlashコンテンツが日々増えてきていますが、それにともないSWFファイルのファイルサイズやFlash Playerのメモリ使用量が問題になってくることがしばしばあるのではないでしょうか。 1. Flash Playerのメモリ使用量が1/3になる！ まずは同じくらい
PNGquantの使い方(windows) – 美術部
PNGquantは、アルファチャンネルつきの256色PNG画像を作るためのオープンソース(フリーソフト)の減色ツールです。 FlashLiteで半透明を含むビットマップ画像を扱う際はこちらのツールを使用すると、24bitアルファチャンネルつきPNG画像を使用する場合に比べてファイルサイズ、消費メモリを落とすことができます。 (1)ツールの入手 ・http://www.libpng.org/pub/png/apps/pngquant.html Binaries:の右側、 Windows 9x/NT/etc. のリンク先がダウンロードページです。 (2)使用準備 ダウンロードしたソフトを解凍してできたフォルダに、以下のファイルを解凍したバッチファイルをコピーします。 pngquant_bat_pw6jp.zip (3)画像の減色 pngquant.exeの入っているフォルダに減色したい画像をコ
IEで透過pngにopacity - latest log
@nksm さんのつぶやき IE7+で透過pngに対してopacityを指定した時の汚さはなんとかならんかな。IE6はキレイなんだが・・・。 via http://twitter.com/nksm/status/16611637369 を見つけたので、VMLを使って透過pngにopacityを適用する方法を jsdo.it にあげました。 http://jsdo.it/uupaa/IEAlphaPng_x_Opacity 解説 知識として IE6〜IE8では、filter: AlphaImageLoader(src="**.png") で透過png画像を利用できる IE6〜IE8では、filter: alpha(opacity=0〜100)で 画像の不透明度(opacity)を指定できる filter: は一度にひとつではなく、複数指定できる があり、これを踏まえて filter: alp
css-eblog.com - このウェブサイトは販売用です！ - css eblog リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
Fade Out Bottom
By CSS-Tricks This is a cool effect where the bottom of the page seems to fade out. The technique makes use of an fixed position div (bottom: 0px;) with a transparent PNG image and a high z-index value. There is also a fix in place for IE 6. Download Example Completely revolutionize high-quality niches after mission-critical expertise. Professionally deploy standardized total linkage before intero
『BlastPNG』でPNG画像を徹底的に最適化！ | KUMALOG
前回、PNG最適化ツール『punypng』を紹介しましたが、PNG最適化について更に調べたところ『BlastPNG』というソフトウェアを発見。 このソフトは複数の最適化ツール（FLAXC・pngrewrite・OptiPNG・PNGOut・cPNGC）を利用するため、簡単な操作で大きく軽量化することができます。リサイズもできますよ。 BlastPNGの導入・使い方についてはBlastPNGの簡単な使い方を見るとわかりますが、このブログでも説明することにします。 BlastPNGのダウンロードBlastPNGは減色リサイズ回転ツール『Yukari』に同梱されているので、これをダウンロード。そして、実行してファイルを解凍してください（要パスワード）。 1.73205 » リリース 各種最適化ツールのダウンロード前述の通り、このBlastPNGはいくつかの最適化ツールを必要とするので、同梱されて
JPEG/PNGのサイズをぎりぎりまで削減する·ImageOptim MOONGIFT
写真は大抵JPEGファイルだが、そこには様々なメタ情報が含まれている。PNGも同様にメタ情報が入っており、さらに圧縮にも対応している。これらを排除、圧縮するだけで通常のサイズに比べて半分くらいになったりすることもある。 画像をまとめて最適化 圧縮すれば表示に多少の時間がかかったり（ごくわずかだが）、必要なメタ情報が消えてしまうということはある。だがそれさえ厭わないならばImageOptimはお勧めのソフトウェアだ。 今回紹介するオープンソース・ソフトウェアはImageOptim、JPEG/PNGの圧縮ソフトウェアだ。 圧縮やメタ情報を排除するライブラリは多数存在する。ImageOptimはそれらの統合的フロントエンドとしての役割を担ってくれる。対応しているのはJPEGTran、JPEGOptim、OptiPNG、PNGCrush、AdvPNG、PNGOUTとなっている。 設定画面 これらの
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
404 Not Found
pngquant
透過をきれいに使ったウェブデザインいろいろ - DesignWalker