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

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

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

Или это удобней делать на стороне сервера? У кого какие мнения?
  • Вопрос задан
  • 2604 просмотра
Пригласить эксперта
Ответы на вопрос 3
@bogomazov_vadim
Скорее всего вам нужен background-size: cover;
Ответ написан
Комментировать
IonDen
@IonDen
JavaScript developer. IonDen.com
Вообще, ресайз картинок - это дело тонкое. Тут главное не переборщить.

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

Но если у вас картинка 1500х1000, а контейнер лишь 100х100, то в этой ситуации, нужно вначале уменьшить картинку на сервере, иначе пойдет перегруз трафика, и тормоза на клиенте (это можно не заметить на десктопе, но на смартфоне - это будет жесть)
Ответ написан
Комментировать
shcherbanich
@shcherbanich
Программист
У вас путь к картинке не верный. htmlbook.ru/css/background-image
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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