Convertir Imagen a Código base64

- O -
Arrastra la imagen aquí

Si la imagen es grande, la conversión puede tardar más tiempo


¿Por qué convertir una imagen a código base64?

Cuando estamos escribiendo una página web, si queremos insertar una imagen, normalmente hay dos maneras.

  1. Referenciar directamente la URI de la imagen, como https://www.codeeeee.com/.../come.png
  2. Codificar la imagen en base64 e insertarla en html o css

En comparación con el método de URI, codificar la imagen en base64 reduce las solicitudes de red. Si se utiliza el método de URI, el navegador necesita enviar una solicitud http(s) para obtener el contenido de la imagen; mientras que codificando la imagen en base64 y escribiéndola en el documento, cuando se descarga el documento html, la imagen también se descarga, evitando enviar solicitudes adicionales. Por supuesto, los datos codificados en base64 generalmente son más grandes que la imagen original. Por lo tanto, para imágenes grandes, es necesario sopesar si los beneficios superan las pérdidas al usar base64.