Wann sollte ich ein Bild einbetten?

Für sehr kleine Bilder (unter wenigen KB), die oberhalb der Faltlinie erscheinen, kann das Einbetten das Rendering beschleunigen, indem die zusätzliche HTTP-Anfrage vermieden wird. Bei größeren Bildern überwiegt der Kodierungsoverhead (etwa 33 %) die eingesparte Anfrage.

Welche Formate werden unterstützt?

PNG, JPEG, SVG, WebP, AVIF und GIF. SVG bettet sich besonders gut ein, weil es textbasiert bleibt, sodass der Kodierungsoverhead minimal ist.

Ist der Daten-URI sicher zur Verwendung in CSS?

Ja. Wickeln Sie ihn in url() mit Anführungszeichen um den Daten-URI selbst. Die von Toova erzeugte Ausgabe ist bereits URL-sicher und funktioniert direkt in background-image, mask-image und jeder Eigenschaft, die eine URL akzeptiert.

Kann ich einen Daten-URI zurück in ein Bild dekodieren?

Ja. Fügen Sie einen Daten-URI ein, und Toova dekodiert ihn in das Originalbild, bereit zum Herunterladen. Nützlich zum Extrahieren eingebetteter Bilder aus HTML- oder CSS-Dateien.

Wird mein Bild irgendwohin gesendet?

Nein. Die Kodierung erfolgt vollständig in Ihrem Browser.

Bild-zu-Base64-Konverter — PNG, JPG, WebP zu Daten-URI

Beliebige Bilder im Browser in einen Base64-Daten-URI konvertieren, bereit zum direkten Einbetten in HTML, CSS oder JSON. Toova verarbeitet alle gängigen Formate, generiert gültige Daten-URIs und lädt Ihr Bild nie hoch — nützlich für kleine Symbole, E-Mail-Vorlagen und eigenständige Dokumente.

Wann ein Bild eingebettet werden soll

Kleine Bilder (Symbole unter wenigen KB) rendern oft schneller als eingebettete Daten-URIs als als separate HTTP-Anfragen, weil sie den Roundtrip überspringen. E-Mail-Vorlagen betten Bilder häufig ein, weil viele Mail-Clients externes Laden standardmäßig blockieren. Eigenständige HTML-Dokumente (Offline-Leitfäden, herunterladbare Berichte) benötigen alles in einer Datei. Toova konvertiert jedes Bild in einen Base64-Daten-URI, den Sie direkt in src, background-image oder ein JSON-Feld einfügen können.

Format- und Größenüberlegungen

Base64-Kodierung fügt etwa 33 % zur Dateigröße hinzu, daher lohnt sich das Einbetten nur bei kleinen Bildern. Jenseits von etwa 5–10 KB ist die separate HTTP-Anfrage normalerweise schneller als die aufgeblähte eingebettete Nutzlast. Toova zeigt die Originalgröße, die kodierte Größe und den prozentualen Overhead an, damit Sie entscheiden können. Alle gängigen Formate (PNG, JPEG, SVG, WebP, GIF) werden unterstützt.

Nur lokal

Das Bild wird vollständig in Ihrem Browser gelesen und kodiert. Die Datei wird nie hochgeladen, und der Inhalt wird nicht protokolliert. Das ist wichtig, wenn das Bild ein unveröffentlichtes Mockup, ein Kundenfoto oder ein proprietäres Asset ist. Der Netzwerk-Tab bleibt während der Kodierung leer, und die Seite funktioniert nach dem ersten Laden auch offline.

Häufig gestellte Fragen

Wann sollte ich ein Bild einbetten?: Für sehr kleine Bilder (unter wenigen KB), die oberhalb der Faltlinie erscheinen, kann das Einbetten das Rendering beschleunigen, indem die zusätzliche HTTP-Anfrage vermieden wird. Bei größeren Bildern überwiegt der Kodierungsoverhead (etwa 33 %) die eingesparte Anfrage.
Welche Formate werden unterstützt?: PNG, JPEG, SVG, WebP, AVIF und GIF. SVG bettet sich besonders gut ein, weil es textbasiert bleibt, sodass der Kodierungsoverhead minimal ist.
Ist der Daten-URI sicher zur Verwendung in CSS?: Ja. Wickeln Sie ihn in url() mit Anführungszeichen um den Daten-URI selbst. Die von Toova erzeugte Ausgabe ist bereits URL-sicher und funktioniert direkt in background-image, mask-image und jeder Eigenschaft, die eine URL akzeptiert.
Kann ich einen Daten-URI zurück in ein Bild dekodieren?: Ja. Fügen Sie einen Daten-URI ein, und Toova dekodiert ihn in das Originalbild, bereit zum Herunterladen. Nützlich zum Extrahieren eingebetteter Bilder aus HTML- oder CSS-Dateien.
Wird mein Bild irgendwohin gesendet?: Nein. Die Kodierung erfolgt vollständig in Ihrem Browser.