@easycode
не боюсь задавать глупые вопросы ))

При изменении размеров изображения в HTML, браузер мылит его, как побороть?

Если у изображения с исходными размерами, например 300 х 300 пикселей, задать на странице меньшие размеры - браузер уменьшит его - но оно станет смазанным:

<img src="pic300x300.png" width="261" height="261">


Конечно же, можно использовать изображение 261х261 пикселей и тогда никаких проблем не будет - но ведь, например если у нас адаптивная верстка - то изображения тоже уменьшаются вместе с размерами диагонали, элементов на странице и т.д.

Это можно как-то побороть или нет?
  • Вопрос задан
  • 72 просмотра
Пригласить эксперта
Ответы на вопрос 1
@lanzor
Если не хочешь смазывания, указывай только ширину.
<img src="pic300x300.png" width="261">
Высота подгонится автоматически.

Или можно использовать SVG изображения, смотря для чего тебе они нужны.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы