de

Bild zu Data-URI

Wandle ein Bild lokal in eine Base64-Data-URI - zum direkten Einfügen in HTML oder CSS. Kein Upload.

Läuft lokal auf deinem Gerät ...

Deine Dateien

    Läuft lokal auf deinem Gerät ...

    0%

    Wird meine Datei hochgeladen?

    Nein. Die Umwandlung läuft komplett in Deinem Browser - Deine Datei verlässt Dein Gerät nie. So ist das nachprüfbar

    Kein Upload100% lokal
    Inhalte bleiben bei dirkein Zugriff durch Dritte
    Hosted in GermanyGlobal Content Delivery
    Extern geprüftTLS A+ · Header A+

    Eine Data-URI kodiert ein Bild direkt als Text (Base64), sodass du es inline in HTML (ein img-src) oder CSS (ein background) einbetten kannst - ohne eigene Datei und ohne zusätzlichen Netzwerk-Request. Dieses Tool wandelt dein Bild in eine fertige data:-URI zum Einfügen.

    Die Ausgabe ist eine reine Textdatei mit dem vollständigen data:image/...;base64,...-String. Praktisch für winzige Icons, E-Mail-Vorlagen, Einzeldatei-Demos oder um einen Extra-Request zu sparen - der Base64-Text ist allerdings etwa ein Drittel größer als die Originalbytes.

    Alles läuft vollständig lokal in deinem Browser (kein Upload, auch offline) - dein Bild verlässt dein Gerät nie. Das Bild wird exakt so kodiert, wie es ist (gleiche Bytes, gleiches Format, keine Neukodierung); ein sehr großes Bild ergibt einen sehr langen String, daher eignet sich das am besten für kleine Bilder.

    Der ehrliche Kompromiss beim Einbetten: Eine Data-URI wandert bei jeder Auslieferung der HTML- oder CSS-Datei mit und wird nicht separat vom Browser gecacht. Als Faustregel lohnt das Einbetten deshalb nur für sehr kleine Grafiken - etwa Icons unter ein paar Kilobyte; große Bilder bleiben besser eine eigene Datei. Zum schnellen Prüfen kannst du den String direkt in die Adresszeile des Browsers einfügen.

    Technische Daten

    Technische Daten
    EingabeformateJPG, JPEG, PNG, WEBP
    Auto-KonvertierungGIF, BMP, TIFF, ICO, SVG, HEIC, PDF, DOCX, DDS, HDR, PCX, WBMP
    AusgabeformatTXT
    StapelverarbeitungJa
    VerarbeitungLokal im Browser (JavaScript)
    Datei-UploadKeiner

    In 3 Schritten

    1. Bild ablegen oder antippen (PNG, JPEG oder WebP).
    2. Es wird im Browser Base64-kodiert zu einer data:-URI.
    3. Textdatei mit der Data-URI herunterladen (zum Einfügen bereit).

    Grenzen: Kodiert die Bildbytes exakt als Base64 in einen data:<typ>;base64,...-String, gespeichert als Textdatei. Base64 ist etwa 33% größer als das Original, also am besten für kleine Bilder. Originalformat und Bytes bleiben erhalten (keine Neukodierung).

    Häufige Fragen

    Wird mein Bild hochgeladen?

    Nein. Die Kodierung passiert vollständig lokal im Browser - auch offline. Dein Bild verlässt dein Gerät nie.

    Wo verwende ich eine Data-URI?

    Füge sie als img-src oder CSS-background ein, um das Bild inline einzubetten - ohne eigene Datei oder Request.

    Wird die Datei dadurch größer?

    Ja. Base64-Text ist etwa ein Drittel größer als die Originalbytes, eine Data-URI eignet sich also am besten für kleine Bilder.

    Wird das Bild verändert?

    Nein. Die exakten Originalbytes werden kodiert, Format und Qualität bleiben also unverändert.

    Passende Tools

    Bild-Collage · Bilder komprimieren · PNG zu SVG · SVG optimieren