HTML5 in der mobilen Webentwickung - Apps mit HTML5 und CSS3: Fur iPad, iPhone und Android - page 86

Anzahl der Verbindungen auf ein Minimum zu reduzieren. Dafür bedienen Sie sich
zweierlei Profitricks.
Base64
Streng genommen, bestehen Bilder auch nur aus Bits und Bytes, als aus Einsen und
Nullen die in einer bestimmten Reihenfolge zusammen ein Bild ergeben. Wenn es
doch nur eine Möglichkeit gäbe, diese in das HTML-Dokument einzubetten …
Moment mal, die gibt es! Das Zauberwort heißt Base64 - ein Encoder, der Ihre Bildda-
ten in Zahlen und Buchstaben umwandelt, die Sie in Ihren Quellcode schreiben kön-
nen (Abbildung 2.36). Öffnen Sie die Seite http://www.opinionatedgeek.com/dotnet/
tools/base64encode/ , und laden Sie eine Bilddatei hoch. Mit einem Klick auf Encode
generiert die Seite eine etwas kryptisch anmutende Zeichenkette, die Sie in Ihren
CSS- oder HTML-Code einbauen:
Abbildung 2.36 Der Base64-Encoder von Opinionated Geek
(http://www.opinionatedgeek.com/dotnet/tools/base64encode)
#hintergrund {
background-image:url(data:image/
png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAoCAYAAACfKfiZAAAAsElEQVR42u3WsQqEMBA
EUL8nYJX2QBAEwS+5VjgQBOF+1/ZAuCq3KYSwjcV4DsIUU+dhsjtWMca/