PNG a AVIF sense perdre la transparència

Lliura un PNG, recupera un AVIF compacte les zones transparents del qual sobreviuen cada pas del desament.

o deixa-hi anar la imatge

Sobre aquesta eina

Fes d'un PNG un AVIF, amb tota la transparència inclosa. Deixes anar el fitxer, la pàgina llegeix el teu PNG i el torna a escriure com a AVIF, el format d'imatge derivat del còdec AV1. Codificar AVIF és pesat, així que per arribar al resultat més net Araluma ho executa al nostre servidor, i si aquesta via cau la feina recorre a un codificador que s'executa dins el navegador. La codificació és amb pèrdua a qualitat 85, al voltant de 42,6 dB de PSNR en fotografies, prou a prop de l'original perquè l'ull rarament en copsi la diferència, i en general entre un 30 i un 50 per cent més lleuger que la mateixa presa desada com a WebP. Un JPG llançaria la transparència, mentre que l'AVIF manté el canal alfa complet tal com és. Cada cop que un fitxer arriba al nostre servidor, es codifica i el resultat s'esborra en unes 2 hores. La parella va bé per al disseny i el desenvolupament de front-end que busquen els recursos transparents més lleugers possibles per a pàgines modernes.

Convertir un PNG en AVIF

Convertir un PNG en AVIF

Arrossega un PNG a la zona d'arrossegament o toca-la per buscar-ne un. No hi ha cap botó de convertir a perseguir, la feina comença tan bon punt arriba el fitxer. La conversió d'obertura d'una sessió gasta uns un segon carregant el mòdul. A partir d'aquí una imatge diminuta es fa en uns 40 mil·lisegons, una foto d'1 megapíxel en uns 250, i un fotograma 4K en uns 2.8 segons. Qualsevol cosa per sobre de 8 megapíxels es pot estirar a 10 o 30 segons en un dispositiu de mà. Un cop apareix l'AVIF, Baixa l'escriu amb el nom original i una extensió .avif, i la lectura de mida mostra el vell i el nou de costat.

Sobreviurà la transparència?

Sobreviurà la transparència?

Sobreviurà, i aquesta supervivència és tot el sentit de triar AVIF en lloc de JPG aquí. El canal alfa és natiu de l'AVIF, de manera que un píxel transparent que entra es queda transparent quan surt. Un distintiu surant en el no-res, una retallada de producte amb vores difuminades, una icona arrodonida, cadascun aterra a l'AVIF amb la màscara intacta, sense rectangle blanc al darrere i sense halo a la vora. El JPG simplement no pot, no té alfa i pinta un color sòlid allà on era la transparència. El WebP també pot mantenir alfa, però no pot igualar l'AVIF en mida amb la mateixa qualitat. Per a art transparent que va cap a un navegador actual, res més no és tan compacte.

Com de lleuger és exactament l'AVIF?

Com de lleuger és exactament l'AVIF?

Mantingut a qualitat 85, un AVIF tendeix a pesar entre un 30 i un 50 per cent menys que el PNG en fotografies i entre un 20 i un 30 per cent menys que un WebP de la mateixa imatge. Una mesura de desenvolupament va portar un fotograma 4K de 116 KB com a JPG fins a 16 KB com a AVIF. Les imatges petites s'escalen igual, un PNG de 17 KB s'encongeix a uns 6 KB. Les fonts ja aixafades en tornen menys, i els gràfics de color pla o els logotips de vores dures potser amb prou feines es mouen. Les fotografies naturals donen el tall més gran, i aquestes són precisament els fitxers que més inflen les pàgines de producte i les seccions hero, allà on l'estalvi compta.

Qualitat de la imatge i quant triga

Qualitat de la imatge i quant triga

Com que és un format amb pèrdua, l'AVIF aquí treballa a una qualitat 85 fixa. Les fotografies a aquest nivell se situen a prop de 42.6 dB PSNR, cosa que es llegeix com a idèntica al PNG per a escenes corrents. El text nítid i la línia fina són l'excepció i poden recollir artefactes febles a qualsevol ajust amb pèrdua, així que aquests pertanyen a un PNG. El temps segueix la mida de la imatge i el motor. El Chrome d'escriptori gestiona un megapíxel en uns un quart de segon i vuit megapíxels en uns 2.8 segons. El Firefox triga unes quatre vegades més, i un telèfon hi afegeix entre tres i cinc vegades més. La primera execució d'una sessió també porta un escalfament breu mentre arrenca el mòdul.

On es gestiona el teu fitxer

On es gestiona el teu fitxer

L'AVIF és exigent de produir, així que per assolir la millor qualitat i velocitat Araluma executa aquesta conversió al nostre servidor i recau en un codificador al navegador quan no es pot arribar al servidor. Per tant, el teu PNG pot viatjar fins a nosaltres quan converteixes. La gestió és senzilla. El fitxer es torna AVIF, el resultat torna a tu, i tots dos s'esborren del nostre servidor en unes 2 hores. No guardem cap còpia de la teva imatge, no demanem cap compte i no li donem cap ús més enllà de la conversió que has iniciat. Si la via del servidor no està disponible, la codificació s'executa al teu navegador. Qualsevol camí et lliura el mateix AVIF, amb el mateix canal alfa i la mateixa qualitat.

On funciona l'AVIF el 2026

On funciona l'AVIF el 2026

La cobertura se situa al voltant del 94.3 per cent dels navegadors del món el 2026: Chrome des de 85, Firefox des de 93, Safari des de 16.4 (iOS 16 endavant) i Edge des de 121. Els que es resisteixen són l'Internet Explorer, l'Opera Mini i tot allò que es queda encara en iOS 15 o anterior. Si una part dels teus visitants viu allà, encapçala amb AVIF i deixa que l'element picture els deixi caure a WebP automàticament. Per a la major part del trànsit modern aquest retrocés rarament s'activa, perquè el Chrome i el Safari porten la majoria de les visites des de mòbil i tots dos representen l'AVIF de manera nativa des del 2022.

Com funciona

  1. Afegeix el teu PNG

    Arrossega un PNG a la zona d'arrossegament o toca-la per obrir el navegador de fitxers i tria'n un del teu dispositiu.

  2. Deixa que es desi

    La conversió d'obertura gasta uns un segon carregant el mòdul. Cadascuna posterior a la mateixa pestanya és més ràpida.

  3. Compara les mides

    Quan l'AVIF està a punt la lectura posa la mida del PNG al costat de la nova mida de l'AVIF perquè la baixada sigui clara.

  4. Desa l'AVIF

    Prem el botó Baixa per escriure el fitxer acabat al teu dispositiu, portant el nom base original amb una extensió .avif nova.

Segueix convertint

El necessites en sentit contrari per compatibilitat o vols WebP per desar més de pressa i amb més abast? Tots dos són a un clic.

Preguntes freqüents

Per què convertir un PNG en AVIF?

Perquè l'AVIF és el format més lleuger que un navegador actual representarà, i manté la transparència mentre ho fa. Els desenvolupadors front-end i els dissenyadors hi recorren per a peces d'interfície transparents, retallades de producte i icones que han de quedar barates de baixar. El tall de mida és concret, sovint entre un 30 i un 50 per cent per sota del PNG amb gairebé la mateixa qualitat visual, i el canal alfa hi viatja intacte allà on un JPG l'hauria esborrat.

Es manté la transparència?

Sí. L'AVIF porta un canal alfa natiu, i aquesta parella el passa de dret. Una zona transparent al PNG continua transparent a l'AVIF. El JPG no se'n surt, no té alfa i deixa caure un color sòlid al buit, mentre que l'AVIF tracta retallades, logotips i capes apilades com ho fa el PNG, només molt més petites. Mai no has de tornar a dibuixar una màscara a mà.

Quins navegadors poden mostrar AVIF?

Qualsevol motor actual pot. El Chrome el gestiona des de la versió 85, el Firefox des de 93, el Safari des de 16.4 amb l'iOS 16 al costat, i l'Edge des de 121. Els que no poden són l'Internet Explorer, l'Opera Mini i els dispositius deixats enrere en iOS 15. Per arribar a aquesta cua, embolcalla la imatge en un element picture de l'HTML que ofereixi AVIF primer i caigui a WebP o PNG quan el navegador digui que no.

L'AVIF és amb pèrdua o sense?

L'AVIF admet totes dues coses, però la sortida aquí és amb pèrdua a qualitat 85. Les fotografies a aquest nivell es llegeixen al voltant de 42.6 dB PSNR, cosa que la majoria de gent no distingeix de l'origen. Les imatges amb vores dures, tipografia fina o grans camps de color pla poden revelar un artefacte lleu a qualsevol qualitat. Quan cada píxel ha de coincidir exactament, conserva el PNG en lloc de convertir-lo.

AVIF o WebP, quina diferència hi ha?

En fotografies de qualitat semblant, l'AVIF va uns 20 a 30 per cent més petit que el WebP. El WebP respon amb més abast, inclòs el Safari antic, mentre que l'AVIF cobreix al voltant del 94.3 per cent dels navegadors el 2026. Quan l'amplada de banda és la prioritat i el públic és modern, l'AVIF guanya. Quan has d'arribar a tothom, tingues el WebP a mà. La disposició habitual del 2026 serveix AVIF primer amb WebP al darrere en un element picture.

Quant durarà la conversió?

La mida i el motor ho decideixen. L'execució d'obertura d'una sessió gasta uns un segon preparant el mòdul. Un cop calent, una imatge petita es fa en uns 40 mil·lisegons, una foto de megapíxel a prop de 250, i un fotograma 4K al voltant de 2.8 segons al Chrome. Més enllà de 8 megapíxels un telèfon pot seure entre 10 i 30 segons. El Firefox s'arrossega a uns un quart del ritme del Chrome, així que les feines grans s'acaben abans al Chrome.

Els detalls

Notes de l'equip sobre artesania, formats i les petites decisions darrere d'un bon retall rodó.

Què permet a l'AVIF esclafar el PNG en mida
L'AVIF cavalca l'estàndard AV1, afinat per a allò que l'ull accepta més que no pas per a una fidelitat exacta al byte. El PNG es recolza en DEFLATE sobre píxels en brut, sense pèrdua però cec a la redundància que omple el contingut fotogràfic. L'AVIF bescanvia aquesta redundància pels trucs de predicció de blocs de la codificació de vídeo, llançant detall que el sistema visual mai no registra. La recompensa és pronunciada. Aquella foto de 116 KB es torna uns 16 KB a qualitat 85, i un PNG transparent generalment cau entre un 30 i un 50 per cent respecte a un WebP equivalent. Les fotos d'alta resolució eixamplen la diferència mentre els gràfics simples l'estrenyen. Qualsevol lloc que enviï imatges transparents a una multitud moderna ho converteix en pàgines més ràpides i una factura d'amplada de banda més lleugera.
Seguint el canal alfa a través del desament
La clau és que tant el PNG com l'AVIF desen la transparència en un pla alfa a part, separat del color. En llegir el teu PNG, aquesta parella deixa que el descodificador separi d'una banda els píxels de color i de l'altra la màscara. Tot seguit l'escriptura de l'AVIF crea una pista alfa nova de zero i, amb la codificació dins del fotograma de l'AV1, comprimeix color i màscara alhora a qualitat 85. En cap moment la transparència es barreja amb el color ni rep un farciment al darrere, així que ombres, vores difuminades i degradats semitransparents arriben fidels. L'únic peatge: el pla alfa també es comprimeix amb pèrdua, i amb un zoom molt fort pots arribar a veure una franja mínima en vores duríssimes. A mida normal i qualitat 85 ningú la nota. Només per a icones diminutes on cada píxel ha de ser exacte val més quedar-se amb el PNG.
Temps realistes a cada motor
El mòdul es carrega un cop per sessió, uns 800 mil·lisegons per estirar-lo i 300 més per engegar-lo, així que la conversió d'obertura porta uns un segon d'escalfament. Cada execució en calent se la salta. El Chrome d'escriptori neteja 0.12 megapíxels en uns 40 mil·lisegons, un megapíxel en uns 250, i vuit megapíxels en uns 2.8 segons. El Firefox va endarrerit, trigant unes quatre vegades més, cosa que pot empènyer un fotograma 4K més enllà dels 30 segons allà. El Safari sobre WebKit aterra entre tots dos i més a prop del Chrome. Els telèfons de gamma mitjana van de tres a cinc vegades més lents que el Chrome d'escriptori en tota la línia. Si els fitxers grans són rutina, una sessió Chrome en un ordinador d'escriptori és el seient més ràpid de casa.
Moments en què el PNG hauria de quedar-se PNG
Unes quantes feines encara demanen PNG fins i tot allà on el pes compta. El text nítid a mides petites, el de les etiquetes, els distintius o els senyals a escala de favicon, pot acumular artefactes d'AVIF que es llegeixen malament de prop. Els fitxers mestres que penses editar més endavant també pertanyen a PNG, ja que cada passada per un format amb pèrdua acumula pèrdua. Alguns destins refusen l'AVIF de pla, certs editors de documents, suites de disseny antigues i uns quants clients de correu entre ells, i aquests volen PNG. L'animació més enllà del primer fotograma també cau aquí, ja que la parella tracta un sol fotograma. A tota la resta, per a fotos transparents i gràfics que van cap a un lloc modern, PNG a AVIF és la jugada.
El cas Core Web Vitals en xifres
Tot el pes del Largest Contentful Paint recau en la imatge més grossa de la pàgina, perquè el comptador no s'atura fins que aquella es pinta. Si la baixes de 116 KB a 16 KB, just la xifra que va donar la foto 4K en proves, per una línia de 10 Mbps el seu trànsit cau d'uns 93 a uns 13 mil·lisegons només per a aquell element. Multiplica l'estalvi per una graella de productes sencera, per un hero que gira o per un tauler ple d'icones transparents i la suma arrossega el LCP ben per sota dels 2.5 segons que Google considera bons. Precisament perquè l'argument es pot escriure en números durs, i no en promeses, l'AVIF va enlairar-se tan de pressa. Amb una cobertura al voltant del 94.3 per cent, recórrer al pla B és prou estrany perquè el guany superi el grapat de marcatge picture de més.
Com es distingeix d'un convertidor en línia comú
Gairebé tot convertidor AVIF en línia envia el teu PNG a maquinari remot i després guarda el resultat segons les regles de retenció que manté aquell operador, sovint deixades vagues. Araluma és clar sobre com funciona. Com que l'AVIF és pesat, per al resultat més net la conversió s'executa al nostre servidor, i un codificador al navegador hi entra sol quan el servidor queda fora d'abast. Quan el teu fitxer ens arriba, es codifica i després s'esborra en unes 2 hores, sense demanar compte i sense ús més enllà de la conversió que has iniciat. No es guarda res a llarg termini i no es comparteix res. Per a qui porta feina de client, preses de producte no publicades o contingut d'usuaris, la forma honesta de l'intercanvi és aquesta: el fitxer pot passar pel nostre servidor, només es toca per construir el teu AVIF, i no s'hi queda.