Конвертиране на снимки в WebP

Искате да ускорите сайта или онлайн магазина с по-малки изображения? Преобразувайте JPG и PNG в WebP. Инструментът преди преобразуването оценява колко ще спестите спрямо JPG и подготвя HTML код с резервен формат за по-стари браузъри. Всичко се случва във вашия браузър, изображенията никъде не се качват.

Как да преобразувате изображение в WebP

1. Качете изображенията. Плъзнете ги в прозореца или щракнете върху „Преглед на файлове“. Инструментът приема JPG, PNG, BMP и статичен GIF, по десетки файлове наведнъж.
2. Задайте качеството. Стойността по подразбиране 80 подхожда на повечето сайтове. За портфолио изберете 85 до 90, за преглед 70.
3. Преобразувайте и изтеглете. Бутонът „Преобразуване“ обработва цялата партида, готовите WebP изтегляте поединично или като ZIP.

Кой иска повече подробности, разгъва под прегледа „Технически детайли: лупа, оценка на спестяването, HTML код“.

Защо да преобразувате изображения в WebP

WebP е формат от Google, създаден за уеб. Според проучване на Google (на английски) файловете WebP със загуба на качество са при същото качество с 25 до 34% по-малки от JPEG, а тези без загуба са с около 26% по-малки от PNG. По-малките изображения означават по-бързо зареждане на страницата, по-добри резултати в Core Web Vitals и по-малко данни на мобилно устройство.

За разлика от JPG, WebP умее и прозрачност, затова заменя и PNG с прозрачен фон. Днес го поддържат всички разпространени браузъри (на английски), включително Safari от версия 14.

Какво друго умее конверторът за WebP

Оценка на спестяването още преди преобразуването

В техническите детайли ще намерите „Оценка от извадка“: инструментът кодира умалена извадка от избраното изображение и изчислява колко голямо ще бъде WebP при зададените настройки, колко голямо би било JPEG при същото качество и колко процента ще спестите. Веднага виждате дали преобразуването си заслужава.

HTML код с резервен формат

Инструментът подготвя готов код за елемента <picture>: браузърите с поддръжка на WebP зареждат новия файл, останалите получават оригиналния JPG или PNG. Кодът съдържа и размерите на изображението, и лениво зареждане, стига само да го копирате в шаблона. Как работи <picture>, описва MDN (на английски).

Лупа при 100% увеличение

Щраквайки в прегледа, премествате лупата на произволно място и сравнявате оригинала с резултата пиксел по пиксел. Артефактите от компресията със загуба на качество се показват първо в текста, ръбовете и плавните преходи, там си заслужава да погледнете.

Прозрачността остава

PNG с прозрачен фон преобразувате в WebP без загуба на алфа канала. Ако целевото приложение не поддържа прозрачност, включете „Сливане на прозрачността с цвят“.

Защита от лош резултат

Анимиран GIF инструментът отхвърля, защото от него тихо би останал само първият кадър. Когато преобразуваният файл излезе по-голям от оригинала, което се случва при вече добре компресирани изображения, таблицата го отбелязва и с едно щракване запазвате оригинала.

Намаляване, преименуване, без метаданни

В „Разширени настройки“ намалявате изображенията по по-дългата страна в пиксели или на проценти и ги преименувате групово чрез {name}, {width}, {height} и {index}. Преобразуването премахва EXIF, ICC и GPS, така че снимките не издават местоположение. Ако трябва да смалите изображенията до точни размери или под лимит в kB, използвайте намаляването на изображения.

Какво качество на WebP да изберете

Цел	Качество	Забележка
Портфолио, продуктови снимки	85 до 90	Детайли без загуба, все пак по-малко от JPG
Обикновен сайт и блог	75 до 80	Най-добро съотношение на качество и размер
Преглед, галерия	65 до 70	Малки файлове, леки артефакти

Кога WebP и кога друг формат

• Снимки и графика за сайта: WebP, с резервен вариант в <picture> за сигурност.
• Изображения за имейл, институции или по-стари програми: по-добре JPG, отваря го наистина всичко.
• Материали за по-нататъшна обработка и печат: PNG, без никаква загуба.

Размерите на изображенията в сайта преди преобразуването бързо проверявате в анализа на размерите на изображения.

Често задавани въпроси

Как да преобразувам JPG в WebP?

Качете JPG файловете, оставете качество 80 или го коригирайте и щракнете върху „Преобразуване“. WebP обикновено е при същото визуално качество с една четвърт до една трета по-малко. Колко ще спестите при конкретна снимка, показва оценката в техническите детайли.

Как да преобразувам PNG в WebP и запазя прозрачността?

Достатъчно е да качите PNG и да преобразувате, прозрачността остава запазена автоматично. Ако обратно не я искате, включете „Сливане на прозрачността с цвят“.

Поддържат ли WebP всички браузъри?

Да, всички съвременни браузъри, включително Safari от версия 14. За по-стари устройства за сигурност използвайте HTML кода с елемента <picture>, който инструментът подготвя: по-старият браузър тогава зарежда оригиналния JPG или PNG.

По-добър ли е WebP от JPG?

За уеб да: при същото качество е по-малък и умее прозрачност. JPG обаче все още отваря повече програми, принтери и институции. За сайта затова използвайте WebP, за споделяне и печат JPG.

Защо инструментът отхвърли моя GIF?

Анимираният GIF при преобразуване тихо би се превърнал в единствен статичен кадър. За да не ви изненада резултатът, инструментът го отхвърля. Статичните GIF файлове преобразува без проблем.

Качват ли се моите изображения на сървър?

Не. Преобразуването се извършва директно във вашия браузър и файловете никъде не се изпращат.