dataurl

Generator um Data-URL Strings zu generieren

Die Data-URL ist ein Uniform Resource Identifier - Schema, welches ermöglicht, Daten so im (HTML-)Quelltext einzubetten, als wären es externe Ressourcen. [...] Die Data-URL wird im RFC 2397 der Internet Engineering Task Force (IETF) definiert.

Obwohl die IETF die Data-URL-Spezifikation 1998 veröffentlichte, wurde diese niemals formell als Standard erhoben. Aber die Spezifikation von HTML 4.01 verweist auf die Definition der Data-URL, und die meisten aktuellen Webbrowser unterstützen Data-URLs.

Wikipedia - Data-URL (11.10.2013 12:00 UTC)




drag & drop

- your files here -

So können Sie die Url generieren

Bilder, Icons, Fonts oder andere "Web-Dateien" in Data-URLs konvertieren lassen. Einfach eine oder mehrere Dateien auf die Webseite schieben, um die DataUrl zu generieren. (Markieren Sie die Dateien in Ihrem Ordner die Sie konvertieren möchten und verschieben diese auf die Webseite [kurzDrag & Drop] um den Generator zu aktivieren.)

Alles was Sie wissen müssen





Standards

Das neue URL-Schema ist als "data" definiert. Es erlaubt die direkte Einbindung von kleinen Dateien, als wären es externe Ressourcen. Die Dateien sind somit sofort geladen.

Format

data:[MIME-Typ][;charset="Zeichensatz"][;Codierung],Data-Url-String

z.B. data:image/png;base64,oSad[...]dFseg==


Eingebettet

Mit Data-Urls eingebettete Daten benötigen keinen HTTP-Request und erhöhen somit Geschwindigkeit, sowie Sicherheit. Eine gute möglichkeit Ihre Inhalte ohne Header-Traffic direkt in Ihrer Html, Javascript und/oder CSS Datei einzubinden.



In der Theorie könnten somit z.B. Bilder in einer e-Mail sofort angezeigt
werden, ohne dass dieses durch den Benutzer nachgeladen wird. In der Praxis verweigert sich Windows Outlook der Data-URL und
kennt dieses Format nicht.

Praxis Test

Eingebettetes Bild in einer HTML Datei

Beispiel Html Code für ein Data-Url Image



Ergebnis




Tip Je größer die Datei, desto länger der String.

In einer CSS Datei



Ergebnis


Data Url Generator in PHP


Passwort-generieren.de

Verschiedene Formen von kryptischen Passwörtern generieren. Einfach die sichere Passwort-Wahl mit dem Passwort Generator.

webdynamik

Der Webseiten Generator für Einsteiger und Experten.
Eine premium Lösung für dynamisches Webdesign, Web Marketing, Content Management, eCommerce und Hosting.

Webdesigner & Programmierer

Eine Übersicht von verschiedenen Webdesigner, Webdesign Agenturen, Webprogrammierer und Internetagenturen sowie Anbieter für SEO und SEM