PNG zu Base64
Mit diesem kostenlosen PNG-zu-Base64-Konverter wandelst du jedes Portable Network Graphics-Bild in einen Base64-String oder ein fertiges Code-Snippet um. Wähle eine lokale .png-Datei aus (oder füge einen Link zu einer entfernten Datei ein), wähle das Ausgabeformat und klicke auf PNG in Base64 kodieren.
So wandelst du PNG zu Base64 online um
- Wähle Lokale Datei und eine .png-Datei aus, oder wähle Remote-URL und füge einen Link ein.
- Wähle das Ausgabeformat: reines Base64, Data-URI, HTML-Tag, CSS, JavaScript, JSON oder XML.
- Klicke auf PNG in Base64 kodieren. Das Ergebnis erscheint sofort mit Vorschau.
- Kopiere das Ergebnis in die Zwischenablage oder lade es als .txt-Datei herunter.
Über PNG (Portable Network Graphics)
PNG ist ein verlustfreies Rasterformat, das 1996 als patentfreier Ersatz für GIF entstand. Es unterstützt volle 24-Bit-Farbe, einen 8-Bit-Alphakanal für weiche Transparenz und DEFLATE-Komprimierung, die nie Pixeldaten verwirft.
Da PNG Kanten scharf hält, ist es die Standardwahl für Logos, Icons, UI-Screenshots und Diagramme. Für Fotos ist JPG oder WebP meist deutlich kleiner – wichtig beim Einbetten als Base64, da jedes Byte um etwa ein Drittel wächst.
| Entwickelt | 1996, W3C / IETF (RFC 2083) |
|---|---|
| Komprimierung | Verlustfrei (DEFLATE) |
| Transparenz | Ja, voller Alphakanal |
| Animation | APNG-Erweiterung |
| Dateisignatur | 89 50 4E 47 0D 0A 1A 0A |
Ausgabeformate
Wähle, wie das Ergebnis verpackt werden soll. Der Konverter kann Folgendes liefern:
- txt: nur den Base64-String, bereit zum Einfügen in Code, ein Datenbankfeld oder eine API-Anfrage.
- uri: eine vollständige
data:-URI, die du in die Adressleiste des Browsers einfügen oder überall dort verwenden kannst, wo eine URL akzeptiert wird. - html img: ein
<img>-Tag mit der Data-URI insrc. - css background image: eine CSS-Regel mit
background-image: url(data:...). - html favicon: ein
<link rel="icon">-Tag für ein eingebettetes Favicon. - html hyperlink: einen
<a>-Link, der die eingebettete Datei herunterlädt oder öffnet. - html iframe: einen
<iframe>, der den Inhalt inline darstellt. - javascript image: JavaScript, das ein
Image-Objekt erzeugt. - javascript popup: JavaScript, das den Inhalt in einem neuen Fenster öffnet.
- json: ein JSON-Objekt mit Dateiname, MIME-Typ und Daten.
- xml: ein XML-Element mit den Daten in einem CDATA-Abschnitt.
Ist das sicher und wie groß wird das Ergebnis?
Deine Datei wird nie hochgeladen: Sie wird lokal von deinem Browser über die File API gelesen und umgewandelt, sodass selbst vertrauliche Dokumente auf deinem Gerät bleiben.
Base64 stellt je 3 Bytes mit 4 Zeichen dar, daher ist das kodierte Ergebnis etwa 33 % größer als die Originaldatei (plus ein paar Bytes für Padding und das Data-URI-Präfix).
Häufige Fragen
Wie wandle ich PNG in Base64 um?
Wähle oben deine .png-Datei aus und klicke auf "PNG in Base64 kodieren". Der Konverter liest die Datei in deinem Browser und gibt den Base64-String oder eine fertige Data-URI aus.
Womit beginnt ein Base64-kodiertes PNG?
Eine in Base64 kodierte PNG-Datei beginnt typischerweise mit "iVBORw0KGgo". Als Data-URI beginnt sie mit "data:image/png;base64,".
Gibt es eine Begrenzung der Dateigröße?
Es gibt kein festes Limit, da die Umwandlung lokal läuft, aber sehr große Dateien erzeugen sehr lange Strings. Dateien bis etwa 50 MB funktionieren in modernen Browsern problemlos.
Wie wandle ich das Base64 zurück in PNG um?
Nutze den Decoder Base64 zu PNG: Füge den String ein, dann kannst du die originale .png-Datei ansehen und herunterladen.
Kommentare (0)
Fragen, Ideen oder ein Fehler in „PNG zu Base64“? Schreib einen Kommentar, bewerte das Tool oder antworte anderen.
Noch keine Kommentare. Teile als Erste(r) dein Feedback!