Convertitore da Base64 a immagini

Converti stringhe Base64 in immagini con anteprima live istantanea, scarica come PNG, JPG o WebP o copia l'immagine direttamente negli appunti. Converte in entrambe le direzioni: Base64 in Immagine e Immagine in Base64.

Base64 String or Data URI

Esempio Cancella

0 caratteri Carica .txt con Base64

Image Preview

Download Copia immagine

Incolla una stringa Base64 a sinistra per visualizzare l'anteprima

Dimensione: - Formato: - Dimensione dati: - Rapporto: -

Copia URI dati Copia Tag Copia CSS

Trascina e rilascia un'immagine qui o fai clic per sfogliare

Supporta PNG, JPG/JPEG, WebP, GIF, SVG, BMP, ICO (max 25 MB)

Anteprima immagine caricata Carica un altro

File: - Dim: - Originale: - Base64: -

Output Base64 generato

Copia Base64 Scarica .txt

Copia Base64 non elaborato Copia URI dati Copia Tag Copia CSS

Cos'è Base64 in conversione immagine?

Base64 è un meccanismo di codifica binario-testo standard definito da RFC 4648. It takes binary data—such as image bytes representing PNG, JPEG, SVG, WebP, or GIF files—and translates it into a string of ASCII characters using a set of 64 characters (A-Z, a-z, 0-9, +, /, with = for padding).

Conversione Base64 in immagine decodifica questa rappresentazione testuale in grafica binaria che browser, sistemi operativi e visualizzatori di immagini possono visualizzare e salvare. Incorporando immagini come URI di dati Base64 direttamente in HTML, CSS, JSON o messaggi e-mail, gli sviluppatori possono eliminare richieste HTTP esterne e raggruppare immagini in linea.

La struttura di un URI di dati di immagine

Una stringa di immagine Base64 standard è formattata come URL di dati:

• data: — L'identificatore dello schema URI
• image/png, image/jpeg, image/webp, image/svg+xml ;base64,
• ;base64,
• <data> Come convertire Base64 in immagine nel codice

Hai bisogno di decodificare Base64 in un'immagine nella tua applicazione? Ecco alcuni frammenti di codice pronti all'uso nei linguaggi di programmazione più comuni.

Copia

2. Node.js

// Convert Base64 string to an HTMLImageElement
function base64ToImage(base64String) {
    return new Promise((resolve, reject) => {
        const img = new Image();
        img.onload = () => resolve(img);
        img.onerror = reject;
        img.src = base64String.startsWith('data:') 
            ? base64String 
            : `data:image/png;base64,${base64String}`;
    });
}

// Convert Base64 string to a Blob for download or uploading
function base64ToBlob(base64String, mimeType = 'image/png') {
    const raw = base64String.replace(/^data:[^;]+;base64,/, '');
    const byteCharacters = atob(raw);
    const byteNumbers = new Uint8Array(byteCharacters.length);
    for (let i = 0; i < byteCharacters.length; i++) {
        byteNumbers[i] = byteCharacters.charCodeAt(i);
    }
    return new Blob([byteNumbers], { type: mimeType });
}

4. PHP

const fs = require('fs');

function saveBase64Image(base64String, outputPath) {
    // Strip data URI prefix if present
    const base64Data = base64String.replace(/^data:image\/\w+;base64,/, '');
    const buffer = Buffer.from(base64Data, 'base64');
    fs.writeFileSync(outputPath, buffer);
    console.log(`Saved image to ${outputPath}`);
}

Casi d'uso comuni

import base64
import re

def base64_to_image(b64_string, output_filename='output.png'):
    # Remove data:image/...;base64, header if present
    data = re.sub('^data:image/.+;base64,', '', b64_string)
    image_bytes = base64.b64decode(data)
    with open(output_filename, 'wb') as f:
        f.write(image_bytes)

# Usage
base64_to_image("iVBORw0KGgo...", "photo.png")

🚀 Prestazioni Web e CSS critici

<?php
function base64ToImage($base64String, $outputFile) {
    $data = explode(',', $base64String);
    $binaryData = base64_decode(end($data));
    file_put_contents($outputFile, $binaryData);
}
?>

Incorporamento di piccole icone e loghi splash direttamente nei CSS evita ulteriori richieste HTTP di andata e ritorno, riducendo i tempi di prima creazione del contenuto (FCP)

Base64 mappa ogni 3 byte (24 bit) di dati binari grezzi in 4 caratteri (32 bit) scelti dal suo alfabeto di 64 caratteri ASCII. Ciò rappresenta un rapporto di espansione 4:3, rendendo la rappresentazione Base64 più grande di circa il 33% in termini di dimensioni del file rispetto all'immagine binaria originale.