Bild in Base64 umwandeln — Daten-URI, HTML und CSS

Ihre Dateien verlassen niemals Ihr Gerät

Bilder hier ablegen

oder klicken zum Auswählen

JPG, PNG, WebP, GIF, SVG

Häufige Fragen

Was ist Base64-Kodierung?

Base64 stellt binäre Bytes mit ASCII-Zeichen dar. Vizua liest ein ausgewähltes JPG-, PNG-, WebP-, GIF- oder SVG-Bild als Daten-URL und erstellt außerdem Ausschnitte für HTML img und CSS background. Eingebettete Inhalte werden dabei weder dekodiert noch optimiert, bereinigt oder validiert.

Wann sollte ich Base64-Bilder verwenden?

Verwende eine Daten-URL nur, wenn die Auswirkungen auf Größe, Caching, Sicherheitsrichtlinie, Parser und Wartung des vollständigen Ziels vertretbar sind. Es gibt keine allgemeingültige 10-KB-Grenze. Separate Dateien lassen sich unabhängig zwischenspeichern und aktualisieren, eingebettete Daten vergrößern dagegen das umgebende Dokument.

Wird die Dateigröße durch Base64 größer?

Die Länge der Base64-Nutzlast beträgt 4 × ceil(Quellbytes ÷ 3), bei großen Eingaben also ungefähr 33% Mehraufwand, zuzüglich Medientyp-Präfix und Padding der Daten-URL. Die von Vizua angezeigte Base64-Größe zählt die vollständige Daten-URL-Zeichenfolge und entspricht daher weder exakt der reinen Nutzlast noch der Übertragungsgröße nach Komprimierung.

Was du mit Bild in Base64 umwandeln — Daten-URI, HTML und CSS machen kannst

Kodiert ein unterstütztes Bild im Browser als Base64-Daten-URI. Kopiert anschließend den Rohwert, ein HTML-Bild-Tag oder CSS.

Bild in Base64 umwandeln — Daten-URI, HTML und CSS ist für schnelle, wiederholbare Aufgaben in einem modernen Browser gedacht. Mit den Bedienelementen auf dieser Seite bereitest du das Ergebnis vor, ohne Software zu installieren oder ein Konto anzulegen.

So verwendest du Bild in Base64 umwandeln — Daten-URI, HTML und CSS

Wähle die zu verarbeitende Datei aus, lege sie ab oder gib die vom Werkzeug verlangten Informationen ein.
Prüfe vor der Verarbeitung die Optionen, besonders Format, Abmessungen, Qualität, Farbe und andere Angaben, die das Ergebnis beeinflussen.
Kontrolliere das Ergebnis, lade die neue Datei herunter und behalte das Original unverändert, falls du eine weitere Version brauchst.

Datenschutz von Grund auf

Ihre Dateien verlassen niemals Ihr Gerät. Die gesamte Verarbeitung erfolgt lokal in Ihrem Browser.

Tipps für bessere Ergebnisse

Beginne mit der besten verfügbaren Quelle; eine kleine, unscharfe oder stark komprimierte Datei enthält weniger erhaltbare Details.
Prüfe vor dem Download Abmessungen und Format, damit das Ergebnis zur Zielwebsite, App, zum Drucker oder zur Plattform passt.
Schließe bei großen Dateien unnötige Tabs und teste eine repräsentative Datei, bevor du einen ganzen Stapel verarbeitest.
Öffne das heruntergeladene Ergebnis einmal, bevor du es teilst oder ein Original ersetzt.

Die Rolle von Bild in Base64 umwandeln — Daten-URI, HTML und CSS im Arbeitsablauf

Nutze Bild in Base64 umwandeln — Daten-URI, HTML und CSS für eine einzelne Anpassung oder als Vorbereitung vor Veröffentlichung, Weitergabe, Archivierung oder weiterer Bearbeitung in einer anderen Anwendung. Wenn Stapelverarbeitung verfügbar ist, prüfe die Einstellungen zuerst an einer kleinen Auswahl und wende sie danach auf die übrigen Dateien an.