Оптимизация изображений
Преобразование изображений в файлы меньшего размера без заметного снижения качества и их выдача в подходящем размере и современных форматах.
- 01
Почему это важно
Изображения занимают наибольшую часть данных, загружаемых на большинстве страниц. Такие форматы, как WebP и AVIF, версии под размер экрана и правильное сжатие заметно ускоряют страницы. Задание размеров изображений улучшает стабильность макета, а описательный текст alt повышает доступность.
- 02
Пример
Баннерное изображение на главной странице сайта имеет ширину 4000 пикселей и размер 3 МБ. При выдаче в трёх размерах в зависимости от ширины экрана и в формате WebP объём загрузки на мобильных устройствах снижается до 150 КБ.
- 03
Частая ошибка
Только уменьшение крупного изображения на странице. Браузер всё равно загружает файл полного размера; изображение следует готовить в том размере, в котором оно будет показано.
- 04
Связанные термины
Связанные услуги и руководства
Обсудим ваш проект.
Расскажите о задаче — объём определим вместе.