Как правильно вырезать картинки из макета?

Question

[AlexFlowint]

Есть макет интернет магазина.
Есть 2 страницы где одни и те же картинки но с разными размерами. (в одном 360x240 на другой странице эта же картинка 800х400) как правильно вырезать мне эти изображения, вырезать одну самую большую или вырезать оба ?

Хотя оригинал самой картинки в figme 1920x 1024.

Comments

[FeST1VaL]

Вырезать оба, Обьясню почему...

Тут по сути скорость загрузки страницы. Если вы засунете в блок 360х240 картинку 800х400, то страница будет медленее грузится тк картинка 800х400 весит больше чем 360х240

[AlexFlowint]

Артем Будин, Да, а как же ретина, (для инет магазина)?

[FeST1VaL]

AlexFlowint, так там используется @2x по сути и тэги специальные

[AlexFlowint]

Артем Будин, я хотел уточнить, вот есть картинка в интернет магазине (далее ИМ) (380 на 280 предположим) а для ретины нужна другая, так вот разве ИМ над этим беспокоятся ? В большинстве сайтов ИМ картинки огромные, и на всех страницах только с помощью css изменены размеры.

[FeST1VaL]

AlexFlowint, ну смотря какой магазин) у некоторых магазинов просто больше развита другого вида реклама, а не сео продвижение.

Answer 1

[antonwx]

Плюсы в сторону вырезания одной картинки:
- Проще заменить в случае чего
- Она сразу закэшируется и при переходе на другую страницу не будет ещё раз загружаться
Плюсы в сторону вырезания двух картинок:
- Если всё-таки посетитель не перейдёт на вторую страницу, то именно в этом случае будет экономия трафика
- Вы можете проконтролировать, как пройдёт процесс изменения размера, выбрать нужный фильтр

В целом, если это что-то типа баннера, я бы не заморачивался и пошёл бы по пути наименьшего сопротивления.

Comments

[AlexFlowint]

У меня не понимания есть в голове, в плане, а будет ли контент менеджер загружать картинки например для ретины, и не завсит ли это от серверной стороны?