Bild in Base64 umwandeln
Bild in eine Base64-Data-URI umwandeln und img- sowie CSS-Snippet gleich mitkopieren
도구를 불러오는 중…
🔒 Alles läuft zu 100 % in Ihrem Browser. Ihre Dateien und Eingaben werden niemals auf einen Server hochgeladen.
Ein Tool, das Bilder in eine Base64-Data-URI-Zeichenkette umwandelt, damit du sie direkt in HTML oder CSS einbetten kannst. Praktisch für Entwickler, die kleine Bilder wie Icons oder Logos in den Code einbetten und so HTTP-Anfragen sparen wollen – img-Tag und CSS-Snippet gibt es gleich dazu.
Anleitung
- Ziehe das Bild per Drag-and-drop hinein oder klicke, um es auszuwählen.
- Sieh dir die erzeugte Base64-Data-URI an.
- Kopiere bei Bedarf die Data-URI, das img-Tag oder das CSS-Snippet.
FAQ
- Ich habe gehört, dass Base64 die Größe erhöht?
- Stimmt. Durch die Base64-Kodierung werden die Daten etwa 33 % größer als das Original. Deshalb eignet es sich eher für sehr kleine Icons oder Logos als für große Bilder.
- Welche Formate werden unterstützt?
- PNG, JPG, WebP, GIF, SVG und alle weiteren Bildformate, die der Browser erkennt. Der ursprüngliche MIME-Typ wird dabei direkt in die Data-URI übernommen.
- Wird das Bild an einen Server gesendet?
- Nein. Die Umwandlung läuft nur über den FileReader des Browsers; das Bild wird nicht auf einen Server hochgeladen oder gespeichert.