Base64 naar Image Converter

Converteer Base64-reeksen naar afbeeldingen met directe live preview, download als PNG, JPG of WebP, of kopieer de afbeelding rechtstreeks naar uw klembord. Converteert beide kanten op: Base64 naar Image en Image naar Base64.

Base64 String or Data URI

Voorbeeld Wissen

0 tekens Upload .txt met Base64

Image Preview

Download Kopieer afbeelding

Plak een Base64-tekenreeks aan de linkerkant om een voorbeeld weer te geven

Grootte: - Formaat: - Gegevensgrootte: - Verhouding: -

Kopieer gegevens-URI Kopieer Tag Kopieer CSS

Sleep een afbeelding hierheen, of klik om te bladeren

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

Geüploade afbeeldingsvoorbeeld Nog een

bestand uploaden: - Dim: - Origineel: - Base64: -

Gegenereerde Base64-uitvoer

Kopieer Base64 Download .txt

Kopieer Raw Base64 Kopieer gegevens-URI Kopieer Tag Kopieer CSS

Wat is Base64 naar beeldconversie?

Base64 is een standaard binair-naar-tekst-coderingsmechanisme gedefinieerd door 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).

Het converteren van Base64 naar afbeelding decodeert deze tekstrepresentatie terug naar binaire afbeeldingen die browsers, besturingssystemen en afbeeldingsviewers kunnen weergeven en opslaan. Door afbeeldingen als Base64 Data-URI's rechtstreeks in HTML, CSS, JSON of e-mail in te sluiten berichten kunnen ontwikkelaars externe HTTP-verzoeken elimineren en afbeeldingen inline bundelen

De structuur van een afbeeldingsgegevens-URI

Een standaard Base64-afbeeldingsreeks wordt opgemaakt als een Gegevens-URL:

• data: — De URI-schema-ID. — Het MIME-type dat het formaat definieert
• image/png, image/jpeg, image/webp, image/svg+xml Base64 naar afbeelding in code converteren
• ;base64, Kopiëren
• <data> 3. Python 3

4. PHP

Algemene gebruiksscenario's

🚀 Webprestaties en kritische CSS

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

✉️ HTML-e-mailnieuwsbrieven

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

Het insluiten van merklogo's als inline gegevens-URI's voorkomt dat e-mailclients externe afbeeldingen blokkeren of defecte tijdelijke aanduidingsvakken voor afbeeldingen weergeven.

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

📡 REST API's & WebSockets

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

Bij het verzenden van momentopnamen van afbeeldingen of handtekeningen via JSON-payloads waarbij uploads uit meerdere delen lastig zijn, is Base64 de industriestandaard.

afbeelding/bmp