CSS filter или 2 картинки?

Question

[Алексей]

Есть блок с картинкой, при наведении на который, картинка должна становиться черно-белой. Что лучше использовать, учитывая кроссбраузерность и производительность: фильтры или две картинки (черно-белую и обычную).
И какие еще есть альтернативные варианты?

Answer 1

[Alexander Litvinenko]

caniuse.com/#feat=css-filters
Вполне достаточная кросбраузерность, у ие там свои аналоги фильтров.

Comments

[trushka]

Только они то как раз в последних версиях и не работают))

[Alexander Litvinenko]

trushka: https://www.artlebedev.ru/tools/technogrette/html/...
Как выше написал, у ие они называютьса по другому

[trushka]

Alexander Litvinenko, в ие10 и и новее эти фильтры работают только в режиме совместимости или эмуляции старых версий, в которых не работают многие современные штуки, например, 3D-трансформации. Не говоря уже о том, что банально может вёрстка поплыть

[Alexander Litvinenko]

trushka: говоря о 3д, вспоминать о кросбраузерности фильтров стыдно =) не имеет значения в режиме совместимости или нет, работает ведь.

Answer 2

[Дима Паутов]

Ответ прост. Делайте css. Если скажут, мол, почему не работает в старых, сделаете 2 картинки. Иногда проблемы нужно решать по мере их поступления. 100 лет как не делаю 2 картинки для таких вещей. Никто не жаловался

Answer 3

[Андрей Федоров]

Правильно заданный вопрос содержит половину ответа. Я за кроссбраузерность - делайте 2 картинки.

Answer 4

[Сергей Громов]

Фильтр

Answer 5

[Андрей Верх]

От эффектов отсутствия эффектов не ломается функциональность. Делать нужно на CSS. Поддержка браузерами хорошая.

2 картинки, это жесть - их каждый раз сохранять нужно, они грузиться будут и эффект при наведении будет "с задержкой".