png画像の圧縮には pngquant を使おう [Mac/Win] - Qiita
Tips デフォルトのまま使うと、 圧縮前の画像を残したまま 圧縮した新しい画像 を作ってくれます。 例 pngquant image.png ↓ 「image-fs8.png」が新規作成される。 これはこれで良いですが、不要なファイルは消しときたいものです。 その場合は、オプションで色々指定出来ます。 // 同じファイル名で圧縮後上書きする pngquant --ext .png --force {your_dir}/*.png // 圧縮率を指定 (JPEGの圧縮率みたいなものらしい) pngquant --quality=65-80 {your_dir}/*.png // 圧縮スピード (1が最も遅く、10が最も速い。遅い方が圧縮率が高い、デフォルトは3) pngquant --speed 1 {your_dir}/*.png // IE6用 pngquant --iebug {y
![png画像の圧縮には pngquant を使おう [Mac/Win] - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/5d044bc00c08a03baac5fd725010a6793cbf8f9c/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9cG5nJUU3JTk0JUJCJUU1JTgzJThGJUUzJTgxJUFFJUU1JTlDJUE3JUU3JUI4JUFFJUUzJTgxJUFCJUUzJTgxJUFGJTIwcG5ncXVhbnQlMjAlRTMlODIlOTIlRTQlQkQlQkYlRTMlODElOEElRTMlODElODYlMjAlNUJNYWMlMkZXaW4lNUQmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZzPTc2YTM0ODc3YmExY2Y2MDJmNTk1ZjU2ODNjNjdiYmEz%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDB0aGFua3MybXVzaWMmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPWE1ODMyY2MzNmYwMjBlNWIxZDE4OTFiYzliMDY4Yzli%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3Dc523811a74f8a6f1829b490f483537e2)
alphafilter.jsが透過pngのロールオーバーに対応
alphafilter.jsが透過pngのロールオーバーに対応 IE6用の透過pngライブラリ「alphafilter.js」が透過pngのロールオーバーに対応しました。 透過機能はIE6で画像の拡張子がpngの場合のみですが、ロールオーバーはすべてのブラウザ、jpg、gif、png形式の画像で利用いただけます。 img要素の場合class属性に「btn」と付ければロールオーバーの処理を行います。 <img src="./sample.png" class="btn" alt="" /> sample.pngの場合はsample_on.pngのように拡張子の前に「_on」が付いた画像をロールオーバー時に表示します。 透過機能と合わせて利用する場合は、以下のように指定します。 <img src="./sample.png" class="alphafilter btn" alt="" />
アルファ画像を扱うalphafilter.jsライブラリ-とあるWEBクリエイターのblog
IE6でアルファ画像(透過png)が使えないことにより、コーディングの作業量が大幅に増します。 そこで、IE6で透過pngを扱うjsライブラリを作ってみました。 設定は簡単、head要素内に条件付きコメントを利用してalphafilter.jsで読み込むだけ。 読み込みを高速化させるためdefer属性をの記述を忘れずに行ってください。 <!--[if lte IE 6 ]><script type="text/javascript" defer="defer" src="./alphafilter.js"></script><![endif]--> 透過にしたい画像にclass属性でalphafilterと入れるだけで、なんとIE6でも透過画像の使用が可能になります。 <img src="./sample.png" class="alphafilter" alt="" /> 背景に透過pn
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
メンテナンス中
usrb.in
