Konvertieren Sie PNG-Bilder in Base64-kodierte Zeichenketten, um sie direkt in HTML, CSS oder JavaScript einzubetten. Die Base64-Kodierung macht separate Bilddateien berfl ssig, reduziert die Anzahl der HTTP-Anfragen und vereinfacht die Bereitstellung. Ideal in Kombination mit unserem Image Resizer zur Bildoptimierung vor der Kodierung.
oder klicken Sie, um Dateien zu durchsuchen
Das gebr uchlichste Format zum Einbetten von Bildern. Enth lt das MIME-Typ-Pr fix (data:image/png;base64,und kann direkt verwendet werden in src Attribute oder CSS. Perfekt f r eingebettete Bilder in HTML oder JavaScript.
Die reine, kodierte Zeichenkette ohne Pr fix oder Formatierung. Verwenden Sie diese, wenn Sie die Daten weiterverarbeiten, in einer Datenbank speichern oder das MIME-Typ-Pr fix selbst hinzuf gen m chten. blich f r API-Integrationen.
Sofort einsatzbereiter HTML-Code mit eingebettetem Bild. Direkt in Ihre HTML-Dateien kopieren. Enth lt optionale alt Attribut aus dem Dateinamen f r Barrierefreiheit. Ideal f r E-Mail-Vorlagen.
Komplett background-image CSS-Eigenschaftsdeklaration. Direkt in Ihr Stylesheet oder Ihre Inline-Styles einf gen. Ideal f r Icons, Muster und dekorative Bilder, die keine CSS-Eigenschaften ben tigen. alt Text.
Strukturiertes JSON-Objekt mit Dateiname, Abmessungen, Dateigr e und Base64-Daten. Ideal f r APIs, Konfigurationsdateien oder wenn Metadaten zusammen mit den Bilddaten ben tigt werden.
Base64 ist ein Bin r-zu-Text-Kodierungsverfahren, das Bin rdaten (wie Bilder) als ASCII-Text darstellt. Es verwendet 64 Zeichen (AZ, az, 0x9, +, /) zur Kodierung der Daten. Dadurch k nnen Bin rdateien direkt in textbasierte Formate wie HTML, CSS, JSON und XML eingebettet werden.
Die Base64-Kodierung erh ht die Dateigr e um etwa 33 %, da sie 3 Byte Bin rdaten mit 4 ASCII-Zeichen darstellt. Jedes Base64-Zeichen kodiert 6 Bit, daher ben tigen 8-Bit-Bytes mehr Zeichen. Bei kleineren Bildern rechtfertigt dieser Mehraufwand in der Regel den Vorteil der Inline-Einbettung.
Ja! Base64-Bilder eignen sich hervorragend f r E-Mail-Vorlagen, da sie direkt in den HTML-Code eingebettet werden. Im Gegensatz zu verlinkten Bildern werden Base64-Bilder nicht von E-Mail-Clients blockiert, die externe Bilder standardm ig deaktivieren. Beachten Sie jedoch die Gr enbeschr nkungen f r E-Mails die meisten Anbieter erlauben 10x25 MB pro E-Mail. Verwenden Sie f r optimale Ergebnisse zuerst unseren PNG-Kompressor .
Base64 ist ein Kodierungsverfahren, keine Verschl sselung. Jeder kann Base64 wieder in die Originaldaten dekodieren. Verwenden Sie Base64 nicht, um sensible Informationen zu verbergen. F r echten Bildschutz sollten Sie Wasserzeichen mit unserem Wasserzeichen-Generator oder Zugriffskontrollen auf Ihrem Server in Betracht ziehen.
Eine Daten-URL enth lt das MIME-Typ-Pr fix (data:image/png;base64,) vor der Base64-Zeichenkette, wodurch diese direkt in HTML verwendet werden kann. src Attribute oder CSS. Rohes Base64 ist lediglich die kodierte Zeichenkette ohne Pr fix den MIME-Typ f gen Sie bei Bedarf selbst hinzu. Verwenden Sie die Daten-URL f r die direkte Einbettung, rohes Base64 f r APIs oder die Weiterverarbeitung der Daten.
Nutzen Sie unseren Base64-zu-PNG-Konverter , um Base64-Zeichenketten wieder in PNG-Bilder umzuwandeln. F gen Sie einfach die kodierte Zeichenkette (mit oder ohne Data-URL-Pr fix) ein und laden Sie das Originalbild herunter.
Nein. Die gesamte Base64-Kodierung erfolgt ausschlie lich in Ihrem Browser mithilfe von JavaScript. Ihre Bilder verlassen niemals Ihr Ger t und werden nicht auf unsere Server hochgeladen. Dies gew hrleistet die vollst ndige Vertraulichkeit und Sicherheit Ihrer Dateien.