Bedienungsanleitung
- Ziehen Sie PNG-, JPG-, SVG-, WebP- oder GIF-Bilder in den Upload-Bereich oder klicken Sie zum Auswählen von Dateien.
- Prüfen Sie die Bildvorschau, den MIME-Typ, die Originalgröße und die resultierende Größe der Data-URI.
- Kopieren Sie die vollständige Data-URI, den reinen Base64-String, den CSS-
background-image-Code oder das HTML-<img>-Snippet. - Fügen Sie den Code in Ihre CSS-, HTML-, E-Mail-Vorlagen oder JSON-Konfigurationen ein.
Beispiel: Klicken Sie auf „SVG-Beispiel laden“, um ein lokales SVG-Symbol als Data-URI zu laden und direkt CSS- oder HTML-Snippets zu kopieren.
Kernfunktionen
- Sofortige Data-URI-Generierung: Ziehen Sie Bilder einfach per Drag-and-Drop in das Feld und erstellen Sie direkt im Browser eine
data:image/...;base64,...-URI. - Direkt nutzbare CSS- & HTML-Snippets: Kopieren Sie fertigen CSS-
background-image- oder HTML-<img>-Code, ohne Präfixe manuell schreiben zu müssen. - Unterstützung gängiger Bildformate: Funktioniert mit PNG, JPG, SVG, WebP, GIF, AVIF und anderen vom Browser lesbaren Bildtypen.
- Stapelverarbeitung: Laden Sie mehrere Symbole oder UI-Grafiken in die Warteschlange und kopieren Sie das jeweils benötigte Snippet pro Datei.
- 100 % lokaler Datenschutz: Bilder werden ausschließlich lokal über die native
FileReader-API des Browsers verarbeitet. Nichts wird hochgeladen.
Verwandte Tools
Der FIRE-Rechner 2026 mit Inflationsbereinigung. Simulieren Sie die reale Kaufkraft, analysieren Sie Vorsorgelücken und erstellen Sie Ihren finanziellen Fahrplan. Exportieren Sie Daten per Klick als CSV für Excel oder Notion. 100 % privat, lokale Berechnung im Browser.
Berechnen Sie die Trading-Positionsgröße aus Kontostand, Risiko %, Einstiegspreis und Stop-Loss. Läuft lokal in Ihrem Browser und ermöglicht den Vergleich verschiedener Risikoszenarien vor dem Trade.
Berechnen Sie den Zinseszins aus Anfangskapital, regelmäßigen Beiträgen, jährlicher Rendite (APY) und Laufzeit. Visualisieren Sie Kapital, Zinsen und Endguthaben mit einem lokalen interaktiven Diagramm.
Nutzen Sie diesen Kreditrechner / Tilgungsrechner, um die monatliche Rate, die Zinsen und den Tilgungsplan lokal zu berechnen. Geben Sie Kreditsumme, Zinssatz und Laufzeit ein, um sofort Ergebnisse und Diagramme zu sehen.
Nutzen Sie diesen Investment-Rechner / ROI-Rechner, um Anfangskapital, monatliche Sparraten, jährliche Rendite und inflationsbereinigte Ergebnisse lokal zu schätzen. Visualisieren Sie prognostizierte Renditen mit einem Zinseszins-Diagramm, ROI und einem Jahresplan.
Nutzen Sie diesen APR-zu-APY-Rechner, um APR und APY lokal umzurechnen. Geben Sie einen Zinssatz ein, wählen Sie die Zinsperioden und sehen Sie sofort den effektiven Jahreszins, die Differenz und den Häufigkeitsvergleich.
Nutzen Sie diesen Gewinnspannen-Rechner, um Bruttogewinn, Aufschlag (Markup), Marge (Margin) und Verkaufspreis lokal zu berechnen. Geben Sie Kosten und Preis oder Kosten und Zielmarge ein, um Ihre Margen sofort zu berechnen.
Nutzen Sie diesen CPM- und CPC-Rechner, um Werbeausgaben, Impressionen, Klicks, CPM, CPC und CTR lokal zu berechnen. Geben Sie Budget und Zielkosten ein, um Kampagnenszenarien sofort zu planen.
Berechnungslogik
Die Base64-Codierung wandelt binäre Bilddaten in einen ASCII-String um, wodurch Bilder direkt in HTML, CSS oder JSON eingebettet werden können. Eine Data-URI folgt der Struktur data:[mime-type];base64,[encoded-data], die vom Browser als Bildressource interpretiert wird.
Wichtiger Kompromiss: Base64 ist keine Bildkomprimierung. Die codierte Datei ist in der Regel etwa 33 % größer als das Original. Daher eignet sich diese Methode am besten für kleine Symbole, Logos, E-Mail-Grafiken oder zur Reduzierung von HTTP-Anfragen. Große Fotos und umfangreiche Grafiken sollten weiterhin als reguläre Dateien bereitgestellt und separat komprimiert werden.
Häufig gestellte Fragen
Warum sollte ich ein Bild in Base64 konvertieren?
Es ist ideal, um kleine Icons, E-Mail-Bilder oder Konfigurationsgrafiken direkt in den Code einzubetten. Dies reduziert HTTP-Anfragen und verhindert, dass E-Mail-Clients blockierte Remote-Bilder nicht anzeigen.
Reduziert Base64 die Bildgröße?
Nein. Die Codierung erhöht die Dateigröße um etwa 33 %. Sie dient der Einbettung und Abfrage-Optimierung, nicht der Speicherplatz-Komprimierung.
Welche Bildformate werden unterstützt?
PNG, JPG, JPEG, SVG, WebP, GIF, AVIF und alle anderen vom Browser lesbaren Bildformate.
Werden meine Bilder hochgeladen?
Nein. Die Konvertierung nutzt die native FileReader.readAsDataURL-API des Browsers, sodass Ihre Dateien auf Ihrem Gerät verbleiben.
Can ich CSS- oder HTML-Code direkt kopieren?
Ja. Für jedes Bild werden die vollständige Data-URI, der reine Base64-String, der CSS-background-image-Code und das HTML-<img>-Snippet erzeugt.