Bild zu Base64
Konvertieren Sie Bilder in Base64-kodierte Zeichenketten für HTML, CSS oder JSON. Unterstützt PNG, JPG, GIF und mehr.
Bild hierher ziehen
oder klicken zum Durchsuchen
PNG, JPG, GIF, SVG, WebP
Dateigröße
Abmessungen
Typ
Base64
Kopiert
Kopieren fehlgeschlagen. Ergebnis auswählen und manuell kopieren.
Beliebte Werkzeuge
Das Format wird aus den Daten erkannt, danach muss der Browser sie dekodieren. Kodieren liest die Originalbytes ohne Canvas-Neukodierung. Base64 ist größer; es eignet sich für kleine Symbole oder JSON/HTML/CSS.
Diese Bildfunktionen verarbeiten gewählte Dateien mit Browser-APIs. Werbung und andere Seitendienste arbeiten gesondert. Dekodierung und Kodierung hängen vom Browser ab. Canvas exportiert ein gerendertes Bild; Animation, Farbprofile, Metadaten und EXIF-Erhalt oder -Entfernung sind nicht zugesichert. Maße folgen dem dekodierten Bild samt der vom Decoder angewandten Orientierung. Original aufbewahren.
Über Bild zu Base64
Konvertieren Sie Bilder in Base64-kodierte Zeichenketten. Betten Sie Bilder direkt in HTML/CSS ein. Reduzieren Sie HTTP-Anfragen für kleine Bilder.
Originale Bilddaten als Daten-URI, reines Base64, HTML oder CSS kodieren oder Bild-Base64 für Vorschau und Download dekodieren. Diese Bildfunktionen verarbeiten gewählte Dateien mit Browser-APIs. Werbung und andere Seitendienste arbeiten gesondert. Dekodierung und Kodierung hängen vom Browser ab. Canvas exportiert ein gerendertes Bild; Animation, Farbprofile, Metadaten und EXIF-Erhalt oder -Entfernung sind nicht zugesichert. Maße folgen dem dekodierten Bild samt der vom Decoder angewandten Orientierung. Original aufbewahren.
Reines PNG-Base64 enthält keinen URI-Präfix; HTML maskiert den Dateinamen als Alternativtext.
Dieser Ablauf erlaubt bis zu 100 MiB je Datei, 100 Millionen Pixel und 32767 Pixel je Seite. Browsergrenzen können niedriger sein.
Anwendungsfälle
Anleitung
Laden oder ziehen Sie ein Bild hoch
Sehen Sie die Base64-Ausgabe
Kopieren Sie die Daten-URL
Verwenden Sie es in Ihrem HTML/CSS
Kodieren wählen und ein Bild auswählen oder ablegen.
Typ, Maße und Originalgröße prüfen.
Daten-URI, reines Base64, HTML oder CSS wählen.
Ergebnis kopieren; bei Kopierfehler manuell kopieren.
Dekodieren wählen, Base64 oder eine passende Bild-Daten-URI einfügen, Vorschau abwarten und herunterladen.
Vor einem weiteren Versuch die Datei zurücksetzen.
Profi-Tipps
- Am besten für Bilder unter 10KB
- Größere Bilder erhöhen die Seitengröße
- MIME-Typ in Daten-URL einschließen
- Original behalten, Kanten und Transparenz in der Vorschau prüfen und vor Verwendung Bytegrößen vergleichen.
Häufig gestellte Fragen
Eliminiert eine HTTP-Anfrage - gut für winzige Bilder.
Ja - PNG, JPG, GIF, SVG, WebP usw.
Große Bilder - die 33% Größenzunahme macht Dateien zu groß.
Ja. JPEG wird an den Bytes erkannt und als .jpg heruntergeladen; eine PNG-Deklaration um JPEG-Daten wird abgewiesen.
PNG, JPEG, WebP, GIF, BMP, SVG und andere erkannte Daten benötigen weiterhin einen Browserdecoder. Beschädigte oder nicht unterstützte Daten ergeben einen Fehler.
Große Bilder vergrößern Text und Seite. Eine Daten-URI kann eine separate Bildanfrage sparen; Unterstützung hängt von der Zielanwendung ab.