画像の白黒バージョンを自動的に生成する方法

ワードプレスにロゴパレードがあります。これらのロゴはすべてRGBカラーです。私はそのような見た目が好きです。すべてのロゴはb & Wであり、ホバー上では色になります。画像の白黒バージョンを自動的に生成する方法

私はスプライトでそれを行う方法を知っていますが、それぞれのロゴを2倍にしています。私は、それを "処理する"ことが可能であることを知っているPHPまたはJavaScriptを使用して "&"のバージョンを "生成する"。

これを行うための最善の方法/コードは何でしょうか？

2012-02-01 menardmam

jsはそれほど良いものではありません。この質問をチェックしてくださいhttp://stackoverflow.com/q/562135/1164491 – Cheery

私はロゴの量を倍増する心配はありません。グレースケールの画像は圧縮される可能性があります。 – millimoose

2012-02-01 20:28:59 menardmam

サポートしたいブラウザによっては、do it using CSS filtersになる可能性があります。しかし、これに対するサポートは現在のところあまり普及していません。

2012-02-01 20:24:55 Sirko

画像がたくさんある場合は、オンザフライでグレースケールバージョンを生成することはお勧めしません。各アイコン/ロゴに対応する白黒バージョンを用意する方が良い。これは、ImageMagickを持つたとえば行うことは非常に簡単です：

$ mogrify -channel RGBA -matte -colorspace gray *.png

これは、グレースケールにすべて.png画像をCONVERます。

2012-02-01 20:25:36 dfsq

私は完璧な解決策（運が良かった）を見つけました：https://github.com/GianlucaGuarini/jQuery.BlackAndWhiteすべてを試してみてください、ありがとう！

2012-02-01 20:27:58 menardmam

を使用すると、すべての画像のためにそれを行う場合は、あなたの杖私たちは、この式を、[0-255]の範囲を使用して：

グレースケール値=（0.299 * r + 0.587 * g + 0.114 * b）。

ここで、r、g、bは、入力画像の赤、緑、青の値を表します。

2012-02-01 21:40:43

答えて