Как через CSS изменить цвет картинки PNG с желтого на синий?

Question

[Игорь]

Есть иконки маленькие но они желтые а надо синие.
Спасибо

Answer 1

[Adamos]

Сделать этот цвет прозрачным и через CSS менять цвет фона.

Comments

[sergey]

цвет чего прозрачным сделать?

[Adamos]

Берем иконку, она желтая. Открываем в редакторе, делаем желтый цвет прозрачным, а все остальное - белым. Теперь можно вывести эту картинку на странице, и сквозь прозрачное будет просвечивать цвет фона элемента с картинкой, который легко меняется в CSS.

[sergey]

Adamos: выяснили что это картинка png

[Adamos]

SM: ну да, то есть с поддержкой прозрачности. Это и в заголовке написано, долго ли выяснить.

[sergey]

Adamos: я правильно вас понимаю, что прозрачной вы ее собираетесь делать в фотошоп или другом инструменте?

[Adamos]

SM: ну, если вы наложением рук меняете растровые картинки, то можно и без инструментов обойтись.
Если же вы хотите мне доказать, что CSS не может исправить внутренности растрового изображения, то вы не очень плодотворно тратите воскресный вечер.

[Игорь]

1.то есть opacity:1;?
2.что значит всё остальное белым?
prntscr.com/98fa5s

[sergey]

Adamos: я не понимаю зачем такие танцы с бубном, если в фотошоп можно сделать любым цветом исходник и закинуть в верстку

[Adamos]

SM: в фотошопе исходник можно сделать ОДНИМ любым цветом.
На странице - ЛЮБЫМ любым цветом, в динамике.
Игорь: я не собираюсь решать вашу задачу. Я всего лишь предложил решение вопроса. Хотите им воспользоваться - подумайте. Не хотите - ищите другой путь. Возможно, вам всего-то надо взять фотошоп и перекрасить иконки. Или не фотошоп, если там все-таки вектор.

Answer 2

[abbrakadabbra]

Save as SVG -> CSS