Base64-zu-Bild-Konverter

Konvertieren Sie Base64-Zeichenfolgen in Bilder mit sofortiger Live-Vorschau, laden Sie sie als PNG, JPG oder WebP herunter oder kopieren Sie das Bild direkt in Ihre Zwischenablage. Konvertiert in beide Richtungen – Base64 in Image und Image in Base64.

Base64 String or Data URI

Beispiel Löschen

0 Zeichen .txt mit Base64 hochladen

Image Preview

Download Bild kopieren

Fügen Sie links eine Base64-Zeichenfolge ein, um die Vorschau zu rendern

Größe: - Format: - Datengröße: - Verhältnis: -

Daten-URI kopieren -Tag kopieren CSS kopieren

Ziehen Sie ein Bild hierher und legen Sie es ab oder klicken Sie zum Durchsuchen

Unterstützt PNG, JPG/JPEG, WebP, GIF, SVG, BMP, ICO (max. 25 MB)

Vorschau des hochgeladenen Bildes Eine weitere

Datei hochladen: - Verdunkelt: - Original: - Base64: -

Generierte Base64-Ausgabe

Base64 kopieren .txt herunterladen

Rohes Base64 kopieren Daten-URI kopieren -Tag kopieren CSS kopieren

Was ist Base64-zu-Bild-Konvertierung?

Base64 ist ein standardmäßiger Binär-zu-Text-Kodierungsmechanismus, der durch 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).

) in eine Zeichenfolge aus ASCII-Zeichen. Durch die Konvertierung von Base64 to Image wird diese Textdarstellung wieder in binäre Grafiken dekodiert, die Browser, Betriebssysteme und Bildbetrachter anzeigen und speichern können. Durch die direkte Einbettung von Bildern als Base64-Daten-URIs in HTML, CSS, JSON oder E-Mail-Nachrichten können Entwickler kann externe HTTP-Anforderungen eliminieren und Bilder inline bündeln.

Eine Standard-Base64-Bildzeichenfolge ist als

Daten-URL formatiert. data:[][;base64],:

• data: image/png
• image/png, image/jpeg, image/webp, image/svg+xml ;base64,
• ;base64, So konvertieren Sie Base64 in ein Bild in Ihrer Anwendung:
• <data> Kopieren

2. Node.js

3. Python 3

4. PHP

// 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 });
}

🚀 Web-Performance und kritisches CSS

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}`);
}

Durch das Einbetten kleiner Symbole und Splash-Logos direkt in CSS werden zusätzliche Round-Trip-HTTP-Anfragen vermieden und die Zeit für das erste Contentful Paint (FCP) verkürzt.

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")

✉️ HTML-E-Mail-Newsletter

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

Durch die Einbettung von Markenlogos als Inline-Daten-URIs wird verhindert, dass E-Mail-Clients entfernte Bilder blockieren oder defekte Bildplatzhalterfelder anzeigen.

Unser Konverter unterstützt alle modernen Raster- und Vektorbildformate: PNG (