Конвертер JPG в WEBP онлайн
WEBP — формат для сайтов: при том же качестве он легче JPG, поэтому страницы грузятся быстрее. Переведите фотографии пачкой и сразу уменьшите их до нужной ширины.
- Файлы не покидают устройство
- Пакетная обработка
- Скачать всё одним ZIP
Зачем сайту WEBP
По данным Google, WEBP с потерями на 25–34% легче JPG того же качества. Изображения — обычно самая тяжёлая часть страницы. Когда они легче, страница открывается быстрее, особенно на мобильном интернете.
Скорость загрузки влияет на поведение посетителей и учитывается поисковыми системами. PageSpeed Insights прямо рекомендует «использовать современные форматы изображений», и WEBP — один из них.
Поддерживают ли WEBP браузеры
Да, все современные браузеры: Chrome, Яндекс Браузер, Edge, Firefox, Opera и Safari начиная с 14-й версии (2020 год). Для сайта это практически 100% посетителей.
Какие настройки выбрать
| Картинка | Качество | Ширина |
|---|---|---|
| Баннер на весь экран | 75–80% | 1920 px |
| Фото в статье | 80% | 1200–1600 px |
| Карточка товара | 80–85% | 800–1200 px |
| Миниатюра | 70–75% | 300–400 px |
Ширину задайте в блоке «Размер» → «По ширине». Не стоит отдавать картинку шире, чем она показывается на странице: лишние пиксели — лишние килобайты.
Как вставить WEBP на сайт
Загрузите файлы .webp на хостинг и подключите их обычным тегом <img>. Обязательно укажите размеры и альтернативный текст: alt помогает поисковикам понять, что на картинке, а width и height избавляют страницу от «прыжков» при загрузке.
<img src="/images/photo.webp" alt="Описание картинки"
width="1200" height="800" loading="lazy">
Атрибут loading="lazy" откладывает загрузку картинок ниже первого экрана, и страница открывается ещё быстрее. Для картинки на первом экране его не ставьте. Если вы используете CMS вроде WordPress или Tilda, достаточно загрузить WEBP через медиатеку: современные версии принимают этот формат.
Вопросы и ответы
Индексируют ли поисковики картинки в WEBP?
Да, поисковые системы индексируют WEBP так же, как JPG и PNG.
Будет ли у WEBP из JPG прозрачный фон?
В JPG прозрачности нет, так что и в WEBP её не будет. Если нужна прозрачность, используйте PNG в WEBP.
Можно ли конвертировать сразу все фото для сайта?
Да, добавьте хоть сотню файлов, задайте качество и ширину и скачайте всё одним архивом.
Чем WEBP отличается от AVIF?
AVIF сжимает ещё сильнее, но кодируется медленнее и поддерживается не всеми программами. WEBP — самый безопасный современный формат для сайта.
Другие конвертеры
- PNG → WEBPЛёгкая графика с прозрачностью
- Сжать фотоУменьшить вес без заметных потерь
- Размер фотоВ пикселях или процентах
- WEBP → JPGОткрыть картинку с сайта где угодно
- PNG → JPGЛёгкий файл для почты и сайтов
- JPG → PNGДля редактирования без новых потерь
- HEIC → JPGФото с iPhone для Windows и Android
- WEBP → PNGС сохранением прозрачного фона