¿Es seguro usar imágenes codificadas en base64 para web, ventajas y desventajas?

Question

¿Es seguro usar imágenes codificadas en base64 para diseño web, ¿cómo se compara en rendimiento? ¿Ventajas y desventajas?

Answer 1

Un flujo de base64 es aproximadamente un 33% más pesado que uno binario (sin tener en cuenta la compresión gzip sobre http que tiene en su lugar si habla en serio de las actuaciones).

Si coloca la imagen base64 directamente en una página, no se almacenará en caché por separado. Por lo tanto, será pesado para todas las páginas que usen esta imagen en lugar de ser almacenables en caché con la URL como clave. Puede pensar que ayuda a mantener bajo el número de solicitud, pero de hecho es inútil en casos normales donde los usuarios tienen las imágenes en su caché (si tiene muchas imágenes, prefiera sprites css para disminuir el número de solicitudes).

No creo que haya una razón para usar una imagen base64 excepto cuando se trata de un problema técnico específico, como enviar una imagen en json, o guardar solo un archivo html, y luego verificar que realmente necesita usar el imagen base64.