Quel est le plus petit URI de données pour une image transparente 1x1 ?

Détermination de la plus petite image URI de données possible pour une image transparente

Question :

En cherchant à minimiser les requêtes HTTP, vous visez à utiliser une image transparente 1x1 avec une image d’arrière-plan. Quelle est la chaîne URI de données la plus concise pouvant générer une image transparente ?

Réponse :

GIF transparent (légèrement plus long mais stable - 78 octets) :

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

GIF transparent instable (plus court - 74 octets) :

data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==

Attention :

Bien qu'il soit plus court, le GIF instable peut provoquer des problèmes CSS et empêcher les images d'arrière-plan de s'afficher correctement dans certains navigateurs. . Par conséquent, il est recommandé d'utiliser la version légèrement plus longue mais plus stable.

Conseil supplémentaire :

N'omettez jamais le type « image/gif » :

Contrairement à certaines suggestions, l'omission du type "image/gif" entraînera des erreurs dans plusieurs 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!