CSS data: URI CSS

Un fragmento en CSS para CSS data: URI que responde a las peticiones a /pixel.gif con el GIF vacío, decodificado una sola vez al arrancar.

CSS data: URI CSS

Ruta

Archivo: styles.css

:root {
  --empty-gif: url("data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==");
}

/* e.g. a transparent click target or a background placeholder */
.spacer {
  background-image: var(--empty-gif);
}

Ejecutamos este fragmento y comparamos los bytes que devolvió.

Sitio oficial: CSS data: URI