Хорошее отображение изображения при увеличении страницы более чем на 100%

Question

У меня есть значок, показанный на моей странице.Когда масштаб страницы равен 100% (в навигаторе), значок довольно симпатичный, но когда масштаб больше 150%, значок размыт.Увидеть ниже.Как я могу избежать этого?Может быть, иметь значок большего размера и уменьшить его на 50% (намеренно) при отображении в виде , а затем при увеличении масштаба страницы значок может быть менее размытым?Я не знаю, ясно ли я ...

Спасибо.

Answer 1

это может звучать глупо, но как насчет использования большего изображения, но с такой же шириной и высотой, как у текущего?Качество должно оставаться хорошим, пока изображение не увеличится больше, чем фактическое изображение.

Answer 2

Насколько я понимаю, вы хотите, чтобы изображение не было размытым при увеличении?

Насколько я знаю, браузер просто увеличит изображение при увеличении, поэтому вам просто нужно будет создать увеличенное изображение.образ.Если вы хотите, чтобы размер был фиксированным и равным 100%, просто добавьте атрибуты width и height в тег 'img'.