Codifica qualsiasi immagine come URI di dati Base64
Rilascia un'immagine nello strumento e ottieni immediatamente la stringa con codifica Base64. Utilizza l'output come URI di dati in HTML, CSS o JSON senza ospitare l'immagine separatamente. Lo strumento visualizza la lunghezza codificata, il tipo MIME e un'anteprima dal vivo in modo da poter verificare il risultato prima della copia.
Utilizza questo strumento gratuitamenteBrowser tool
Image to Base64
Runs locally in your browser. The selected image is not uploaded by this tool.
JPEG, PNG, and WebP are supported by default. Specialized converters restrict the file picker to their required input format.
Come usare
Carica un'immagine
Trascina un file JPEG, PNG, WebP, GIF o SVG nello strumento. L'immagine viene letta localmente e non lascia mai il tuo dispositivo.
Esaminare l'output
Lo strumento visualizza la stringa Base64, l'URI dei dati e un'anteprima in tempo reale dell'immagine decodificata in modo da poter verificare che corrisponda.
Copia o scarica
Fare clic per copiare la stringa URI dei dati o scaricarla come file di testo normale. Utilizza i pulsanti dello snippet HTML o CSS per il codice pronto da incollare.
Caratteristiche
Supporto di più formati
Codifica file JPEG, PNG, WebP, GIF e SVG. Il tipo MIME corretto viene rilevato automaticamente e incluso nel prefisso URI dei dati.
Copia con un clic
Copia la stringa Base64 grezza o l'URI dei dati completi con un solo clic. Un brindisi di conferma ti informa che il testo è negli appunti.
Statistiche di output
Visualizza la dimensione del file originale, la lunghezza della stringa codificata e la percentuale di sovraccarico della codifica. Questo ti aiuta a decidere se vale la pena di incorporare l'immagine.
Snippet CSS e HTML
Ottieni snippet di codice pronti da incollare per un tag img HTML e una regola per l'immagine di sfondo CSS. Copia lo snippet e rilascialo direttamente nella tua codebase.
After this task
After this free tool, open Ai Enhance for the next AI editing workflow.
Continue with Ai EnhanceSpecifiche
| Formati di input | JPEG, PNG, WebP, GIF, SVG |
| Produzione | URI di stringa/dati Base64 |
| Dimensione massima del file | 10 MB |
| Rilevamento MIME | Automatico |
| Formati di frammenti | Immagine HTML, sfondo CSS |
| Elaborazione | Lato client (nessun caricamento) |
Related Magic Eraser Tools
Domande comuni
Quando dovrei utilizzare Base64 invece di un normale file immagine?
+
L'incorporamento Base64 è molto utile per immagini molto piccole come icone, pixel di tracciamento 1x1 o piccoli elementi dell'interfaccia utente in cui il salvataggio di una richiesta HTTP aggiuntiva è più importante dell'aumento delle dimensioni di circa il 33% aggiunto dalla codifica Base64.
La codifica Base64 riduce la qualità dell'immagine?
+
No. Base64 è una codifica senza perdita di dati dei dati del file binario. L'immagine decodificata è identica byte per byte all'originale. L’unico compromesso è un carico utile di testo più grande.
Esiste una dimensione massima del file che posso codificare?
+
Lo strumento accetta file fino a 10 MB. Immagini più grandi produrranno stringhe molto lunghe che potrebbero essere poco pratiche da incorporare. Per le immagini di grandi dimensioni, ospitare il file e collegarlo con un URL è quasi sempre l'approccio migliore.
Hai bisogno di un'immagine sorgente più piccola?
AI Enhance può comprimere e ottimizzare le immagini prima di codificarle. Un file sorgente più piccolo produce una stringa Base64 più breve, riducendo il peso della pagina.
Provalo gratuitamenteMore free tools
Explore our other limited free edits after sign-in photo and image tools.
Progetta sfumature lineari, radiali e coniche con più interruzioni di colore. Copia il codice CSS o scaricalo come immagine PNG. Non è necessaria alcuna registrazione.
Converti colori tra formati con nome HEX, RGB, HSL, HSB, CMYK e CSS. Visualizza un'anteprima dal vivo, copia qualsiasi valore ed esporta una cartella colori. Non è necessaria alcuna registrazione.
Converti codici colore HEX in valori RGB e viceversa. Anteprima dal vivo, copia con un clic e output di snippet CSS. Non è necessaria alcuna registrazione: funziona nel tuo browser.
Scegli qualsiasi colore da un'immagine caricata e ottieni immediatamente i suoi codici HEX, RGB e HSL. Crea tavolozze da foto per il web design, il branding e l'illustrazione.
Carica una foto ed estrai 5-10 colori dominanti con codici HEX, RGB e HSL. Copia campioni, esporta come variabili ASE o CSS. Non è necessaria alcuna registrazione.
Genera codici QR per URL, testo, credenziali WiFi e vCard. Personalizza i colori, aggiungi un logo centrale e scarica come PNG o SVG. Non è necessaria alcuna registrazione.