Base64- und Data-URI-Konverter
Ein Bild in Base64 oder eine Data-URI umwandeln, das Bild aus Base64-Code zurückgewinnen, SVG in CSS verwandeln und Text kodieren oder dekodieren, direkt im Browser.
Base64 macht eine Datei etwa ein Drittel größer: nur für kleine Bilder und Icons verwenden.
Alles wird in Ihrem Browser berechnet: Nichts wird hochgeladen.
Über dieses Tool
Der Base64-Konverter bündelt fünf Umwandlungen für Entwickler und Webdesigner: Bild zu Base64, Base64 zu Bild, SVG zu CSS, CSS zu SVG sowie Kodieren und Dekodieren von Text. So lässt sich etwa ein kleines Icon direkt in ein Stylesheet oder eine HTML-E-Mail einbetten.
Legen Sie ein Bild ab oder fügen Sie es ein, um seine Data-URI, das reine Base64, eine CSS-Regel background-image, ein img-Tag oder Markdown zu erhalten. Fügen Sie Base64-Code ein, um das Bild zurückzugewinnen: Das Format wird automatisch erkannt. Für SVG liefert die minimale URL-Kodierung kürzeren, lesbaren Code als Base64.
- Bild zu Base64: Data-URI, reines Base64, CSS, HTML oder Markdown
- Base64 zu Bild mit Formaterkennung (PNG, JPG, GIF, WebP, SVG, ICO, AVIF…)
- SVG zu CSS mit minimaler URL-Kodierung oder Base64
- Das in einer CSS-Regel versteckte SVG zurückgewinnen
- Text zu Base64 und zurück, in UTF-8, mit URL-sicherer Option
- Kein Upload: Alles geschieht im Browser
So funktioniert es
- Den Reiter der gewünschten Umwandlung wählen.
- Ein Bild ablegen, einen Code oder ein SVG einfügen.
- Das Ausgabeformat wählen.
- Ergebnis kopieren oder Datei herunterladen.
Häufige Fragen
Was ist eine Data-URI?
Eine Adresse, die die Datei selbst enthält, z. B. data:image/png;base64,…: Das Bild wird ohne Serveranfrage angezeigt.
Sollte ich alles in Base64 umwandeln?
Nein: Base64 macht eine Datei etwa ein Drittel größer und wird nicht separat zwischengespeichert. Nur für kleine Bilder und Icons verwenden.
Warum URL-Kodierung für SVG?
Ein SVG ist bereits Text: Werden nur die nötigen Zeichen maskiert, ist der Code kürzer als Base64 und bleibt lesbar.
Werden meine Dateien hochgeladen?
Nein, alle Umwandlungen erfolgen in Ihrem Browser.
