JPEG — для фото и сложных градиентов: он обычно легче PNG, но при сильном сжатии даёт артефакты. PNG — для логотипов, иконок, скриншотов с текстом и прозрачности; если заливать им фото, файл часто становится слишком тяжёлым. WebP чаще всего даёт лучший баланс: меньше вес при нормальном качестве, но его всё равно нужно проверять на читаемость и совместимость с шаблоном.
Для SEO важен не «любимый формат», а скорость загрузки и удобство индексации. Тяжёлые картинки раздувают LCP, а это бьёт по странице целиком. Поэтому:
— фото и баннеры с мелкими деталями сжимайте до разумного размера;
— графику с прозрачностью держите в PNG или WebP;
— для контента, где важна скорость, тестируйте WebP как основной вариант.
Не забывайте про alt: формат не заменяет описание. Если картинка несёт смысл, у неё должен быть понятный alt, а имя файла — без мусора и случайных наборов символов. Ещё один частый промах — грузить изображение в размере «на всякий случай», а потом уменьшать его CSS: вес остаётся большим, а пользы нет.
Правило простое: JPEG — для фото, PNG — для точной графики, WebP — для большинства задач, если он не ломает верстку и качество.
Visual SEO
@visualseolab
JPEG, PNG или WebP: какой формат картинок реально помогает SEO, а какой тормозит
Этот пост опубликован в Telegram-канале Visual SEO. Подписаться можно по ссылке: @visualseolab.