PNG in WebP, file più leggeri che mantengono la trasparenza

Scambia un PNG ingombrante con un WebP snello che mantiene la sua trasparenza e si carica prima.

oppure trascina l'immagine qui

Come convertire PNG in WebP

Come convertire PNG in WebP

Tira un PNG nell'area di rilascio o fai clic per cercarne uno. Il lavoro parte nell'istante in cui il file arriva, senza alcun pulsante Converti da nessuna parte, e per un'immagine di tutti i giorni si conclude in molto meno di un secondo. Un pulsante Scarica salva poi il WebP con il nome di origine e una nuova terminazione. Convertine uno e gira nel tuo browser, dane diversi e salgono insieme al nostro server. Lo stesso percorso serve telefoni e desktop, senza installazione. Per gestirne un altro, lascia cadere il PNG successivo. Passagli un PNG animato e ne sopravvive solo il primo fotogramma, dato che il WebP che produce qui è un singolo fermo immagine anziché una sequenza in movimento.

I pixel trasparenti passano nel WebP

I pixel trasparenti passano nel WebP

Un canale alpha a 8 bit vive dentro WebP, così ogni pixel trasparente del tuo PNG approda altrettanto trasparente nel WebP. Niente diventa bianco, nessun bordo cinge un ritaglio e nessuna ripulitura in un editor serve dopo. Questa è proprio la ragione per preferire WebP a JPG quando il tuo PNG porta trasparenza, dato che JPG non possiede alcun alpha e deve scambiare i pixel chiari con un colore pieno. Loghi, icone, ritagli di prodotto, mockup di interfaccia, screenshot con angoli arrotondati, qualsiasi cosa poggi su uno sfondo trasparente, tutto questo attraversa intatto. Non c'è alcun interruttore da girare per questo, accade e basta, perché portare l'alpha fa parte di ciò per cui WebP è stato costruito.

Motivi per passare da PNG a WebP

Motivi per passare da PNG a WebP

Soprattutto, ottieni un file molto più leggero mentre trasparenza e qualità visiva tengono. I numeri ufficiali WebP di Google mostrano il WebP senza perdite circa il 26 percento sotto un PNG pari, e il WebP lossy con alpha vicino a un terzo della grandezza di uno paragonabile. Le immagini più leggere arrivano prima, e questo alimenta direttamente il Largest Contentful Paint, uno dei Core Web Vitals di Google e un noto fattore di ranking. PageSpeed Insights segnala persino il PNG sotto il suo suggerimento sui formati di nuova generazione, e spostarsi su WebP cancella quella segnalazione. Nemmeno il supporto è un ostacolo, dato che Chrome, Firefox, Safari ed Edge leggono tutti WebP in modo nativo.

Impostazioni di qualità e il compromesso lossy

Impostazioni di qualità e il compromesso lossy

Araluma scrive il WebP a un'impostazione quasi senza perdite messa a punto sia per foto sia per grafica, così alle dimensioni di visione ordinarie appare uguale al PNG da cui proviene. Tenuto a questo livello, WebP è tecnicamente lossy, il che significa che un po' di precisione a livello di bit viene ceduta rispetto a una copia senza perdite impeccabile. Per quasi tutto il lavoro web, loghi, icone, asset di interfaccia, fotografie, quel divario è invisibile. Quando il compito è pixel-esatto, come scansioni mediche o master d'archivio, tieni il PNG e lascia che il WebP sia l'esportazione. Sulle fotografie puoi di solito attenderti un calo di peso dal 50 al 70 percento, sovrapposto al vantaggio strutturale che WebP detiene già su PNG.

Dove il PNG viene davvero convertito

Dove il PNG viene davvero convertito

Questo si divide in base a quante ne dai. Converti un PNG da solo e l'intero compito avviene nella scheda, sul motore immagini del browser stesso, sul tuo dispositivo, senza nulla che sale e senza nulla annotato sul file. Verificalo da te, apri DevTools, tieni il pannello Rete aperto mentre converti quella foto singola e conta zero richieste in uscita che la trasportano. Convertine un pugno insieme e salgono al nostro server, che le percorre tutte e restituisce un unico download. Quel download viene pulito dal nostro server entro circa 2 ore, e puoi cancellarlo nell'istante in cui salvi. Così un'immagine non lascia mai il browser, e un lotto resta sul nostro server solo il tempo di montare ciò che porti via.

Quando il PNG originale resta la scelta giusta

Quando il PNG originale resta la scelta giusta

WebP viaggia lontano, ma non ovunque. Una manciata di programmi di design, pipeline di stampa e sistemi interni di contenuti chiedono ancora il PNG. Alcuni sistemi operativi trascinano e rilasciano il PNG senza pensarci, ma vogliono un plugin per WebP. Per un file di lavoro che aprirai e modificherai ancora e ancora in un'app desktop, tenere il PNG senza perdite come master ti risparmia ogni accumulo dai ripetuti giri di decodifica e ricostruzione. Lascia che WebP sia la tua esportazione per il web e che il PNG resti la sorgente. E se mai dovessi correre nell'altro senso e riportare un WebP in un PNG, lo strumento webp-to-png copre quel tragitto.

Come funziona

  1. Consegna un PNG

    Fai scorrere il PNG sulla pagina, o cercalo nel selettore. Le parti trasparenti vengono con lui. Convertine una e resta sulla tua macchina, rilasciane diverse e salgono al nostro server per essere trattate insieme.

  2. Rilassati

    Non fai nient'altro. Un'immagine tipica diventa un WebP più o meno alla velocità con cui sollevi il dito, senza passaggio Converti e senza spinner lungo la strada.

  3. Guardalo dimagrire

    Il risultato riporta quanto è venuto grande. I punti chiari restano chiari, e il WebP dovrebbe pesare visibilmente meno del PNG da cui sei partito.

  4. Tieni il tuo WebP

    Un tocco su Scarica lo scrive fuori, vecchio nome, nuova terminazione .webp. Ne hai altri in fila? Buttane ognuno sulla pagina e passano uno per uno.

Domande frequenti

La trasparenza viene preservata convertendo da PNG a WebP?

Sì. Poiché WebP detiene un canale alpha completo, ogni zona chiara del tuo PNG resta chiara una volta che è un WebP. Quel singolo fatto è il motivo per cui WebP batte JPG come destinazione ogni volta che parti da un PNG trasparente, dato che JPG non possiede alpha e deve dipingere i punti chiari di un colore pieno mentre WebP lascia il ritaglio esattamente come l'ha trovato. Loghi, icone, scatti di prodotto, pezzi di interfaccia poggiati su sfondi trasparenti, tutti loro passano interi, senza chiederti nulla in più.

Perché convertire PNG in WebP?

Per un file più snello che mantiene sia la sua trasparenza sia il suo aspetto. Secondo i numeri WebP di Google, la variante senza perdite gira circa il 26 percento sotto un PNG pari, e la variante lossy con alpha approda vicino a un terzo di uno. Un'immagine più snella arriva prima, il che aiuta il Largest Contentful Paint, una misura dei Core Web Vitals che Google pesa nel ranking. PageSpeed Insights punta persino al PNG come opportunità di formato di nuova generazione dentro il suo audit immagini. Oltre a questo, ogni browser principale, da Chrome e Firefox fino a Safari ed Edge, legge WebP senza aiuto.

Convertire da PNG a WebP fa perdere qualità?

All'impostazione quasi senza perdite che Araluma usa, foto e grafica appaiono uguali al PNG di origine alle dimensioni di visione ordinarie. WebP tenuto qui è tecnicamente lossy, quindi un filo di precisione a livello di bit va verso un file più piccolo. Per l'uso web di tutti i giorni, loghi, icone, fotografie, quel divario è invisibile. Per lavori pixel-esatti o d'archivio, tieni il PNG e tratta il WebP come la copia di consegna. La conversione lascia il tuo PNG intatto, posato sul tuo dispositivo proprio com'era.

Quanto è più piccolo il WebP rispetto al PNG?

I numeri ufficiali WebP di Google collocano il WebP senza perdite attorno al 26 percento sotto un PNG pari, e il WebP lossy con alpha a circa un terzo della grandezza di uno paragonabile. Il rapporto esatto cavalca il contenuto, con le grafiche che hanno ampie aree chiare e blocchi di colore pieno che guadagnano di più, mentre foto affollate e dettagliate vedono un calo più contenuto ma comunque utile. In ogni caso il WebP esce più leggero e la trasparenza sopravvive.

È sicuro convertire PNG in WebP qui?

Dipende se converti una foto o diverse. Un PNG da solo viene rifatto direttamente nel browser, quindi quel file non viene mandato, e puoi verificarlo aprendo DevTools e guardando il pannello Rete a metà conversione, dove non compare nessuna richiesta di immagine in uscita. Convertine diverse in una volta e salgono al nostro server per essere trattate insieme, poi quel download viene pulito entro circa 2 ore, e puoi toglierlo tu stesso appena salvi. In un modo o nell'altro, nulla della tua immagine resta oltre il montaggio del tuo download.

WebP funziona in tutti i browser?

Lo fa, a tutti gli effetti pratici. La lettura nativa è arrivata ovunque una volta che Safari 14 ha debuttato nel 2020, unendosi a Chrome, Edge e Firefox, che insieme contano quasi ogni browser che la gente usa davvero. Le eccezioni sono quelli genuinamente vecchi e qualche webview integrata, e per un pubblico che potrebbe includerli, il PNG resta la scelta prudente. Chiunque stia su un browser degli ultimi cinque anni ottiene WebP senza problemi. Se vuoi verificare un caso specifico, la voce WebP su caniuse.com espone il supporto.

I dettagli

Note del team su artigianato, formati e le piccole decisioni dietro un buon ritaglio rotondo.

Come WebP raggiunge dimensioni minori di PNG
WebP corre in due modi separati. Il suo modo senza perdite accoppia predizione spaziale e di colore con uno stadio entropico che batte il DEFLATE di PNG, atterrando a una compressione circa il 26 percento migliore su immagini tipiche secondo i numeri pubblicati da Google. Il suo modo lossy prende in prestito una trasformata a blocchi dal lavoro video, costruita per scartare il dettaglio che l'occhio nota a malapena pur tenendo ciò che vede. Quando un'immagine porta alpha, WebP comprime quell'alpha senza perdite su una sua traccia mentre tratta i dati RGB in modo lossy, ed è così che il WebP lossy con trasparenza può uscire vicino a un terzo della grandezza di un PNG a pari qualità visiva. Il DEFLATE di PNG conosce solo il senza perdite e non può mai attingere all'affare percettivo che la traccia lossy stringe. Quella divisione strutturale è l'intera ragione del divario di grandezza.
Il canale alpha nel dettaglio
PNG e WebP portano entrambi l'alpha a 8 bit, lasciando che qualsiasi pixel dichiari un'opacità da 0 per del tutto chiaro fino a 255 per del tutto pieno. Quando il motore immagini della piattaforma ricostruisce un PNG come WebP, legge i valori RGBA di ogni pixel e dà in pasto l'alpha dritto al passaggio di compressione di WebP, che lo tiene sotto compressione senza perdite a prescindere da come tratta l'RGB. Così un pixel del tutto chiaro a 0, uno parzialmente chiaro ovunque da 1 a 254 e uno pieno a 255 mappano ciascuno sullo stato identico nel WebP. Su un logo con un'ombra portata morbida o lettere con anti-aliasing su sfondo chiaro, quella delicata morbidezza dei bordi cavalca tutta intera. JPG non può farlo, dato che il suo contenitore non ha campo alpha e forza l'immagine su un colore di sfondo prima di codificare alcunché.
Core Web Vitals e scelta del formato immagine
Il Largest Contentful Paint cronometra quanto ci mette l'elemento visibile più grande di una pagina a mostrarsi nel viewport, e sulla maggior parte delle pagine di contenuto quell'elemento è l'immagine principale. Google ripiega l'LCP nel suo segnale di ranking Core Web Vitals, e il PNG è un recidivo sull'LCP per puro peso, dove un PNG fotografico 4K può correre per diversi megabyte mentre la stessa foto come WebP quasi senza perdite ne è una frazione. PageSpeed Insights nomina questo direttamente sotto il suo elemento sui formati di nuova generazione e punta al PNG come formato da rimuovere. Voltare in WebP i PNG che siedono sul percorso di rendering critico di una pagina è tra le mosse singole a maggiore resa per la velocità misurata. La linea temporale lo tiene sicuro, con WebP in Chrome dal 2011, Firefox dal 2019, Safari dal 2020 ed Edge dalla sua ricostruzione su Chromium.
Output lossy e l'impostazione quasi senza perdite
WebP espone una manopola di qualità da 0 a 100, dove i numeri più alti tengono più dettaglio e costano più byte. Araluma fissa quella manopola a un punto quasi senza perdite scelto per bilanciare la fedeltà contro la grandezza attraverso le solite categorie web di fotografie, grafica di interfaccia e icone. A questo punto l'output si legge come indistinguibile dal PNG di origine alle normali distanze di schermo. A rigore, un po' di precisione a livello di bit scivola contro una scrittura realmente senza perdite, così un controllo byte per byte tra il WebP decodificato e il PNG originale farebbe affiorare minuscoli scarti numerici, tutti seduti sotto la soglia della vista umana su materiale fotografico. Per scansioni mediche, immagini satellitari o conservazione d'archivio dove il senza perdite è una regola ferrea, la mossa giusta è tenere il PNG e trattare il WebP puramente come esportazione di consegna anziché come copia di lavoro.
Comportamento dei metadati
Voltare un PNG in un WebP spazza via i campi EXIF, IPTC e XMP dall'output, che è ciò che fa ognuno dei tre grandi motori dei browser. I profili colore sono dove i motori si dividono. Chrome e Safari tengono il tag sRGB a cavallo del WebP, mentre Firefox ripulisce tutto, profilo ICC compreso. Così il WebP si legge come sicuro in sRGB ovunque, eppure un tag a gamut ampio, Display-P3, Adobe RGB, ProPhoto RGB, seduto sul PNG di origine, non durerà attraverso Firefox. Quel divario morde nel lavoro professionale sensibile al colore, perciò quando la vera fedeltà del colore deve viaggiare insieme, scegli un convertitore che scrive i dati ICC di proposito, oppure rimetti il tag del profilo dopo usando un editor di metadati costruito per questo compito.
Quando tenere PNG e quando WebP basta
La chiamata è rapida. Se la foto è in ultima istanza diretta a una pagina o app web e chi guarda è un qualsiasi browser dal 2020 in poi, WebP è l'esportazione giusta. Se deve aprirsi dentro un'app di design come Figma, Sketch o Affinity Designer, controlla prima il supporto WebP nella tua esatta versione, dato che varia. Se è avviata alla stampa, appoggiati a PNG o TIFF, dato che la maggior parte dei RIP di stampa ignora WebP. Se sta uscendo via email, il PNG è la scommessa più sicura, viste quanto erratici sono i client di posta con i formati moderni. E se è un file di lavoro che modificherai e risalverai più e più volte, tieni il PNG come master. WebP a qualità quasi senza perdite fa un buon formato di consegna, mentre il PNG resta quello migliore per archiviare e modificare. Il flusso pulito tiene il PNG come originale e spedisce WebP al web.