Softonic

Convertitore da immagine a Base64

Passaggio 1 / 3
Ripristino del file selezionato...

Un URL dati Base64 riunisce il tipo di media e i byte codificati di un’immagine in un unico valore testuale, per esempio data:image/png;base64,.... Scegli un’immagine fino a 20 MiB e il convertitore creerà il valore localmente nel browser. Prima di copiarlo vedrai i dati del file originale e la lunghezza approssimativa dell’URL generato.

Come codificare un'immagine in base64

  1. 1

    Scegli un'immagine

    Seleziona un file immagine fino a 20 MiB.

  2. 2

    Codifica in locale

    Il browser legge il file e crea un URL dati Base64 completo senza caricarlo sul server.

  3. 3

    Controlla il risultato

    Verifica il tipo di media, i dati del file e la lunghezza approssimativa dell'URL generato.

  4. 4

    Copia l'URL dati

    Copia negli appunti il valore completo `data:image/...;base64,...`.

Quando inserire inline, quando collegare

L’inserimento base64 risparmia una richiesta HTTP a costo di un aumento della dimensione del 33%, utile per alcuni asset, sprecone per altri.

Calcolo delle dimensioni

Dimensione originale Dimensione Base64 Byte extra
1 KB 1.36 KB 360 B
10 KB 13.6 KB 3.6 KB
100 KB 136 KB 36 KB
1 MB 1.36 MB 360 KB

Guida alla decisione

Caso d’uso Inline o esterno
Icona sotto 2 KB (logo SVG, sprite) Inline
Immagine del cursore in CSS (cursor: url()) Inline
Piccola demo HTML o CSS autonoma Inline
Icona inclusa in un payload JavaScript Inline
Immagine principale, > 50 KB Esterno
Qualsiasi cosa che potrebbe essere memorizzata separatamente Esterno

Formato URI dati

data:[<mediatype>][;base64],<data>

Esempi:

  • data:image/png;base64,iVBORw0KGgo..., PNG
  • data:image/svg+xml;utf8,<svg>...</svg>, SVG, spesso meglio inline senza base64
  • data:image/jpeg;base64,/9j/4AAQS..., JPG

Suggerimenti

  • SVG è frequentemente migliore come url() con codifica utf8 invece di base64; più breve, leggibile.
  • La codifica non controlla né bonifica l’immagine. Incorpora solo file affidabili, soprattutto SVG, che può contenere elementi attivi o esterni.
  • Immagini grandi all’interno di payload JSON bloccano l’analisi se molto grandi; considera riferimenti multiparti o esterni.
  • L’immagine di sfondo CSS con base64 si integra pulitamente ma sconfigge la memorizzazione nella cache tra le pagine.

Domande frequenti

Il base64 codifica 3 byte di input come 4 caratteri, quindi l’output è sempre ~33% più grande dell’input. Un’immagine di 10 KB produce una stringa di circa 13.600 caratteri. Lungo è normale.

Il convertitore accetta un’immagine fino a 20 MiB. È un limite di elaborazione, non un consiglio per l’incorporamento: gli URL dati dovrebbero restare piccoli perché Base64 aggiunge circa un terzo e impedisce una cache separata.

No. La codifica base64 avviene nel tuo browser. L’immagine non lascia mai il tuo dispositivo.

Non in questo codificatore. Usa lo strumento separato Base64 in immagine per trasformare un URL dati o una stringa Base64 grezza in un file immagine scaricabile.

Strumenti correlati

Generatore di codici QR

Genera localmente nel browser un codice QR da URL, testo semplice o payload QR formattato correttamente e scaricalo come PNG.

Creatore di GIF

Trasforma una sequenza di immagini o un breve video in una GIF animata. Regola frame rate, loop e dimensioni prima dell’esportazione.

Generatore di meme

Aggiungi testo in alto e in basso a un’immagine JPG, PNG o WebP. Regola font, colore e contorno, quindi scarica il meme in PNG.

Vettorializzatore da PNG a SVG

Trasforma immagini raster PNG in tracciati SVG nel browser. Ideale per loghi, icone e disegni al tratto. Regola soglia, numero di colori e smussatura.

Ridimensionatore di immagini per social media

Ridimensiona un’immagine con preset integrati per Instagram, Facebook, X, LinkedIn, YouTube, Pinterest e TikTok. Visualizza ogni PNG e scarica i formati che ti servono.

Lavagna online

Disegna idee e organizza forme, note e immagini locali su una lavagna privata nel browser. Esporta in PNG, JPEG, SVG o JSON modificabile.