Was ist der kleinste Daten-URI für ein transparentes 1x1-Bild?

Bestimmen des kleinstmöglichen Daten-URI-Bildes für ein transparentes Bild

Frage:

Sie möchten HTTP-Anfragen minimieren Versuchen Sie, ein transparentes 1x1-Bild mit einem Hintergrundbild zu verwenden. Was ist die prägnanteste Daten-URI-Zeichenfolge, die ein transparentes Bild erzeugen kann?

Antwort:

Transparentes GIF (etwas länger, aber stabil – 78 Bytes):

data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7

Instabiles transparentes GIF (kürzer – 74 Bytes):

data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==

Achtung:

Obwohl das instabile GIF kürzer ist, kann es zu CSS-Störungen kommen und verhindern, dass Hintergrundbilder in einigen Browsern korrekt angezeigt werden . Daher wird empfohlen, die etwas längere, aber stabilere Version zu verwenden.

Zusätzlicher Tipp:

Lassen Sie niemals den Typ „image/gif“ aus:

Entgegen einigen Vorschlägen führt das Weglassen des Typs „image/gif“ in mehreren Fällen zu Fehlern Browser.

Das obige ist der detaillierte Inhalt vonWas ist der kleinste Daten-URI für ein transparentes 1x1-Bild?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!