Base64
Image Data URL
⚠️ Large image may freez the browser
Konvertiere PNG in Base64 Data URI
Konvertiere PNG-Bilder in Base64- oder DataURL-Formate mit unserem Online-Tool. Lade dein Bild hoch, wähle das gewünschte Format und generiere den Code. Kopiere das Ergebnis zur Einbettung in Projekte. Base64 und DataURL-Ausgaben unterstützen Webentwicklungsabläufe, die Inline-Bilddaten erfordern.
Image → Base64 / Data URL
Click or Drag & Drop an Image
Bilder in Base64 oder Data URL konvertieren
1
Lade Bild hoch
Laden Sie Ihr PNG-Bild hoch, indem Sie darauf klicken oder es in den dafür vorgesehenen Bereich ziehen.
2
Wählen Sie das Ausgabformat
Wählen Sie entweder den Reiter 'Base64' oder 'DataURL', um das gewünschte Ausgabeformat auszuwählen.
3
Ansicht Base64 Code
Der Base64- oder DataURL-Code für Ihr Bild wird im Textfeld unter den Tabs erscheinen.
4
Kopieren Sie generierten Code
Klicke auf die Schaltfläche 'Kopieren', um den generierten Code schnell in deine Zwischenablage zu kopieren.
Füge PNG-Bilder direkt in deine Website ein
Konvertiere PNG-Bilder in Base64 Data URIs, um sie direkt in HTML einzubetten. Dieser Ansatz beseitigt die Notwendigkeit externer Dateien, reduziert HTTP-Anfragen und verbessert die Website-Performance. Entwickler können die generierten Code-Snippets in ihren HTML einfügen, um die Integration zu vereinfachen und die Ladeeffizienz zu verbessern. Geeignet für Szenarien, in denen die Minimierung externer Abhängigkeiten entscheidend ist, wie z. B. statische Website-Implementierungen oder interne Ressourcenverwaltung.
Schnelle Kopie Konvertierungs-Code
Verwenden Sie PNG-Bilder in Ihren Projekten ohne zusätzliche Dateien, indem Sie Base64- oder DataURL-Codes generieren. Dieses Tool ermöglicht das direkte Einfügen von Bildern in Projekte durch die Konvertierung von PNG-Dateien in kodierte Zeichenfolgen. Laden Sie das Bild hoch, wählen Sie das gewünschte Format und kopieren Sie den generierten Code, um ihn nahtlos in Ihre Arbeit zu integrieren.
Häufig Gestellte Fragen
Was ist eine Base64- oder DataURL?
Base64 und DataURL sind Möglichkeiten, Bilder als Textzeichenfolgen darzustellen. Dadurch können Sie Bilder direkt innerhalb von HTML oder CSS einbetten, ohne separate Bilddateien zu benötigen.
Wie verwende ich dieses PNG zu Base64/DataURL-Tool?
Laden Sie einfach Ihr PNG-Bild hoch. Klicken Sie dann auf die Registerkarte 'Base64' oder 'DataURL', um den entsprechenden Code zu generieren. Verwenden Sie die Schaltfläche 'Kopieren', um den generierten Code schnell zu kopieren.
Wofür kann der generierte Code verwendet werden?
Sie können Base64- oder DataURL-Codes verwenden, um Bilder direkt in Ihre HTML-, CSS- oder JavaScript-Projekte einzubetten. Dies ist nützlich für kleine Bilder, Icons oder wenn Sie externe HTTP-Anfragen vermeiden möchten.
Gibt es Einschränkungen bei der Verwendung dieses Tools?
Große Bilder können Ihren Computer während des Konvertierungsprozesses verlangsamen. Es ist am besten, dieses Tool für kleinere bis mittelgroße PNG-Bilder zu verwenden.
Welche Bildformate werden unterstützt?
Dieses Werkzeug ist speziell für PNG-Bilder konzipiert. Andere Formate werden derzeit nicht unterstützt.