Resize изображений на стороне клиента или на сервере?

Question

[zjoin]

C помощью css это просто, можно сделать по ширине и высоте контейнера.

Но как это сделать если контейнер с фиксированной шириной и высотой и туда нужно вписать пропорционально фото.?
jsbin.com/jozeteja/1/edit

Или это удобней делать на стороне сервера? У кого какие мнения?

Answer 1

[Vadim Bogomazov]

Скорее всего вам нужен background-size: cover;

Answer 2

[Денис Инешин]

Вообще, ресайз картинок - это дело тонкое. Тут главное не переборщить.

Если у вас картинка 150х100, а контейнер 100х100, то тут вполне достаточно CSS и его bacground-size: auto 100%; например.

Но если у вас картинка 1500х1000, а контейнер лишь 100х100, то в этой ситуации, нужно вначале уменьшить картинку на сервере, иначе пойдет перегруз трафика, и тормоза на клиенте (это можно не заметить на десктопе, но на смартфоне - это будет жесть)

Answer 3

[Filipp Shcherbanich]

У вас путь к картинке не верный. htmlbook.ru/css/background-image