Изображения чаще всего «весят» больше всего на странице. Если их не оптимизировать, сайт загружается медленно, а посетители уходят, не дождавшись контента. Разберём, как подготовить картинки к публикации.
Выберите правильный формат
- JPG — для фотографий и скриншотов с большим количеством цветов.
- PNG — для логотипов и графики с прозрачным фоном.
- WebP — современный формат, который весит меньше JPG при том же качестве.
Подгоните размер под страницу
Нет смысла загружать фото шириной 4000 пикселей, если колонка с текстом занимает 800. Уменьшите изображение до ширины контентной области — это сразу сократит вес файла в несколько раз.
Сожмите файл
Для сжатия подойдут бесплатные сервисы вроде Squoosh или функция «Сохранить для Web» в Photoshop. Оптимальный вес картинки для статьи — до 150 КБ, а качество при этом должно оставаться хорошим: без артефактов и размытия.
Заполните атрибуты
- Название файла — латиницей, слова через дефис:
sravnenie-tarifov.jpg. - Alt — короткое описание того, что изображено на картинке.
- Title и подпись — поясняют, зачем картинка в тексте.
Такая подготовка занимает пару минут, но заметно ускоряет сайт и помогает картинкам попадать в поиск.
