Convertire PNG in Base64 - Gratis, istantaneo, nel browser
Convertitore da PNG a Base64
Fino a 10 MB. Non viene caricato nulla: il file non lascia mai il tuo dispositivo.
Usalo in un attributo <img src> o in una url() CSS.
Senza il prefisso data: — per payload JSON e API.
I tuoi file restano privati
Questa conversione avviene interamente nel tuo browser. L’immagine non viene mai caricata, quindi nulla di ciò che codifichi qui raggiunge il nostro server o chiunque altro.
Informazioni sulla conversione da PNG a Base64
Il PNG è il formato che si incorpora più spesso: icone, loghi, piccoli sprite, quei minuscoli pezzi di interfaccia che altrimenti costerebbero ciascuno una richiesta di rete. Codificarne uno in Base64 lo trasforma in testo che puoi incollare direttamente in un foglio di stile o in un attributo HTML. Se sia una buona idea dipende quasi interamente da quanto è piccolo il file.
Come convertire PNG in Base64
- 1 Trascina il file .png nell’area di caricamento.
- 2 Il risultato compare subito: non c’è alcun pulsante da premere né nulla da attendere.
- 3 Copia la forma che ti serve: la data URI per HTML e CSS, la stringa grezza per JSON o la regola CSS già pronta.
Quando incorporare conviene davvero
Ogni immagine separata in una pagina costa una richiesta, e una richiesta ha un sovraccarico che va oltre i byte che trasporta. Per un’icona da 1 KB quel sovraccarico può superare il file stesso, quindi ripiegarla dentro il foglio di stile è un guadagno reale. Come regola grossolana, incorporare aiuta sotto i pochi kilobyte e comincia a nuocere sopra i dieci. Il punto di pareggio non è un numero fisso — si sposta con la connessione, il server e quante altre cose competono per la banda — ma la forma dello scambio è sempre la stessa: baratti un viaggio di andata e ritorno con byte in più.
A cosa rinunci
A tre cose, e la seconda sorprende. Primo, il peso: il testo codificato è circa un terzo più grande del file. Secondo, la cache: un’immagine incorporata non può essere messa in cache separatamente, quindi viene riscaricata a ogni modifica del foglio di stile che la contiene — e un foglio di stile cambia molto più spesso di un logo. Terzo, il browser deve decodificare la stringa prima di poter disegnare: irrilevante per un’icona, misurabile per qualcosa di grande. La trasparenza, almeno, sopravvive intatta: il canale alfa fa parte dei dati PNG e Base64 lo copia byte per byte.
Per le icone valuta prima l’SVG
Se ciò che stai codificando è un’icona piatta o un logo semplice, un SVG sarà di solito più piccolo del PNG già prima della codifica, e ancora più piccolo dopo, perché l’SVG è già testo e non ha alcun bisogno di Base64. Inoltre si adatta a qualsiasi densità di schermo senza un secondo file. Ricorri al PNG quando l’immagine ha dettaglio fotografico, sfumature morbide o effetti che i vettori gestiscono male — e in quel caso alleggeriscila prima di codificare, non dopo. Base64 ingrandisce fedelmente qualunque cosa gli affidi.