В каком качестве подключать изображения на сайт?

Добрый день.

Быстренько пробегусь с самого начала: сделал landing page, разметил его гридами, наладил адаптивность.
Когда все было готово, начал подключать в гридовские блоки изображения. И очень заметно как сайт начал подвисать. Из-за того, что подключил 5 изображений в очень высоком качестве и разрешении.

Собственно, вопрос: в каких форматах, в каких расширения сохранять изображения, чтобы они сильно не загружали?
  • Вопрос задан
  • 196 просмотров
Пригласить эксперта
Ответы на вопрос 3
Incorrectfree
@Incorrectfree
Графический Дизайнер
1080px для ПК и x2 для Retina.
Ответ написан
lukoie
@lukoie
1 для полноцвета - jpg, но не png и наоборот
2 компрессия jpg тоже решает. Стандартных 65% может вполне хватать. Сравнивайте с 80% визуально.
3 сохранение в фотошопе в "save for web" дает лучше результат чем просто сохранение
4 картинки делайте 1в1 в пикселях как оно будет на сайте. 2х для ретины, Только если это для полноэкранных картинок или на полную ширину окна то ставьте фуллшд разрешение.
5 если сайт хостится не на ссд а на хдд, то тоже может дать результат вынесение изображений в сидиэн облако.
Ответ написан
@McBernar
https://tinypng.com — оптимизация PNG.
До 70% без заметной потери качества. Я прогоняю дважды.

Изображения в 2х от нужного размера. Нужно 100 — берите 200.
Ответ написан
Ваш ответ на вопрос

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

Войти через TM ID
Похожие вопросы
от 40 000 до 80 000 руб.
Adcome Москва
До 120 000 руб.
Valoreum Москва
от 80 000 до 80 000 руб.
15 авг. 2018, в 23:38
300 руб./за проект
15 авг. 2018, в 22:39
60000 руб./за проект
15 авг. 2018, в 21:18
30000 руб./за проект