Was ist der kleinste Daten-URI für ein transparentes GIF in CSS-Sprites?

Minimierung der Daten-URI-Bildgröße für Transparenz

Frage:

Bei Verwendung einer winzigen Transparenz Bild als CSS-Sprite-Hintergrund, was ist der kleinstmögliche Daten-URI, der ein transparentes Bild erzeugen kann? Bild?

Antwort:

Nach dem Experimentieren mit verschiedenen transparenten GIFs wurde festgestellt, dass bestimmte GIFs CSS-Störungen verursachen können, insbesondere beim Zuweisen von Hintergrundbildern zu Elementen mit transparenten GIFs . Um die Stabilität zu gewährleisten, wird ein etwas längerer Daten-URI empfohlen:

Stabil (78 Bytes)

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

Vermeiden Sie das Weglassen des Bildtyps:

Es ist wichtig, den Bildtyp (Bild/GIF) in den Daten-URI aufzunehmen. Das Weglassen dieser Informationen kann in verschiedenen Browsern zu Darstellungsproblemen führen.

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