Как не терять качество при уменьшении картинки HTML?

Question

[nikita_chiru]

Почему так безбожно теряется качество ??

Answer 1

[valgerofficial]

Потому что пора переходить на SVG графику, если это иконка, PNG щас используют только если это фото.. ну я лично так делаю, не знаю как другие. У SVG качество не теряется, как не крути. И цвет иконки всегда можно поменять.

Comments

[nikita_chiru]

А если дизайнер уже сделал в PNG?

[valgerofficial]

nikita_chiru: Переконвертировать иконку в PNG, залей на фотохостнг, я попробую что нибудь сделать с ней.

[Алексей Скляров]

nikita_chiru: сказать дизайнеру что нужно сделать svg, если он еще не знает

[nikita_chiru]

Александр Вальгер:

[valgerofficial]

nikita_chiru: Оригинал залейте на фотохостинг, и дайте мне ссылку.

[nikita_chiru]

Александр Вальгер: Спасибо за желание , решил попробовать методами css и сработало ))
.img-test {
max-width: 778px;
max-height: 775px;
width: 100%;
height: auto;
}

[Александр Моргунов]

Использовать для подобной ерунды SVG. Векторная графикак как ни крути, никогда не испортится. А PNG в вебе всегда херится, если цветов мало и фигуры простые. Но при скачивании с ресурса все ок.