Data-URI: Bilder schneller laden

Hier einfach für Ihre Bilder eine Data-URI erzeugen und direkt in Ihre Seiten einbinden!

Ladezeit optimieren, Bilder direkt in Webseiten einbinden
Direkt in Webseiten eingebettete Grafiken werden seit mehr als 10 Jahren von allen gängigen Browsern unterstützt.

Das Prinzip: Statt auf ein Bild zu verlinken, kann die <img>-Anweisung auch das Bild selbst enthalten (sogenannte »Data-URI«). So muß der Browser keine getrennte Anfrage an den Webserver schicken und auf das Bild warten; die Seite wird deutlich schneller angezeigt.

Eine Data-URI erzeugen

Einfach eine Grafik hochladen und auf »OK« klicken:

⁽¹⁾ Bei großen Bildern (Fotos, detaillierte Grafiken) ab 25 kB aufwärts schwindet der Nutzen einer Data-URI durch die weniger effiziente Komprimierung. Dies ist bei kleinen Grafiken irrelevant; bei größeren Bildern werden Ladezeit und Seitenaufbau aber insgesamt verlängert.