Quel est le plus petit URI de données pour un GIF transparent dans les sprites CSS ?

Réduire la taille de l'image URI des données pour la transparence

Question :

Lors de l'utilisation d'un petit transparent image comme arrière-plan de sprite CSS, quel est le plus petit URI de données possible pouvant produire un image?

Réponse :

Après avoir expérimenté divers GIF transparents, il a été découvert que certains GIF peuvent provoquer des problèmes CSS, en particulier lors de l'attribution d'images d'arrière-plan à des éléments avec des GIF transparents. . Pour garantir la stabilité, un URI de données légèrement plus long est recommandé :

Stable (78 octets)

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

Évitez d'omettre le type d'image :

Il est crucial d'inclure le type d'image (image/gif) dans l'URI des données. L'omission de ces informations peut entraîner des problèmes de rendu dans divers navigateurs.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!