Si convierto una imagen (jpg o png) a base64, ¿será más grande o tendrá el mismo tamaño? ¿Cuánto más grande será?tamaño de imagen codificada en base64
¿Se recomienda utilizar imágenes codificadas en base64 en mi sitio web?
Se habrá aproximadamente 37% más grande:
Muy a grandes rasgos, el tamaño final de Base64 datos binarios codificados en es igual a 1,37 veces el tamaño original de datos
Será más grande en base64.
Base64 utiliza 6 bits por byte para codificar datos, mientras que el binario usa 8 bits por byte. Además, hay un pequeño colchón sobrecargado con Base64. No todos los bits se usan con Base64 porque se desarrolló en primer lugar para codificar datos binarios en sistemas que solo pueden procesar datos no binarios correctamente.
Eso significa que la imagen codificada será aproximadamente un 25% más grande, más una sobrecarga constante para el relleno.
La codificación de una imagen en base64 lo hará un 30% más grande.
Consulte los detalles en el artículo de Wikipedia sobre el Data URI scheme, donde se afirma:
URIs de datos codificados en base 64 son un tercio más grande en tamaño que su equivalente binario. (Sin embargo, esta sobrecarga se reduce a 2-3% si el servidor HTTP comprime el uso de gzip respuesta)
definitivamente le costará más espacioAncho de bandasi desea utilizar imágenes codificadas en base64. Sin embargo, si su sitio tiene muchas imágenes pequeñas, puede disminuir el tiempo de carga de la página codificando sus imágenes en base64 y colocándolas en html. De esta forma, el navegador del cliente no necesitará hacer muchas conexiones a las imágenes, sino que las tendrá en html.
Esto sin embargo no será un problema una vez que HTTP 2 realmente llegue. – Philip
@Philip Es cierto, pero me gusta el factor de portabilidad al tener todos los recursos contenidos en el archivo HTML. Eso ayudará con el almacenamiento en caché web móvil en áreas con redes irregulares. – aalaap
@aalaap El problema es que si haces un cambio en la página, entonces necesitas volver a cargar todo el contenido, incluidas las imágenes. En caso de que tenga los activos separados, puede tener una edad mayor en esos y se almacenará en caché y no se volverá a cargar en caché caducar en la página en sí. – Philip
Aquí está a really helpful overview of when to base64 encode and when not to por David Calhoun.
Respuesta básica = los archivos codificados gzipped base64 serán aproximadamente comparables en tamaño de archivo a binario estándar (jpg/png). Los archivos binarios de Gzip tendrán un tamaño de archivo más pequeño.
Takeaway = Hay alguna ventaja en la codificación y gzip de los iconos de tu UI, etc., pero no es aconsejable hacerlo para obtener imágenes más grandes.
Tamaño de base 64 imágenes
base 64 utiliza 64 caracteres diferentes y esto es 2^6. Así que base64 almacena 6 bits por 8 bits de caracteres. Entonces, la proporción es de 6/8 de datos no convertidos a datos de base64. Este no es un cálculo exacto, sino un cálculo aproximado.
Ejemplo:
Una imagen 48kb necesita alrededor de 64kb como base64 convierte imagen.
Cálculo: (48/6) * 8 = 64
simple calculadora de CLI en los sistemas Linux:
$ cat /dev/urandom|head -c 48000|base64|wc -c
64843
o el uso de una imagen:
$ cat my.png|base64|wc -c
base64 imágenes y sitios web
Esta pregunta es mucho más difícil de responder En términos generales, cuanto más grande es la imagen, menos sentido tiene usar base64. Pero tenga en cuenta los siguientes puntos:
Así que la respuesta es: Depende.
El único momento en el que desearía hacer algo así es restringir los recursos de texto sin formato y, por alguna razón, no podría usar un formato de imagen sin formato. – Wug
Aquí hay una buena respuesta: http://stackoverflow.com/questions/1533113/calculate-the-size-to-a-base-64-encoded-message – Steed
base64 hace que los enlaces profundos sean imposibles. Esto puede ser un plus. – damoeb