DEVELOP.07 BASE64 IMAGE

Convertitore immagini Base64

Modifica o incolla Base64 e visualizzalo subito; le immagini restano nel browser.

SOURCE

Carica immagine

Trascina qui un'immagine

oppure scegli JPG, PNG, GIF, WebP, SVG, BMP o ICO

Massimo 10 MB · il file resta in questo browser

Scegli un'immagine per codificarla

BASE64

Codice Base64

In attesa di immagine o codice Base64Elaborazione locale con FileReader e Data URI · nessun upload o salvataggio

§ 01

Un flusso chiaro per codificare e decodificare

Aggiungi contenuto

Incolla o modifica una Data URI o Base64, oppure trascina un'immagine per sostituire il contenuto.

Controlla l'anteprima

Il pannello destro analizza il contenuto, rimuove gli spazi, ripara il padding e riconosce i formati comuni.

Copia o scarica

Controlla anteprima, dimensioni e peso, poi copia il codice o scarica l'immagine.

§ 02

Base64 cambia la rappresentazione, non i pixel

Base64 mappa gruppi di 6 bit binari in caratteri stampabili, così i dati possono stare in JSON, HTML o CSS. È codifica, non compressione, quindi non riduce la qualità.

Il costo è circa un terzo di spazio in più. Le icone piccole possono essere incorporate; le immagini grandi aumentano il documento e perdono la cache indipendente.

§ 03

Input e utilizzi nei due sensi

Direzione

Input

Utile per

Immagine in Base64

JPG, PNG, GIF, WebP, SVG, BMP, ICO

Web, JSON API, report in un solo file

Base64 in immagine

Data URI o Base64 puro

Controllare API, recuperare risorse, verificare MIME

§ 04

Usa Data URI per risorse piccole e stabili

Una Data URI combina tipo MIME e dati Base64 in un indirizzo utilizzabile. La URI completa è adatta agli attributi immagine; il Base64 puro alle API con MIME separato.

In pratica incorpora solo icone o decorazioni di pochi KB. Immagini riutilizzate o grandi sono più adatte a un normale URL.

§ 05

Convertire immagini in Base64 nel codice

const dataUri = await new Promise((resolve, reject) => {
  const reader = new FileReader();
  reader.onload = () => resolve(reader.result);
  reader.onerror = reject;
  reader.readAsDataURL(file);
});

§ 06

Domande frequenti

Q1Il Base64 puro può essere visualizzato senza prefisso Data URI?

Sì. Il tool rileva le firme comuni di PNG, JPEG, GIF, WebP e SVG e usa il MIME predefinito quando non riconosce la firma.

Q2Perché Base64 aumenta le dimensioni?

Quattro caratteri rappresentano tre byte originali, quindi il corpo cresce di circa un terzo, oltre al piccolo prefisso.

Q3La conversione riduce la qualità?

No. Legge i byte originali e cambia solo la rappresentazione; non ridimensiona né comprime.

Q4Le immagini vengono caricate o i codici salvati?

No. Lettura, validazione, anteprima e download avvengono nella pagina corrente.

Q5Perché una stringa Base64 non viene visualizzata?

Può essere troncata, contenere caratteri non supportati, indicare un MIME errato o non rappresentare un'immagine decodificabile.