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)


Html, Css & PHP Beispiele


Zuerst das Format

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


Als ein eingebettetes Bild in einer HTML Datei

Beispiel Html Code für ein Data-Url Image

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

Ergebnis

<img src="data:image/png;base64,iVBORw0K...QmCC" />

In einer CSS Datei

.bg_black { background: #333 top center repeat url('data:image/jpeg;base64,/9j/4QAYRXhpZg....'); }

Ergebnis



Data Url String Generator in PHP

function data_url( $input ) { $output = null; $base64 = base64_encode( file_get_contents( $input ) ); $mine = mime_content_type ( $input ); $output = 'data:' . $mime . ';base64,' . $base64; return $output; }

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.

Beispiele

Hier findest du ein paar Anwendungsbeispiele für das einbetten von DataUrl Strings in Web und Mail Content und eine PHP funktion für dein eigenen Generator.

Der Data Url Generator

Schiebe deine Dateien einfach in die Webseite (drag&drop) und lass mich die Daten für dich generieren. Ohne Risiken und Nebenwirkungen.* Hier.