Stai preparando una grafica per un sito che accetta WebP? Produce una variante del PNG e confrontala con la fonte. Non basarti soltanto sulla dimensione del file: testi sottili, bordi e trasparenza meritano una verifica visiva.
Trascina il tuo file .PNG qui
o clicca per sfogliare dal tuo dispositivo
PNG può essere una buona sorgente per loghi, schermate e figure con aree trasparenti. WebP permette un'altra codifica, ma il risultato dipende dal contenuto e dal processo concreto. Per una schermata ricca di testo, osserva lettere e linee alla dimensione reale prima di scartare la versione PNG.
WebP supporta trasparenza. Ciò non significa che ogni bordo resti identico: una ricodifica può rendere visibili aloni su sfondi chiari o scuri. Prova la nuova immagine sulla superficie a cui sarà destinata. Se il PNG aveva un fondo dipinto, quel fondo non scompare.
Il CMS può ridimensionare o trasformare ulteriormente il file caricato. Confronta la pagina pubblicata e il file scaricato, perché l'utente finale potrebbe vedere un risultato diverso. Mantieni il PNG originale per future varianti e verifica che la piattaforma consenta effettivamente WebP.
Il CMS che accetta WebP può ricevere una variante pronta per la pagina.
Il PNG resta fonte per correzioni ai margini o al colore.
Il raster del PNG può diventare una risorsa WebP.
Un bordo con alfa può apparire diverso sullo sfondo del sito.
La dimensione del risultato dipende dal contenuto e dalla codifica.
Una eventuale sequenza animata non va considerata preservata nella copia statica.
La stessa grafica può essere mostrata con larghezze diverse a seconda dello schermo.
Un WebP che sembra perfetto nel file aperto al 100% potrebbe avere testo troppo piccolo nella colonna mobile.
Apri la pagina pubblicata e controlla anche la versione generata dal CMS.
Se un logo appare circondato da una frangia chiara, prova il file su più sfondi.
Mantieni il PNG per poter rifare la variante web da una fonte non già ricodificata.
Se il logo appare in testata e nel piè di pagina con larghezze diverse, valuta la resa in entrambe le posizioni.
Una sola copia WebP potrebbe essere ingrandita oltre il necessario in una delle due.
Il formato non sostituisce un layout con misure appropriate; conserva il PNG per poter creare una variante dedicata quando serve.
Una grafica PNG usata come intestazione può essere mostrata dal sito su un fondo che cambia tra tema chiaro e tema scuro. Dopo l'esportazione WebP, controlla entrambi i contesti e non soltanto l'immagine aperta su bianco. Un alone attorno a lettere o contorni può diventare evidente quando la pagina applica una scala differente. Se il CMS produce una versione per telefono, verifica che la grafica non venga tagliata a destra o a sinistra. La fonte PNG resta il posto giusto per correggere margini e composizione; il nuovo formato da solo non riposiziona gli elementi della pagina.
Identifica gli sfondi su cui la grafica comparirà.
Verifica la misura delle sue versioni per schermo largo e stretto.
Uno screenshot di un prodotto può apparire nitido nel file originale ma illeggibile quando viene ridotto nella colonna di una pagina.
Dopo la conversione a WebP, prova la figura alla larghezza reale prevista su desktop e su telefono.
Se contiene testo minuscolo, potrebbe essere necessario ripensare il layout o la sorgente; ricodificare ancora non ingrandisce i caratteri in modo utile.
Per un'immagine trasparente, verifica il bordo sopra sfondi chiari e scuri.
Una lieve frangia colorata può essere invisibile nella finestra dell'editor e comparire sul sito.
Conserva il PNG se servirà una variante diversa.
Se il CMS genera automaticamente WebP a partire da PNG, verifica prima se questo passaggio manuale è davvero necessario; due codifiche successive possono rendere più difficile risalire all'origine di un difetto.
Scegli la grafica destinata alla pagina.
Scarica la nuova risorsa.
Provala nei ritagli e sugli sfondi reali del sito.
No. Controlla le dimensioni del file prodotto.
WebP lo supporta, ma verifica i bordi del risultato.
No. I pixel bianchi restano parte del disegno se non vengono rimossi prima.
No. Un fondo dipinto nei pixel non viene rimosso da questo cambio di formato.
Non è una garanzia; misura la variante prodotta.
Il contorno e l'alfa possono apparire diversi sopra altri colori.
Conservalo se devi aggiornare la grafica o crearne un'altra misura.
Gratuito, istantaneo e 100% privato. I tuoi file vengono elaborati localmente nel tuo browser.