molily: Vorteile und Nachteile von url('data:image/png;base64...)

Beitrag lesen

Hallo,

Nachteil: Die insgesamt übertragene Datenmenge wird größer, da base64 je 3 Bytes zu 4 ASCII-Zeichen umcodiert. Kann vor allem bei langsamen Verbindungen (mobil?) ein Argument gegen data-URLs sein.

Die Gesamtdatenmenge ist nicht notwendig größer, denn der HTTP-Overhead ist bis zu einer bestimmten Bildgröße größer als die Kosten der Base64-Kodierung. Gerade bei Mobilverbindungen mit großer Latenz (bloße Geschwindigkeit ist nicht der entscheidende Punkt) wirkt sich die Einsparung des HTTP-Requests (und damit i.d.R. einer TCP-Verbindung) positiv auf die Performance aus. Da im CSS zumeist keine großen Inhaltsgrafiken, sondern kleine Logos und Schmuckelemente referenziert werden, verringert die Einbettung mit data-URLs in den meisten Fällen die Gesamtdatenmenge.

Mathias