sociales - CSS sprites vs datos URIs

sprites png

Question

He escuchado mucho sobre la importancia de usar sprites para obtener una cuenta regresiva. Pero mi pensamiento es que en lugar de usar sprites, puedes usar URI para lograr lo mismo, y mucho más fácil (no se necesita creación de sprite).

¿Es mejor usar sprites o uris?

Answer 1

Los datos codificados en Base64 son aproximadamente 1/3 más grandes que los bytes sin procesar, por lo que en las páginas donde la descarga de todos los datos de imágenes lleva más de tres veces el tiempo que se realiza una solicitud, los sprites CSS son superiores a los de una base de rendimiento.

Además, los URI de datos en línea hacen que el archivo en sí tarde tanto como los datos reales más las imágenes codificadas en base64. Si los URI de datos están en su página HTML real, eso significa que la representación se detiene y espera a que se cargue la imagen. Si los URI de datos están en su hoja de estilo, eso significa que cualquier regla posterior a la URI de datos tendrá que esperar a que se procesen. Por otro lado, con un archivo sprite, las imágenes se pueden cargar simultáneamente con sus otros recursos. Puede valer la pena el costo de una solicitud adicional, especialmente cuando se toma en cuenta la penalización de base64.

Answer 2

Supongo que el soporte para IE5, 6 y 7 sería una buena razón para usar sprites sobre URI, si esos objetivos son importantes para ti.