Как уменьшить размер без потери качества в css?

Question

[Jony1337]

Вот простой код

<img src="img-for-battles/1.jpg" width="200" height="200" />

качество не очень может есть другой способ сделать 200x200 без потери качества ?

Answer 1

[Сергей]

Сделайте качественную картинку.

Comments

[Jony1337]

1.jpg сделана нормально но если прописать width="200" height="200" идет потеря качества

[Сергей]

Jony1337: Браузер не уменьшает качество изображений. Попробуйте через стили прописать, только высоту авто поставьте

[Jony1337]

Сергей: тоже не работает

[Сергей]

Jony1337: Ну вы хоть пример покажите тогда

[Сергей]

Jony1337: Так вы ее делаете больше чем она есть. Конечно качество страдает. Поставьте 1000 пикселей и посмотрите как все будет

[Jony1337]

Сергей: так что мне делать ?

[Сергей]

<img src="img-for-battles/0c01eae7e755d2e2d3a510f5712557c9.png" style="
    width: 200px;
    height: auyo;
">

[Сергей]

Jony1337: Сохраните изображение в нужном размере

[Jony1337]

Сергей: вторая фотка всё равно не делается меньше

Answer 2

[sim3x]

Убери width="200" height="200"

Answer 3

[Анатолий]

Я так понимаю, под качеством имеются в виду пропорции. Когда, изначально не квадратная картинка, не пропорционально изменяется в размерах- страдает качество.
Делал так: создавал div, скажем 200x200 над картинкой, в итоге картинка любого размера виднелась в этом окошке.
Далее: широкие уменьшаем по высоте, высокие по ширине, лишнее останется "за окном". Пропорции соблюдены, картинка не будет хуже качеством, чем была.
Обзор "за окном" так же можно выруливать при помощи стилей, но это, совсем другая история ))

Answer 4

[Алексей]

Возможно вы ищите это - htmlbook.ru/css/image-rendering

Answer 5

[denny911]

попробуйте в блок, необходимого вам размера, поместить картинку, добавив к ней background-size:cover