PNG na AVIF bez utraty przezroczystości

Podaj PNG, odbierz zwarty AVIF, którego przezroczyste obszary przeżywają każdy krok zapisu.

lub upuść zdjęcie tutaj

Zamieniamy PNG w AVIF

Zamieniamy PNG w AVIF

Przeciągnij PNG do strefy zrzutu albo stuknij w nią, by go wyszukać. Nie ma przycisku konwersji do tropienia, praca rusza, gdy tylko plik przybywa. Otwierająca konwersja sesji spędza około sekundy na wczytaniu strony AVIF. Od tej chwili maleńki obraz jest gotów w jakieś 40 milisekund, zdjęcie 1 megapikselowe w okolicy 250, a klatka 4K w jakieś 2,8 sekundy. Cokolwiek powyżej 8 megapikseli może rozciągnąć się do 10 czy 30 sekund na telefonie. Gdy AVIF się pojawia, Pobierz wypisuje go pod oryginalną nazwą z rozszerzeniem .avif, a odczyt rozmiaru pokazuje stary i nowy obok siebie.

Czy przezroczystość przetrwa?

Czy przezroczystość przetrwa?

Przetrwa, a to przetrwanie jest całym sensem wyboru AVIF zamiast JPG tutaj. Kanał alfa jest natywny dla AVIF, więc przezroczysty piksel na wejściu zostaje przezroczysty na wyjściu. Plakietka unosząca się w pustce, rozmyty wycinek produktu, zaokrąglona ikona, każde ląduje w AVIF z nietkniętą maską, bez białego prostokąta z tyłu i bez aureoli na krawędzi. JPG po prostu tak nie potrafi, nie ma alfy i kładzie jednolity kolor tam, gdzie była przezroczystość. WebP też utrzyma alfę, lecz nie dorówna AVIF na rozmiarze przy tej samej jakości. Dla przezroczystej grafiki idącej do obecnej przeglądarki nic innego nie jest tak zwarte.

O ile lżejszy w końcu wychodzi AVIF?

O ile lżejszy w końcu wychodzi AVIF?

Utrzymany na jakości 85, AVIF skłonny jest ważyć o 30 do 50 procent mniej niż PNG na fotografiach i o 20 do 30 procent mniej niż WebP tego samego zdjęcia. Jeden pomiar deweloperski zabrał klatkę 4K ze 116 KB jako JPG w dół do 16 KB jako AVIF. Małe obrazy skalują się tak samo, PNG o wadze 17 KB kurczy się do około 6 KB. Już ściśnięte źródła oddają mniej, a grafika płaskiego koloru czy logo z twardymi krawędziami mogą ledwie drgnąć. Fotografie naturalne dają największe cięcie, i to właśnie te pliki rozdymają większość stron produktowych i sekcji bohatera, gdzie oszczędność się liczy.

Jakość obrazu i ile to trwa

Jakość obrazu i ile to trwa

Będąc formatem stratnym, AVIF pracuje tu na stałej jakości 85. Fotografie na tym poziomie siedzą blisko 42,6 dB PSNR, co czyta się jak identyczne z PNG na zwykłych scenach. Ostry tekst i cienka kreska to wyjątek i mogą złapać wątłe artefakty przy każdym stratnym ustawieniu, więc te należą do PNG. Czas idzie za rozmiarem obrazu i silnikiem. Chrome na komputerze ogarnia megapiksel w jakieś ćwierć sekundy, a osiem megapikseli w jakieś 2,8 sekundy. Firefox ciągnie około cztery razy dłużej, a telefon dorzuca jeszcze trzy do pięciu razy. Pierwszy przebieg sesji niesie też krótkie rozgrzanie, gdy strona AVIF się zawiązuje.

Gdzie obsługiwany jest twój plik

Gdzie obsługiwany jest twój plik

AVIF jest wymagający w produkcji, więc dla najlepszej jakości i szybkości Araluma uruchamia tę konwersję na naszym serwerze i wraca do kodera w przeglądarce, gdy serwera nie da się osiągnąć. Czyli twój PNG może powędrować do nas, gdy konwertujesz. Obsługa jest prosta. Plik staje się AVIF, wynik wraca do ciebie, a oba są usuwane z naszego serwera w około 2 godziny. Nie trzymamy kopii twojego obrazu, nie prosimy o konto i nie nadajemy mu żadnego użycia poza konwersją, którą zacząłeś. Jeśli trasa serwera jest niedostępna, kodowanie działa w twojej przeglądarce. Każda droga oddaje ci ten sam AVIF, z tym samym kanałem alfa i tą samą jakością.

Gdzie AVIF działa w 2026 roku

Gdzie AVIF działa w 2026 roku

Pokrycie siedzi w okolicy 94,3 procent przeglądarek na świecie w 2026 roku: Chrome od 85, Firefox od 93, Safari od 16.4 (iOS 16 wzwyż) i Edge od 121. Maruderzy to Internet Explorer, Opera Mini i cokolwiek wciąż na iOS 15 albo starszym. Jeśli wycinek twoich gości żyje tam, prowadź z AVIF i pozwól elementowi picture zrzucać ich na WebP samoczynnie. Dla większości nowoczesnego ruchu ten zrzut rzadko się odpala, bo Chrome i Safari niosą większość wizyt mobilnych i oba renderują AVIF natywnie od 2022 roku.

Jak to działa

  1. Dodaj swój PNG

    Przeciągnij PNG do strefy zrzutu albo stuknij w nią, by otworzyć przeglądarkę plików i wybrać jeden z urządzenia.

  2. Daj zapisać

    Otwierająca konwersja spędza około sekundy na wczytaniu strony AVIF. Każda po niej w tej samej karcie jest szybsza.

  3. Porównaj rozmiary

    Gdy AVIF jest gotów, odczyt stawia rozmiar PNG obok rozmiaru nowego AVIF, by spadek czytał się jasno.

  4. Zapisz AVIF

    Wciśnij przycisk Pobierz, by wypisać gotowy plik na urządzenie, niosąc oryginalną nazwę bazową ze świeżym rozszerzeniem .avif.

Konwertuj dalej

Potrzebujesz drogi w drugą stronę dla zgodności albo chcesz WebP dla szybszego zapisu i szerszej obsługi? Oba są o jeden klik.

Najczęściej zadawane pytania

Po co zamieniać PNG w AVIF?

Bo AVIF to najlżejszy format, który obecna przeglądarka wyrenderuje, i robi to, trzymając przezroczystość. Programiści front-endu i projektanci sięgają po niego na przezroczystych kawałkach interfejsu, wycinkach produktów i ikonach, które mają zostać tanie w pobraniu. Cięcie rozmiaru jest konkretne, często o 30 do 50 procent poniżej PNG przy niemal tej samej jakości wizualnej, a kanał alfa jedzie obok nietknięty tam, gdzie JPG by go wymazał.

Czy przezroczystość zostaje?

Tak. AVIF niesie natywny kanał alfa, a ta para przepuszcza go prosto dalej. Przezroczysty obszar w PNG nadal jest przezroczysty w AVIF. JPG sobie z tym nie radzi, nie ma alfy i upuszcza jednolity kolor w lukę, podczas gdy AVIF traktuje wycinki, logo i piętrzone warstwy tak jak PNG, tylko dużo mniej. Maski nigdy nie musisz przerysowywać ręcznie.

Które przeglądarki potrafią pokazać AVIF?

Każdy obecny silnik potrafi. Chrome ogarnia go od wersji 85, Firefox od 93, Safari od 16.4 z iOS 16 u boku, a Edge od 121. Nie potrafią Internet Explorer, Opera Mini i urządzenia zostawione na iOS 15. By dosięgnąć tego ogona, owiń obraz w element picture z HTML oferujący AVIF najpierw i zrzucający na WebP lub PNG, gdy przeglądarka mówi nie.

AVIF jest stratny czy bezstratny?

AVIF wspiera oba, lecz wyjście tutaj jest stratne na jakości 85. Fotografie na tym poziomie czytają się w okolicy 42,6 dB PSNR, czego większość ludzi nie odróżni od źródła. Obrazy z twardymi krawędziami, drobną typografią albo dużymi płaskimi polami koloru mogą ujawnić lekkie artefakty przy każdej jakości. Gdy każdy piksel musi zgadzać się dokładnie, trzymaj PNG, a nie konwertuj go.

AVIF czy WebP, jaka różnica?

Na zdjęciach równej jakości AVIF skłonny jest zostać o 20-30 procent poniżej WebP. W zamian WebP dociera dalej, dawne Safari w to wliczone, podczas gdy AVIF obejmuje rzędu 94,3 procent przeglądarek w 2026 roku. Jeśli celem jest oszczędzać pasmo dla publiki już nowoczesnej, górę bierze AVIF. Jeśli celem jest nie zostawić nikogo za burtą, warto trzymać WebP w pobliżu. Bieżąca recepta 2026 roku wystawia AVIF na przód, a WebP zostawia w odwodzie wewnątrz elementu picture.

Jak długo potrwa konwersja?

Decydują rozmiar i silnik. Otwierający przebieg sesji spędza w okolicy sekundy na szykowaniu strony AVIF. Już rozgrzany, mały obraz wychodzi w jakieś 40 milisekund, zdjęcie megapikselowe blisko 250, a klatka 4K w okolicy 2,8 sekundy w Chrome. Powyżej 8 megapikseli telefon może przesiedzieć od 10 do 30 sekund. Firefox wlecze się na jakąś ćwierć tempa Chrome, więc duże zadania kończą się prędzej w Chrome.

Szczegóły

Notatki zespołu o rzemiośle, formatach i drobnych decyzjach stojących za dobrym okrągłym przycięciem.

Co pozwala AVIF zgnieść PNG na rozmiarze
AVIF jedzie na kodeku AV1, dostrojonym do tego, co oko przyjmuje, a nie do wierności co do bajta. PNG opiera się na DEFLATE nad surowymi pikselami, bezstratnie, lecz ślepo na nadmiarowość, którą wypełniona jest treść fotograficzna. AVIF zamienia tę nadmiarowość na sztuczki predykcji blokowej z kodowania wideo, zrzucając detal, którego układ wzrokowy nie rejestruje. Zwrot jest stromy. Tamto zdjęcie 116 KB staje się około 16 KB na jakości 85, a przezroczysty PNG na ogół spada o 30 do 50 procent wobec zbliżonego WebP. Fotografie wysokiej rozdzielczości poszerzają różnicę, a prosta grafika ją zwęża. Każda witryna wysyłająca przezroczysty obraz nowoczesnej publice obraca to w żwawsze strony i lżejszy rachunek za pasmo.
Idąc za kanałem alfa przez zapis
PNG i AVIF oba trzymają przezroczystość na osobnej płaszczyźnie alfa obok koloru. Gdy ta para czyta twój PNG, odczyt rozciąga piksele koloru i maskę na dwie strony. Strona AVIF kładzie potem świeżą ścieżkę alfa, swoją własną, opartą na kodowaniu wewnątrzklatkowym AV1, by ścisnąć kolor i maskę po równo na jakości 85. Przezroczystość nigdy nie topi się w kolorze i nigdy nie dostaje wypełnienia z tyłu. Padające cienie, rozmyte obrzeża i półprzezroczyste gradienty przychodzą wszystkie wiernie. Jedyny koszt jest taki, że AVIF ściska płaszczyznę alfa stratnie też, co potrafi zostawić wątłą obwódkę na bardzo ostrych krawędziach, gdy mocno przybliżasz. Na zwykłych rozmiarach i jakości 85 zostaje niewidoczna. Dla maleńkich ikon co do piksela trzymaj się PNG.
Realistyczne czasy na każdym silniku
Strona zapisu wczytuje się raz na sesję, jakieś 800 milisekund na pobranie i kolejne 300 na rozkręcenie, więc otwierająca konwersja nosi jakąś sekundę rozgrzania. Każdy rozgrzany przebieg ją omija. Chrome na komputerze czyści 0,12 megapiksela w jakieś 40 milisekund, megapiksel w okolicy 250, a osiem megapikseli w jakieś 2,8 sekundy. Firefox ostaje, biorąc jakieś cztery razy więcej, co może przepchnąć klatkę 4K za 30 sekund. Safari na WebKit ląduje między nimi i bliżej Chrome. Telefony średniej półki idą trzy do pięciu razy wolniej niż Chrome na komputerze na całej linii. Jeśli duże pliki to rutyna, sesja Chrome na komputerze to najszybsze siedzenie w domu.
Przypadki, gdy PNG powinien zostać PNG
Kilka zadań wciąż woła PNG nawet tam, gdzie waga ma znaczenie. Ostry tekst w małych rozmiarach, ten z etykiet, plakietek czy znaków w skali favikony, może zebrać artefakty AVIF, które czytają się słabo z bliska. Pliki wzorcowe, które zamierzasz dalej edytować, też należą do PNG, bo każdy przejazd przez format stratny piętrzy stratę. Niektóre miejsca odmawiają AVIF wprost, pewne edytory dokumentów, starsze pakiety projektowe i garść klientów poczty wśród nich, i te chcą PNG. Animacja poza pierwszą klatką też tu odpada, bo para bierze jedną klatkę. Wszędzie indziej, dla przezroczystych zdjęć i grafik idących na nowoczesną stronę, PNG na AVIF to właściwy ruch.
Sprawa Core Web Vitals w liczbach
Za wskaźnik Largest Contentful Paint, który mierzy główne ładowanie, odpowiada waga największego obrazu na ekranie. Gdy zejdzie się z nim ze 116 KB do 16 KB, jak wyszło w teście ze zdjęciem 4K, jego czas na łączu 10 Mbps skraca się z czegoś koło 93 milisekund do czegoś koło 13. Powtórz to cięcie na witrynie produktów, na kręcącym się banerze albo na ekranie zatłoczonym przezroczystymi ikonami, a suma z zapasem zrzuca LCP pod próg 2,5 sekundy, który Google odczytuje jako dobry. AVIF wystrzelił właśnie dlatego, że jego pożytek da się pokazać gołą liczbą. Skoro zasięg krąży koło 94,3 procent, sięganie po wariant zapasowy zdarza się tak rzadko, że zysk pasma przeważa nad dodatkowym znacznikiem picture.
Czym to wyróżnia się wśród zwykłych konwerterów online
Niemal każdy konwerter AVIF online wysyła twój PNG na zdalny sprzęt, a potem trzyma wynik według reguł retencji, których pilnuje ten operator, często pozostawionych mglistymi. Araluma jasno mówi, jak działa. Ponieważ AVIF jest ciężki, dla najczystszego wyniku konwersja działa na naszym serwerze, a koder w przeglądarce wkracza sam, gdy serwer jest poza zasięgiem. Gdy twój plik do nas dociera, zostaje zakodowany, a potem usunięty w około 2 godziny, bez prośby o konto i bez użycia poza konwersją, którą zacząłeś. Nic nie jest przechowywane długo i nic nie jest udostępniane. Komuś, kto prowadzi pracę dla klientów, niewydane ujęcia produktu lub treści użytkowników, uczciwa forma wymiany jest taka: plik może przejść przez nasz serwer, dotyka się go tylko po to, by zbudować twój AVIF, i nie zalega.