Da AVIF a PNG: per la trasparenza e per le immagini che dovrai modificare
AVIF gestisce la trasparenza, e quasi tutti i convertitori la buttano via. Fai passare un logo con gli angoli liberi in uno strumento approssimativo e ti ritrovi un riquadro bianco dietro, oppure nero. È il motivo principale per preferire il PNG al JPG in questo caso: il PNG ha un vero canale alfa, quindi uno scontorno arriva pronto da appoggiare su una slide, un mockup o una scheda prodotto.
Il secondo motivo è la modifica. La compressione PNG è senza perdita: registra i pixel che riceve e non scarta nient'altro. Se invece converti in JPG, ogni salvataggio successivo aggiunge artefatti sopra quelli già presenti. Se l'immagine finisce in un programma di grafica, o se dovrai ritagliarla e riesportarla più volte, il PNG non ti costa nulla a ogni passaggio.
Il test di trasparenza, pixel per pixel
Abbiamo costruito un AVIF con tre bande verticali: una completamente trasparente, una esattamente semitrasparente, una completamente opaca. Poi lo abbiamo convertito con ogni impostazione sul nostro server e abbiamo esaminato il risultato pixel per pixel.
| Impostazione | Area trasparente | Area semitrasparente | Area opaca |
|---|---|---|---|
| Recommended | resta trasparente | resta esattamente a metà | resta opaca |
| Smallest, 64 colori | resta trasparente | resta esattamente a metà | resta opaca |
| Palette compression disattivata | resta trasparente | resta esattamente a metà | resta opaca |
L'opacità parziale è sopravvissuta anche a 64 colori. È proprio il caso in cui la maggior parte dei convertitori fallisce, perché in una tavolozza non c'è uno spazio ovvio per essa, e il risultato tipico è un'ombra morbida che diventa un bordo netto. Qui nulla viene fuso con un colore di sfondo, con nessuna impostazione. Lo stesso file passato per AVIF in JPG è uscito con la banda trasparente riempita di un colore pieno, perché il JPEG non ha alcun modo di memorizzare la trasparenza.
Perché non ti promettiamo nessuna percentuale
Palette compression è attiva per impostazione predefinita, perché un PNG a colori pieni di una fotografia è enorme e il normale zlib lo intacca appena. Quanto faccia risparmiare dipende interamente dall'immagine. Ecco lo stesso AVIF da 1200 per 900, 21 KB su disco, convertito con ogni impostazione:
| Impostazione | Tavolozza | PNG in uscita | Cosa è successo |
|---|---|---|---|
| Fast | 256 colori | 281 KB | mantenuto il PNG a colori pieni, la versione con tavolozza era più grande |
| Recommended | 128 colori | 223 KB | tavolozza usata |
| Smallest | 64 colori | 197 KB | tavolozza usata |
| Palette compression disattivata | nessuna | 227 KB | rigorosamente senza perdita, colori pieni |
Su questa immagine specifica la tavolozza non ha fatto risparmiare quasi nulla, e a 256 colori avrebbe reso il file più grande, così lo strumento l'ha scartata e ha tenuto la versione a colori pieni. Su un logo piatto o su uno screenshot la stessa impostazione può ridurre il file a meno della metà. Per questo in tutta la pagina non compare nessuna percentuale. L'unica promessa che vale la pena fare è quella che possiamo mantenere: ricevi sempre la più leggera delle due versioni, e il risultato ti dice quale hai ottenuto.
Aspettati un PNG diverse volte più pesante del tuo AVIF
AVIF è un codec moderno con perdita, autorizzato a scartare dettagli che il tuo occhio non rimpiangerà. Il PNG deve invece registrare ogni pixel che gli viene consegnato. Una fotografia che sta in qualche centinaio di kilobyte come AVIF arriva a diversi megabyte come PNG a colori pieni, ed è il prezzo dell'assenza di perdita, non un difetto della conversione. Se il PNG è ancora troppo pesante per quello che ti serve, l'immagine è quasi certamente una fotografia, e AVIF in JPG è la risposta migliore.
Screenshot e testo restano nitidi
Bordi netti, testo di interfaccia e campiture piatte sono ciò che il JPEG gestisce peggio. Lavora per piccoli blocchi quadrati e lascia aloni visibili intorno a ogni lettera. Il PNG memorizza quei bordi esattamente, quindi uno screenshot si converte con il testo nitido come lo aveva l'AVIF. La grafica piatta è anche il terreno in cui Palette compression rende di più, perché uno screenshot o un logo contengono davvero pochi colori distinti. Per uno screenshot con sfumature, quando vuoi la certezza più del risparmio, disattiva Palette compression e tieni tutti i colori.
Imposta tu la tavolozza
Sotto l'impostazione di compressione c'è un campo Colours, il numero di colori. Lascialo com'è e ogni impostazione usa il proprio valore predefinito. Mettici un valore qualsiasi da 2 a 256 e quella è la tavolozza che ottieni, utile quando devi allinearti a un elemento grafico già esistente o spremere un'icona il più possibile. Disattivare del tutto Palette compression ti dà un PNG a colori pieni, esatto al pixel.
Orientamento, colore e dimensioni
Il tag di orientamento di una foto scattata col telefono viene applicato prima che venga scritto qualsiasi cosa e poi rimosso dal file in uscita, così la tua immagine arriva dritta e nessun visualizzatore la ruota una seconda volta. Un profilo a gamma estesa Display P3 viene incorporato nel PNG anziché scartato, ed è la differenza tra colori fedeli e cieli che tornano fluo, mentre l'impostazione Colour profile, il profilo colore, converte correttamente in sRGB quando la destinazione ignora i profili. Le dimensioni in pixel non cambiano mai. Questo strumento converte il formato, non la dimensione.
File rinominati e file animati
Il formato viene letto dai byte del file stesso, quindi un AVIF che qualcuno ha salvato con un nome in .jpg si converte comunque correttamente. Un AVIF animato ti restituisce il primo fotogramma come singola immagine fissa, e il risultato lo dichiara. Il PNG animato non viene prodotto, perché espandere un'animazione in centinaia di fotogrammi quasi identici non è ciò che chiede chi sta convertendo un file.
Cosa ottieni
- Lo sfondo trasparente intatto, compresi l'opacità parziale e le ombre morbide
- Compressione senza perdita, così ritagliare e riesportare in seguito non costa nulla in più
- La più leggera tra la versione con tavolozza e quella a colori pieni, decisa file per file
- La tua tavolozza personale quando la vuoi, da 2 a 256 colori
- Foto dritte, colore a gamma estesa mantenuto o convertito in sRGB su richiesta
- Le stesse dimensioni in pixel da cui sei partito, ogni volta
E adesso?
L'immagine è una fotografia normale, senza trasparenza? AVIF in JPG ti darà un file molto più leggero a parità di immagine.
Il PNG è più pesante del previsto? Comprimere PNG lo riduce ulteriormente senza toccare le dimensioni.
Devi rimettere l'immagine su un sito web? PNG in WebP mantiene la trasparenza e alleggerisce il peso per il browser.