透過PNGは素晴らしいフォーマットですが、そのファイルサイズもなかなかのものです。 透過PNGや透過GIF画像をSVG画像に変換し、JPEG圧縮・品質で軽量化するオンラインサービスを紹介します。
![透過PNG/GIF画像を大幅に軽量化!SVG画像に変換する無料のオンラインサービス -ZorroSVG](https://cdn-ak-scissors.b.st-hatena.com/image/square/2df2da3ee366737f4c2f7a9e6d54a591a3cf14c6/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201404%2F2014110401.png)
透過PNGは素晴らしいフォーマットですが、そのファイルサイズもなかなかのものです。 透過PNGや透過GIF画像をSVG画像に変換し、JPEG圧縮・品質で軽量化するオンラインサービスを紹介します。
Smart WebP, PNG and JPEG Compression for Faster WebsitesOptimize now
2010年09月05日05:30 カテゴリLightweight Languages perl & javascript - PNGにテキストを埋め込む いっそこんな利用法はどうか。 404 Blog Not Found:Ajax - データ交換 via PNG 使いどころが限定的すぎる。 Demo 0 アイコンの中にエンコーダーのソースコードを埋め込んである。 $('#demo0 input').click(function(){ $('#demo0dst').text(showTextInPNG($('#demo0img').get(0))); }); Perlでテキストを取り出すソースコードは以下のとおり。 #!/usr/bin/env perl use strict; use warnings; use Imager; use autodie; my $img = Imager->
* Flash required. Supported Types: JPG, GIF and PNG (Max 500KB each) What is punypng? punypng is a free optimization service that can dramatically reduce the file size of an image by converting it into a highly-compressed, lossless PNG image. That translates to outrageously efficient web page loading, and just makes the web more puny. Making the web more puny isn't cheap, so help support our cause
先日、紹介した「JPEG画像の最適化テクニック」に続いてSmashingMagazineから、PNG画像をより美しく、より軽量に最適化するテクニックを紹介します。 追記:2009/07/27 本エントリには続きがあります。 続:PNG画像をより美しく、より軽量に最適化するテクニック Clever PNG Optimization Techniques 下記、各ポイントをピックアップして紹介します。 最後のはCS3向けで不明だったので、途中省略しています。 はじめに PNG画像フォーマットの概要 1. ポスタリゼーション 2. 手のはいってない透過 3. 透過による分離 4. マスクを活用 はじめに ウェブデザイナーとしてあなたは既にPNGのフォーマットに精通しているかもしれません。PNGは劣化のないフォーマットとして、GIFの非常に良い代わりとなります。 Photoshop(あるいは他の画
>> 詳細な使用法と注意点を追加エントリーしました。 いまだ絶大なシェアを誇るIE6(Internet Exproler 6)ですが、WEB制作者ならご存知の通り、さまざまなバグ・不具合を内包しております。 ・CSSでfloatしたブロックのmarginが倍になる。 ・後方互換モードの場合、text-alignが子要素にまで影響する。 ・透過png画像が透過されない。 上記以外にも、それはいくつもの制作者泣かせの問題があり、業界内では「IE6氏ねばいいのに」とまで言われているブラウザですが、前述の通りシェアは絶大なので、対応しないワケにもいかず。 すでにいくつもの対応策が出回っておりますが、その中でも自分的に一番オススメするのが、「DD_belatedPNG.js」を使用する方法です。 有名どころの対応策を併記・比較しながら、どこがオススメなのかを含めてエントリーしたいと思います。 有名な
独立行政法人 情報処理推進機構セキュリティセンター(IPA/ISEC)および有限責任中間法人JPCERTコーディネーションセンター(JPCERT/CC)は3月4日、PNG Development Groupが提供する「libpng」にエレメントポインタが適切に初期化されない脆弱性が存在すると公表した。 libpngはPNG画像を扱うためのライブラリで、複数のLinuxベンダーやWindows向けソフトウェアベンダーなどが採用している。今回確認された脆弱性は、複数の関数におけるoff-by-oneエラーが原因で、エレメントポインタが適切に初期化されないというもの。このため、細工されたPNGファイルを開くことで、遠隔地から任意のコードを実行されたり、DoS攻撃を受けたりする可能性がある。 脆弱性が確認されたバージョンは、libpng1.0.43より前のバージョン、および同1.2.35より前のバ
2007年末ごろからIE8の話題が絶えない。Acid2にクリア、デフォルトレンダリングモードをより標準に準拠したものへ変更、ベータ版の提供、Webサービスをマッシュアップする機能の提供など、話題には事欠かない状況だ。特にCSSのレンダリングがより標準に準拠することで、これまでとくにIE6で問題になった互換性の問題が軽減されるだろうと胸を撫でおろしている。 こうした話題の影で忘れかけている(ようとしている?)わけだが、依然としてトップシェアはIE6であり、ようやくIE7のシェアがIE6のシェアをこえて本格的に入れ替えがおこなわれていくだろうといった状況が現実だ。大きなシェアを持つIE6への配慮は依然として続けなければならず、そしてそのための苦労もあと数年は続けなければならない。 そうした対IE6テクニックのひとつだが、Alex Walker氏がSitePoint BlogsにおいてMakin
概要 IE 6 で img 要素で埋め込んだ PNG ファイルの半透明を有効にする JS はいろいろありますが、CSS でこれを行うための方法です。 利点として、JS で実現した場合、一瞬グレーの部分が表示されてしまいますが、この方法ではそれがありません。 PNG が読み込まれた時点で半透明が有効になっています。 また、CSS のセレクタを用いて、どの img 要素に対して半透明を有効にするかなどを決めることができます。 さらに、onload 後にドキュメントに appendChild や innerHTML などで追加された PNG ファイルについても、半透明が有効になった状態で追加されます。 動作確認用の demo (IE 6 用) 説明 アルファチャンネルを有効にしたい個所に対して以下のようなCSSを適用します。この例では、#sample の中の img 要素となります。(セレクター
Unit Interactiveのエントリーから、透過PNG画像をIE6で表示する、超軽量(2KB)の設置も簡単なスクリプトを紹介します。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く