Die Entwickler-Tools, zu denen du jeden Tag greifst, alle an einem Ort.

Konverter, Formatter, Hashes, Validatoren und die kleinen Helfer, die du immer wieder öffnest, bleiben zusammen, statt zwischen Tabs verloren zu gehen.

GitHub

/ Tools

■

/ Tool-Finder

109 Tools

/ Bild zu Base64

Bild auswählen

Maximale Dateigröße: 5 MB. Unterstützte Formate: PNG, JPG, GIF, SVG, WebP

/ Ausgewähltes Tool

■

Bild zu Base64 - kostenloses Konverter-Tool

Bilder in Base64-Daten-URLs zum Einbetten in HTML/CSS konvertieren

■ 01

Was ist Base64-Bildkodierung?

Die Base64-Kodierung wandelt Bilddateien in Textzeichenfolgen um, die direkt in HTML oder CSS eingebettet werden können. Das erspart separate HTTP-Anfragen für Bilder, erhöht die Dateigröße aber um etwa 33 %.

■ 02

Wie funktioniert es?

Die Base64-Kodierung wandelt binäre Bilddaten in ASCII-Text um, indem sie die Binärdaten in 6-Bit-Blöcke gruppiert und jeden Block auf ein Zeichen aus einem 64-Zeichen-Satz (A-Z, a-z, 0-9, +, /) abbildet. Diese Kodierung erlaubt es, Binärdaten…

■ 03

Beispielfälle

Deckt HTML-Verwendung und CSS-Verwendung ab, damit du gängige Ein- und Ausgaben schnell vergleichen kannst.

/ Verwandte Tools

/ Code

■

Quellcode des ausgewählten Tools, hier neben der Live-Version auf der rechten Seite gezeigt.

/ Quellcode

TypeScript

typescript

// No npm packages needed - pure Node.js/TypeScript

import * as fs from 'fs';
import * as path from 'path';

interface Base64Result {
  dataUrl: string;
  base64: string;
  mimeType: string;
  originalSize: number;