Bild in Base64 umwandeln
Über dieses Tool
Wähle ein Bild, um eine Base64-Daten-URL für HTML oder CSS zu erstellen. Du kannst auch einen Base64-Bildwert einfügen und ihn als Bilddatei wiederherstellen. Das Tool zeigt die resultierende Textlänge und geschätzte Größe.
Anleitung
- Ein Bild in eine Base64-Daten-URL umwandeln
- Eine Base64-Daten-URL als Bilddatei wiederherstellen
- Gängige PNG-, JPEG-, WebP- und GIF-Typen erkennen
- Resultierende Länge und geschätzte Größe anzeigen
- Wert kopieren oder wiederhergestelltes Bild herunterladen
- Richtung wählen: Wähle Bild zu Base64 oder Base64 zu Bild.
- Inhalt hinzufügen: Wähle ein Bild oder füge einen Base64-Bildwert ein.
- Kopieren oder herunterladen: Kopiere die erzeugte Daten-URL oder lade das wiederhergestellte Bild herunter.
Beispiele
- Ein kleines Symbol in eine HTML-E-Mail-Vorlage einbetten
- Ein Standard-Avatarbild für eine Webseite erstellen
- Ein Bild aus einem kopierten Base64-Wert wiederherstellen
- Ein Hintergrundbild testen, ohne eine separate Datei zu hosten
Einschränkungen
- Base64 vergrößert die Textmenge in der Regel um etwa ein Drittel
- Sehr große Bilder können zu langen Werten führen, die sich nicht gut direkt in eine Webseite einbetten lassen
- Das ausgewählte Bild oder der eingegebene Base64-Wert wird direkt im Browser verarbeitet und nicht an einen Server gesendet.
FAQ
- Was ist der Unterschied zwischen Daten-URL und reinem Base64?
- Eine Daten-URL enthält ein MIME-Typ-Präfix wie data:image/png;base64,...; reines Base64 enthält nur den kodierten Inhalt.
- Welche Bildgröße wird empfohlen?
- Halte Quellbilder unter ein paar hundert KB; sehr lange Daten-URLs können das Laden der Seite verlangsamen.
- Kann ich aus CSS url() dekodieren?
- Füge den Daten-URL-Teil ein; das Tool entfernt die äußere Hülle, falls vorhanden.