Einige Funktionen dieser Website verwenden Cookies.
Mit der Nutzung dieser Website akzeptieren Sie dies.
Weitere Informationen OK
Webdesign · Werbung · Kommunikation :: PixelProducer.com
Andy Hoppe’s Counter (Besucherzähler) – kostenlos für Ihre Homepage

Data-URI: Bilder schneller laden

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

Ladezeit optimieren: Bilder schneller laden mit Data-URILadezeit optimieren, Bilder direkt in Webseiten einbinden
Direkt in Webseiten eingebettete Grafiken werden schon seit Jahren von allen gängigen Browsern unterstützt(1).

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:

Bild auswählen

Akzeptiert werden Dateien vom Typ .jpg/.jpeg, .gif und .png.
Maximale Dateigröße: 25 kB(2)

Die hochgeladene Grafik wird lediglich am Bildschirm als Data-URI ausgegeben und nicht gespeichert.

(1) Bilder und Grafiken, die per Data-URI eingebettet sind, werden von allen gängigen Browsern der letzten 8-10 Jahre problemlos angezeigt, inklusive Internet Explorer 8 (Windows XP).

(2) 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.