Конвертиране на PNG в WebP

PNG е форматът, в който дизайнерите експортират, а WebP е форматът, който уебсайтовете трябва да използват. Конвертирането намалява размера на файла с две трети или повече, като прозрачността остава непокътната, а всеки съвременен браузър показва резултата. Конвертирането става на вашето устройство, така че нищо не се качва на сървър.

Как да конвертирате PNG в WebP

Пуснете едно или много изображения PNG в инструмента по-долу.
Изходният формат вече е зададен на WebP. По желание настройте качеството.
Натиснете „Стартиране“, за да конвертирате.
Изтеглете всеки WebP файл или всички наведнъж като ZIP.

Защо PNG файловете са толкова големи

PNG е формат без загуби. Всеки пиксел се съхранява точно, което го прави идеален за лога, екранни снимки и графики за интерфейси, но и затова снимка в PNG може да бъде от 10 до 20 пъти по-голяма от същата снимка в JPG. Дизайнерските програми запазват в PNG по подразбиране, защото е сигурно, а не защото е ефективно. В резултат много уебсайтове зареждат PNG файлове от няколко мегабайта за изображения, които биха могли да бъдат няколкостотин килобайта.

Какво прави WebP по различен начин

WebP е създаден от Google специално за уеб. Той има два режима. WebP със загуби използва предсказване и трансформационно кодиране, подобни на компресирането на видео, и обикновено дава файлове с 25 до 35% по-малки от JPG при същото визуално качество и много по-малки от PNG. WebP без загуби съхранява пикселите точно като PNG, но с по-умна схема на компресиране, обикновено с 20 до 30% по-малко от оптимизиран PNG. И двата режима поддържат прозрачност и това е основната причина конвертирането от PNG в WebP да е толкова често: това е първият широко поддържан формат, който ви позволява да запазите алфа канал, без да плащате цената на размера на PNG.

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

Изходният PNG съдържа	Препоръчително качество на WebP	Резултат
Лого, икона, плоска илюстрация	90 до 100	Острите ръбове се запазват, пак с над 50% по-малко от PNG
Екранна снимка с текст	85 до 95	Текстът остава четлив, обикновено с 60 до 70% по-малко
Снимка или 3D рендер	75 до 85	Визуално неразличимо при нормален размер, с 80 до 90% по-малко
Изрязан продукт с прозрачен фон	85 до 90	Ръбовете остават чисти, алфа каналът се запазва

Къде да използвате WebP

Използвайте WebP навсякъде, където изображението се гледа в браузър: на вашия уебсайт, в уеб приложение, в имейл шаблони за съвременни клиенти и в CDN за изображения. WordPress, Shopify, Webflow, Squarespace и Wix вече приемат качване на WebP. Ако едновременно трябва да поддържате и стара програма за преглед, стандартният подход е HTML елементът <picture> с WebP източник на първо място и PNG или JPG като резервен вариант.

Не конвертирайте в WebP за предаване за печат, за архивиране на оригинални дизайни или за изпращане на клиент, който ще отвори файла в по-стара версия на Photoshop или Illustrator. Пазете оригиналния PNG и използвайте WebP като формат за доставка.

Пакетно конвертиране

Цяла папка с експортирани PNG ресурси може да бъде пусната наведнъж. Всеки файл се конвертира с една и съща настройка за качество, а резултатите се изтеглят като един ZIP с оригиналните имена на файловете и разширение .webp, така че подмяната им в проекта е просто търсене и замяна на разширението.

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

Запазва ли WebP прозрачния фон на моя PNG?

Да. WebP поддържа пълен 8-битов алфа канал, така че меките ръбове, сенките и полупрозрачните области се пренасят точно такива, каквито са били в PNG файла.

Да използвам WebP без загуби или със загуби?

За лога, икони и екранни снимки с остър текст използвайте висока настройка за качество, за да остане резултатът ясен. За снимки, запазени като PNG, качество от 80 до 85 дава огромна икономия без видима загуба.

Кои браузъри и приложения отварят WebP?

Chrome, Edge, Firefox, Safari (от версия 14) и всички съвременни мобилни браузъри показват WebP. Снимки в Windows и Preview в macOS също го отварят. Някои по-стари настолни програми и имейл клиенти не го поддържат, затова за тях запазете PNG или JPG.

Защо понякога моят WebP е по-голям от PNG файла?

Мънички изображения с много малко цветове, например икона от 32 пиксела, може вече да са близо до минималния си размер като PNG. WebP блести при всичко, по-голямо от няколкостотин пиксела.

Вашите файлове никога не напускат устройството ви

Всеки инструмент в Squishly Tools е 100% безплатен и работи изцяло във вашия браузър. Изображенията и документите ви се обработват на собствения ви компютър и никога не се качват на сървър. Няма акаунти, няма водни знаци и няма уловка.