PNG у AVIF без втрати прозорості

Передайте PNG, заберіть стислий AVIF, прозорі ділянки якого переживають кожен крок запису.

або перетягніть зображення сюди

Перетворюємо PNG на AVIF

Перетворюємо PNG на AVIF

Перетягніть PNG у зону скидання або торкніться її, щоб його знайти. Кнопки перетворення шукати не треба, робота стартує, щойно файл прибуває. Відкривальне перетворення сеансу витрачає близько секунди на завантаження сторони AVIF. Відтоді крихітне зображення готове за якісь 40 мілісекунд, фото в 1 мегапіксель десь за 250, а кадр у 4K за якісь 2,8 секунди. Усе, що понад 8 мегапікселів, на трубці може розтягнутися до 10 чи 30 секунд. Коли AVIF з'являється, кнопка Завантажити виписує його під вихідним іменем із розширенням .avif, а показник розміру демонструє старий і новий пліч-о-пліч.

Чи переживе прозорість?

Чи переживе прозорість?

Переживе, і ця живучість і є весь сенс обрати тут AVIF замість JPG. Альфа-канал рідний для AVIF, тож прозорий піксель на вході лишається прозорим на виході. Значок, що висить у порожнечі, розмитий виріз продукту, скруглена іконка, кожен сідає в AVIF із недоторканою маскою, без білого прямокутника позаду і без ореолу по краю. JPG просто так не вміє, у нього немає альфи, і він кладе суцільний колір туди, де була прозорість. WebP альфу тримати теж може, але не дотягує до AVIF за розміром за тієї самої якості. Для прозорої графіки, що йде в нинішній браузер, ніщо інше не настільки стисле.

Наскільки ж легший зрештою виходить AVIF?

Наскільки ж легший зрештою виходить AVIF?

Утриманий на якості 85, AVIF схильний важити на 30 до 50 відсотків менше за PNG на фотографіях і на 20 до 30 відсотків менше за WebP того самого знімка. Один вимір при розробці звів кадр у 4K зі 116 КБ як JPG донизу до 16 КБ як AVIF. Малі зображення масштабуються так само, PNG вагою 17 КБ стискається приблизно до 6 КБ. Уже придавлені джерела віддають менше, а графіка плоского кольору чи логотипи з твердими краями можуть ледь зрушити. Природні фотографії дають найбільше зрізання, і саме ці файли роздимають більшість товарних сторінок і блоків-героїв, де економія і важлива.

Якість картинки і скільки це триває

Якість картинки і скільки це триває

Будучи форматом із втратами, AVIF тут працює на сталій якості 85. Фотографії на цьому рівні сидять близько 42,6 дБ PSNR, що читається як ідентичне PNG на звичайних сценах. Чіткий текст і тонка штрихова графіка це виняток і можуть підхопити слабкі артефакти за будь-якого налаштування з втратами, тож їм місце в PNG. Час іде за розміром зображення і рушієм. Chrome на комп'ютері бере мегапіксель десь за чверть секунди, а вісім мегапікселів за якісь 2,8 секунди. Firefox тягне близько вчетверо довше, а трубка додає ще втричі до п'яти разів. Перший прогін сеансу теж несе короткий розігрів, поки сторона AVIF заводиться.

Де обробляється ваш файл

Де обробляється ваш файл

AVIF вимогливий у виробництві, тож заради найкращої якості та швидкості Araluma виконує цю конвертацію на нашому сервері й відкочується до кодувальника у браузері, коли до сервера не достукатися. Тобто ваш PNG може вирушити до нас, коли ви конвертуєте. Обробка проста. Файл стає AVIF, результат повертається до вас, і обидва очищаються з нашого сервера приблизно за 2 години. Ми не зберігаємо копію вашого зображення, не просимо обліковий запис і не застосовуємо його ні для чого поза розпочатою вами конвертацією. Якщо маршрут через сервер недоступний, кодування йде у вашому браузері. Будь-який шлях видає вам той самий AVIF, із тим самим альфа-каналом і тією самою якістю.

Де AVIF працює в 2026 році

Де AVIF працює в 2026 році

Покриття сидить десь близько 94,3 відсотка браузерів по світу в 2026 році: Chrome починаючи з 85, Firefox з 93, Safari з 16.4 (iOS 16 і далі) та Edge з 121. Відстаючі це Internet Explorer, Opera Mini і все, що ще на iOS 15 чи раніше. Якщо скибка ваших гостей живе там, ведіть із AVIF і дайте елементу picture скидати їх на WebP автоматично. Для більшої частини сучасного трафіку це скидання спрацьовує рідко, адже Chrome і Safari несуть більшість мобільних візитів, і обидва рендерять AVIF нативно з 2022 року.

Як це працює

  1. Додайте ваш PNG

    Перетягніть PNG у зону скидання або торкніться її, щоб відкрити провідник по файлах і вибрати один із пристрою.

  2. Дайте записати

    Відкривальне перетворення витрачає близько секунди на завантаження сторони AVIF. Кожне після нього в тій самій вкладці швидше.

  3. Порівняйте розміри

    Коли AVIF готовий, показник ставить розмір PNG поруч із розміром нового AVIF, щоб падіння читалося ясно.

  4. Збережіть AVIF

    Натисніть кнопку Завантажити, щоб виписати готовий файл на пристрій, несучи вихідне базове ім'я зі свіжим розширенням .avif.

Конвертуйте далі

Потрібен шлях у зворотний бік для сумісності або хочеться WebP заради швидшого запису і ширшої підтримки? Обидва за один клік.

Часті запитання

Навіщо перетворювати PNG на AVIF?

Бо AVIF це найлегший формат, який нинішній браузер відрендерить, і робить це, тримаючи прозорість. Розробники фронтенду і дизайнери тягнуться до нього на прозорих шматках інтерфейсу, вирізах продуктів та іконках, яким треба лишатися дешевими в завантаженні. Зрізання розміру конкретне, часто на 30 до 50 відсотків нижче PNG за майже тієї самої візуальної якості, а альфа-канал їде поруч недоторканим там, де JPG його б стер.

Чи прозорість лишається?

Так. AVIF несе рідний альфа-канал, а ця пара пропускає його прямо далі. Прозора ділянка в PNG досі прозора в AVIF. JPG із цим не дає ради, у нього немає альфи, і він кидає суцільний колір у проміжок, тоді як AVIF поводиться з вирізами, логотипами і складеними шарами так, як PNG, лише набагато менше. Маску ніколи не доведеться перемальовувати вручну.

Які браузери можуть показати AVIF?

Будь-який нинішній рушій може. Chrome дає раду з версії 85, Firefox з 93, Safari з 16.4 разом із iOS 16, а Edge з 121. Не можуть Internet Explorer, Opera Mini і пристрої, залишені на iOS 15. Щоб дотягнутися до цього хвоста, оберніть зображення в елемент picture з HTML, що пропонує AVIF першим і скидає на WebP чи PNG, коли браузер каже ні.

AVIF із втратами чи без?

AVIF підтримує обидва, але вивід тут із втратами на якості 85. Фотографії на цьому рівні читаються десь 42,6 дБ PSNR, чого більшість людей не відрізнить від джерела. Зображення з твердими краями, тонкою типографікою або великими плоскими полями кольору можуть видати легкі артефакти за будь-якої якості. Коли кожен піксель мусить збігатися точно, тримайте PNG, а не конвертуйте його.

AVIF чи WebP, у чому різниця?

На знімках рівної якості AVIF схильний лишатися на 20-30 відсотків нижче WebP. Натомість WebP дотягується далі, давній Safari включно, тоді як AVIF охоплює близько 94,3 відсотка браузерів у 2026 році. Якщо мета берегти трафік для вже сучасної публіки, гору бере AVIF. Якщо мета не лишити за бортом нікого, варто тримати WebP поблизу. Ходовий рецепт 2026 року виставляє AVIF уперед, а WebP лишає в запасі всередині елемента picture.

Скільки триватиме перетворення?

Вирішують розмір і рушій. Відкривальний прогін сеансу витрачає десь секунду на готування сторони AVIF. Уже розігріте, мале зображення виходить за якісь 40 мілісекунд, мегапіксельне фото близько 250, а кадр у 4K десь 2,8 секунди в Chrome. Понад 8 мегапікселів трубка може просидіти 10 до 30 секунд. Firefox повзе на якусь чверть темпу Chrome, тож великі задачі закінчуються раніше в Chrome.

Деталі

Нотатки від команди про майстерність, формати та невеликі рішення, що стоять за гарною круглою обрізкою.

Що дозволяє AVIF чавити PNG за розміром
AVIF їде на кодеку AV1, налаштованому на те, що око приймає, а не на побайтову точність. PNG спирається на DEFLATE поверх сирих пікселів, без втрат, але сліпо до надмірності, якою повниться фотографічний вміст. AVIF міняє цю надмірність на блокові трюки передбачення з відео-кодування, скидаючи деталь, якої зорова система не реєструє. Віддача крута. Те фото в 116 КБ стає близько 16 КБ на якості 85, а прозорий PNG зазвичай падає на 30 до 50 відсотків проти схожого WebP. Фото високої роздільності розширюють розрив, а проста графіка його звужує. Будь-який сайт, що відвантажує прозору картинку сучасній публіці, обертає це на жвавіші сторінки і легший рахунок за трафік.
Ідучи за альфа-каналом крізь запис
PNG і AVIF обидва тримають прозорість на окремій альфа-площині поруч із кольором. Поки ця пара читає ваш PNG, зчитування розтягує кольорові пікселі і маску на два боки. Сторона AVIF кладе потім свіжу альфа-доріжку, свою власну, оперту на внутрішньокадрове кодування AV1, щоб стиснути колір і маску порівну на якості 85. Прозорість ніколи не тане в кольорі і ніколи не отримує заповнення позаду. Падаючі тіні, розмиті обідки і напівпрозорі градієнти приходять усі вірно. Єдина ціна в тому, що AVIF тисне альфа-площину з втратами теж, що може лишити слабку торочку на дуже різких краях, коли ви сильно наближаєте. На звичайних розмірах і якості 85 вона лишається невидимою. Для крихітних піксельно точних іконок тримайтеся PNG.
Реалістичні таймінги на кожному рушії
Сторона запису вантажиться раз за сеанс, якісь 800 мілісекунд на вибірку і ще 300 на розкрутку, тож відкривальне перетворення носить десь секунду розігріву. Кожен розігрітий прогін його пропускає. Chrome на комп'ютері чистить 0,12 мегапікселя за якісь 40 мілісекунд, мегапіксель десь за 250, а вісім мегапікселів за якісь 2,8 секунди. Firefox відстає, забираючи десь учетверо більше, що може проштовхнути кадр у 4K за 30 секунд. Safari на WebKit лягає між ними і ближче до Chrome. Телефони середнього класу йдуть утричі до п'яти разів повільніше за десктопний Chrome по всьому фронту. Якщо великі файли це рутина, сеанс десктопного Chrome це найшвидше крісло в домі.
Випадки, коли PNG має лишитися PNG
Кілька задач усе ще кличуть PNG навіть там, де вага важлива. Різкий текст у малих розмірах, той із ярликів, значків чи марок масштабу favicon, може зібрати артефакти AVIF, що читаються погано зблизька. Майстер-файли, які ви маєте намір правити далі, теж належать PNG, бо кожен захід через формат із втратами накопичує втрату. Деякі місця відмовляють AVIF прямо, окремі редактори документів, старіші дизайн-пакети і низка поштових клієнтів серед них, і їм подавай PNG. Анімація за першим кадром тут теж відпадає, оскільки пара бере один кадр. Усюди ще, для прозорих фото і графіки, що йдуть на сучасний сайт, PNG у AVIF це вірний хід.
Довід про Core Web Vitals у цифрах
За показник Largest Contentful Paint, який міряє основне завантаження, відповідає вага найбільшої картинки на екрані. Варто звести її зі 116 КБ до 16 КБ, як вийшло в тесті з фото в 4K, і її час на каналі 10 Мбіт/с коротшає з чогось близько 93 мілісекунд до чогось близько 13. Повторіть це зрізання на вітрині товарів, на банері, що крутиться, чи на екрані, забитому прозорими іконками, і сума із запасом роняє LCP під планку 2,5 секунди, яку Google зачитує як добру. AVIF і злетів через те, що його користь можна показати голою цифрою. Раз охоплення кружляє близько 94,3 відсотка, звертатися до запасного варіанту доводиться так рідко, що виграш за трафіком переважує додаткову розмітку picture.
Чим це вирізняється серед звичайних онлайн-конвертерів
Майже кожен онлайн-конвертер AVIF надсилає ваш PNG на віддалене обладнання і потім тримає результат за правилами зберігання, яких дотримується той оператор, часто залишеними розпливчастими. Araluma ясно каже, як він працює. Оскільки AVIF важкий, заради найчистішого результату конвертація йде на нашому сервері, а кодувальник у браузері вмикається сам, коли сервер недосяжний. Коли ваш файл доходить до нас, він кодується і потім очищається приблизно за 2 години, без запиту облікового запису й без застосування поза розпочатою вами конвертацією. Нічого не зберігається надовго й нічого не передається. Тому, хто веде клієнтську роботу, неопубліковані зйомки продукту чи контент користувачів, чесна форма обміну така: файл може пройти через наш сервер, до нього торкаються лише задля збирання вашого AVIF, і він не затримується.