ToolKitHive
Indietro
design

Immagine a Base64

Strumento online gratuito per convertire immagini in URI dati Base64. Supporta PNG, JPEG, GIF, SVG, WebP e BMP. Copia o scarica immediatamente la stringa codificata.

Immagine a Base64

Converte qualsiasi immagine in un URI dati Base64 per l'inserimento diretto in HTML, CSS o JSON.

Convertitore di immagini in Base64 — Strumento online gratuito

description: Converte qualsiasi immagine in una URI dati Base64 istantaneamente. Supporta PNG, JPEG, GIF, SVG, WebP e BMP. Gratuito, riservato e funziona interamente nel tuo browser. date: 2026-05-17

Cos'è l'encoding Base64 delle immagini?

L'encoding Base64 converte i dati binari di un'immagine in una stringa di testo composta da lettere, numeri, +, / e =. Quando viene combinata con una prefisso MIME, crea un URI dati — una stringa autonoma che puoi incorporare direttamente in HTML, CSS o JSON senza un file separato.

Per esempio, invece di collegarsi a un file esterno:

<img src="logo.png" alt="Logo" />

Puoi incorporare l'immagine in linea:

<img src="data:image/png;base64,iVBORw0KGgo..." alt="Logo" />

Perché convertire le immagini in Base64?

Beneficio Descrizione
Meno richieste HTTP L'incorporamento di immagini piccole elimina il download di file separati
Modelli per email Molti client email non caricano immagini esterne — Base64 funziona in linea
App a singolo file Incorpora icone e asset in un unico file HTML per un facile condivisione
Carichi di API Invia immagini come stringhe in JSON senza caricamenti multipart
Documenti offline Report HTML autonomi che funzionano senza un server

Formati immagine supportati

Formato Tipo MIME Estensione
PNG image/png .png
JPEG image/jpeg .jpg, .jpeg
GIF image/gif .gif
SVG image/svg+xml .svg
WebP image/webp .webp
BMP image/bmp .bmp

Dimensione massima del file: 10 MB.

Formati di output

Questo strumento fornisce quattro formati di output:

  1. URI dati — Stringa completa data:image/...;base64,.... Utilizzabile direttamente nell'attributo src o in CSS url().
  2. Solo Base64 — Stringa Base64 grezza senza il prefisso URI dati. Utile per carichi API.
  3. Tag HTML — Elemento <img> completo con src, alt, width e height.
  4. Fondo CSS — Dichiarazione pronta all'uso background-image: url(...).

Come utilizzare

  1. Carica un'immagine — Trascina e rilascia sull'area di destinazione, o fai clic per navigare i tuoi file.
  2. Anteprima dell'immagine — Visualizza l'immagine caricata e le sue informazioni sul file (nome, dimensione, tipo, dimensioni).
  3. Scegli il formato di output — Seleziona URI dati, Solo Base64, Tag HTML o Fondo CSS.
  4. Copia o scarica — Fai clic su Copia per il clipboard o Scarica come file di testo.

Quando utilizzare Base64 (e quando non farlo)

Casi d'uso validi:

  • Icone e elementi dell'interfaccia utente piccole (sotto 10 KB)
  • Immagini per newsletter email
  • Prototipi HTML a singolo file
  • Carichi API JSON dove non è disponibile multipart

Evita per:

  • Foto o immagini principali grandi (aumenta la dimensione del file del ~33%)
  • Siti con molte immagini (nessun caching del browser per dati inline)
  • Immagini ripetute su diverse pagine (Base64 non può essere memorizzato separatamente)

Privacy e sicurezza

Tutelando il processamento completamente nel tuo browser. Le tue immagini non vengono mai caricate su alcun server. La conversione Base64 viene eseguita sul lato client utilizzando l'API FileReader.

Domande frequenti

Il Base64 aumenta la dimensione del file? Sì. L'encoding Base64 aumenta la dimensione del file originale di circa il 33%. Un PNG di 3 KB diventa circa 4 KB in Base64.

Posso convertire Base64 in un'immagine? Sì. Puoi incollare un URI dati nell'indirizzo del browser per visualizzare l'immagine, o utilizzare uno strumento di decodifica Base64 per salvarla come file.

C'è un limite di dimensione del file? Questo strumento accetta immagini fino a 10 MB. Per file più grandi, considera l'utilizzo di uno strumento da riga di comando come base64 su Linux/macOS.

Funziona con i file SVG? Sì. I file SVG vengono convertiti in Base64 come le immagini raster. Nota che per SVG, puoi anche incorporare direttamente il markup SVG in HTML per un migliore rendimento.

enptesdejafrruitnltrarzh