JPG in Base64 umwandeln - kostenlos, sofort, im Browser
JPG zu Base64 Konverter
Bis zu 10 MB. Nichts wird hochgeladen – die Datei verlässt Ihr Gerät nie.
Verwenden Sie dies in einem <img src>-Attribut oder in CSS url().
Ohne das data:-Präfix – für JSON-Nutzlasten und APIs.
Ihre Dateien bleiben privat
Diese Umwandlung läuft vollständig in Ihrem Browser. Das Bild wird nie hochgeladen, nichts von dem, was Sie hier kodieren, erreicht unseren Server oder sonst jemanden.
Wissenswertes zur Umwandlung von JPG in Base64
JPG-Dateien sind Fotos, und Fotos sind groß. Diese eine Tatsache verändert die Rechnung gegenüber einem Icon: Aus einem 200 KB großen Foto werden rund 267 KB Text, die ein Browser vollständig laden, im Speicher halten und dekodieren muss, bevor er überhaupt etwas zeigen kann. Für die meisten Websites ist das ein schlechter Tausch. Es gibt jedoch drei Situationen, in denen er genau der richtige ist.
So wandeln Sie JPG in Base64 um
- 1 Legen Sie Ihre .jpg- oder .jpeg-Datei im Upload-Bereich ab.
- 2 Achten Sie auf die Größenzeile, die das Werkzeug anzeigt – das ist die Zahl, die entscheidet, ob Einbetten sinnvoll ist.
- 3 Kopieren Sie die Data-URI für HTML und CSS oder den reinen String, wenn er in JSON soll.
Für eine normale Webseite ist das meist ein Fehler
Ein gewöhnliches Bild-Tag erlaubt dem Browser, das Foto parallel zu laden, monatelang zu cachen, ganz zu überspringen, wenn es unterhalb des sichtbaren Bereichs liegt, und auf dem Handy eine kleinere Fassung einzusetzen. Einbetten wirft alle vier Vorteile auf einmal weg. Das Foto steckt nun im HTML oder CSS, blockiert den ersten Bildaufbau, ist für sich nicht cachebar, wird selbst von Besuchern geladen, die nie so weit scrollen, und ist auf einem 4K-Monitor dasselbe wie auf einem günstigen Telefon. Je größer das Foto, desto teurer wird jeder dieser Punkte.
Drei Fälle, in denen es richtig ist
An erster Stelle stehen E-Mail-Vorlagen: Viele Programme blockieren externe Bilder standardmäßig, ein eingebettetes Foto ist also das einzige, das zuverlässig erscheint. Zweitens winzige Platzhalter – ein absichtlich unscharfes Bild von wenigen hundert Byte, eingebettet, damit etwas zu sehen ist, während das echte Foto lädt. Drittens, ein Bild durch ein System zu schleusen, das nur Text akzeptiert: eine JSON-API, ein Webhook, eine Datenbankspalte, eine Nachrichtenwarteschlange. In allen drei Fällen ist die Alternative kein schnelleres Bild, sondern gar keines.
Verkleinern Sie das Foto vor dem Kodieren
Base64 hat keine Meinung darüber, was man ihm gibt – es vergrößert einen 3 MB großen Urlaubsschnappschuss ebenso getreu wie ein Vorschaubild. Erledigen Sie die Arbeit also in der richtigen Reihenfolge: auf die tatsächlich angezeigte Größe zuschneiden, die JPG-Qualität senken, bis der Unterschied nicht mehr sichtbar ist, und erst dann kodieren. Ein Foto, das 400 Pixel breit gezeigt werden soll, hat nichts in einer 4000-Pixel-Kodierung verloren. Bleibt das Ergebnis dennoch bei Hunderten von Kilobyte, sagt Ihnen das Werkzeug damit, die Datei lieber zu verlinken.