IDEA * IDEAドットインストール代表のライフハックブログ
PNG画像をより美しく、より軽量に最適化するテクニック | コリス
先日、紹介した「JPEG画像の最適化テクニック」に続いてSmashingMagazineから、PNG画像をより美しく、より軽量に最適化するテクニックを紹介します。 追記：2009/07/27 本エントリには続きがあります。 続：PNG画像をより美しく、より軽量に最適化するテクニック Clever PNG Optimization Techniques 下記、各ポイントをピックアップして紹介します。 最後のはCS3向けで不明だったので、途中省略しています。 はじめに PNG画像フォーマットの概要 1. ポスタリゼーション 2. 手のはいってない透過 3. 透過による分離 4. マスクを活用 はじめに ウェブデザイナーとしてあなたは既にPNGのフォーマットに精通しているかもしれません。PNGは劣化のないフォーマットとして、GIFの非常に良い代わりとなります。 Photoshop（あるいは他の画
IE6にPNG画像のアルファチャンネルを効かせる方法のまとめ | Blog hamashun.com
最近はアルファチャンネルを含むPNG画像を利用したサイトが増えてきたように感じます。 2008年9月号のWeb Designing誌でも特集が組まれたりと、関心も高まっているようです。 ただ、そこで問題となるのはIE6のアルファチャンネル問題。 何らかの手段でこれを解決する必要があります。 少し前の仕事でこの問題を解決する必要があり、いくつかのライブラリを試してみたので、それをまとめてみます。 なお、img要素ではなく、CSSの背景画像で使用する場合として検証しました。 img要素にだけ適用したい場合には、もっとシンプルな方法があるかもしれません。 概ね共通する事 標準準拠のCSSのみでは不可能 IEの独自拡張の、filterプロパティを使う必要があります。 CSS内に記述する方法やhtcファイルを使う方法、JavaScriptを使う方法でも、結果的にはこのfilterプロパティのAlph
アニメーション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フルカラーでアルファチャン
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
