Converti qualsiasi immagine in un URL di dati codificato in Base64
Questo strumento converte un'immagine in una data URL Base64 — una lunga stringa di testo che contiene l'intera immagine, che inizia con qualcosa come data:image/png;base64,iVBORw0KGgo.... Poiché l'immagine diventa testo semplice, puoi incorporarla direttamente dentro HTML, CSS o JSON invece di collegare un file separato. Il browser legge la stringa e renderizza l'immagine senza una richiesta di rete extra, ecco perché piccole icone, loghi e grafiche di sfondo vengono spesso incorporati così.
Il compromesso è la dimensione: la codifica Base64 rende i dati circa un terzo più grandi del file originale, quindi conviene per asset piccoli ma penalizza con foto grandi. Incorporare un'icona minuscola elimina una richiesta HTTP ed evita un lampeggio di immagine mancante; incorporare una foto grande gonfia il tuo HTML ed è di solito peggio di un file normale. Questo strumento codifica l'immagine interamente nel browser — nulla viene caricato — e ti dà la data URL pronta da incollare nel tuo sfondo CSS, in un tag img o in un payload JSON.
Base64 rappresenta dati binari usando solo caratteri di testo, il che aggiunge circa il 33% di overhead. È previsto e inevitabile: la stringa codificata è sempre più grande del file originale, ecco perché incorporare conviene agli asset piccoli, non alle foto grandi.
Incorporare funziona meglio per grafiche piccole e usate di frequente — icone, loghi, sfondi minuscoli — dove eliminare una richiesta HTTP supera il costo di dimensione. Per immagini grandi o qualsiasi cosa messa in cache e riutilizzata tra le pagine, un normale file collegato è di solito più veloce.
È l'intestazione della data URL: data: seguito dal tipo MIME (come image/png), poi ;base64, per segnalare la codifica, poi i byte codificati. I browser usano quel prefisso per sapere come decodificare e mostrare l'immagine direttamente.
No. La codifica avviene interamente nel browser, quindi l'immagine non lascia mai il tuo dispositivo. Puoi convertire in sicurezza grafiche private o non pubblicate in data URL.
Ridimensionatore immagini · Compressore immagini · Selettore colore immagine · Filtri immagine · Metadati immagine · Convertitore SVG in PNG