Как избавиться от искажения изображений?

Question

[Тимофей]

Здравствуйте! имеется следующая проблема, иконки, при исходном масштабе выглядят как надо, но, если начать его увеличивать, изображения начинают слегка расплываться и появляются пиксельные расплывы. В исходнике же с изображениями все окей.

Пример: Снизу оригинал, а сверху та же иконка при увеличенном масштабе уже в искаженном виде
dl1.joxi.net/drive/0000/2726/2726/150113/6befc305c8.png

Comments

[Александр Герасимов]

У вас точно исходный размер совпадает с размером вывода? Может у вас исходный размер 32x32, но на вывод вы выдаете 24x24? Вот тот блок, что "кривой" - точно совпадает по размерам?

Answer 1

[Sergey Lerg]

Это нормально. Изменение масштаба всегда изменяет изображение и появляется размытие.
Просто не масштабируйте или используйте векторные изображения.

Answer 2

[tennalian]

svg

Answer 3

[Сергей Мельников]

Никак. Либо перерисовать иконку в нужном размере, либо использовать векторную иконку.

Answer 4

[Ekaterina Sava]

Никогда не масштабируйте изображения при верстке, если это не svg