Imagen a Base64

Convierte cualquier imagen en su cadena Base64 (data URI), lista para incrustar en HTML, CSS, correos o JSON. Gratis y 100 % en tu navegador.
Procesamiento 100 % local · tus archivos no salen de tu navegador
Publicidad
Arrastra tu imagen aquí o haz clic para elegirlaTu archivo se procesa en tu navegador. No se sube a ningún servidor.

Procesamiento 100 % local · tus imágenes nunca salen de tu navegador

Convierte imágenes a Base64 sin subirlas a internet

Base64 es una forma de representar datos binarios (como una imagen) usando solo caracteres de texto. Cuando conviertes una imagen a Base64 obtienes un data URI: una cadena que empieza por data:image/...;base64, seguida del contenido de la imagen codificado. Esa cadena se puede pegar directamente en tu HTML o CSS, de modo que la imagen viaja dentro del propio código, sin necesidad de un archivo separado.

¿Cuándo conviene usar Base64?

  • Para iconos y logos pequeños que quieres incrustar y así evitar peticiones HTTP adicionales.
  • En correos HTML, donde a veces es más fiable incrustar la imagen que enlazarla.
  • En CSS, con background: url(data:...).
  • Para guardar imágenes como texto en JSON o en una base de datos.
Publicidad

Cómo convertir una imagen a Base64

  1. Arrastra tu imagen o haz clic para seleccionarla.
  2. Verás al instante el data URI completo, junto con ejemplos de uso en HTML y CSS.
  3. Pulsa «Copiar» y pégalo donde lo necesites.

Una advertencia sobre el tamaño

La codificación Base64 hace que los datos ocupen aproximadamente un 33 % más que el archivo binario original. Para iconos y miniaturas el coste es despreciable y compensa por ahorrar peticiones. Para fotografías grandes no es recomendable: en esos casos es mejor servir el archivo normal y, si pesa mucho, comprimirlo primero.

Publicidad

Privacidad y herramientas relacionadas

La conversión se realiza íntegramente en tu navegador: tu imagen no se sube a ningún servidor. Si trabajas con texto, te puede interesar nuestro codificador y decodificador Base64 o el conversor de formatos de imagen. Descubre todas en herramientas de archivos.

Preguntas frecuentes

¿Qué es una imagen en Base64?

Es la imagen codificada como texto (una larga cadena de caracteres) precedida de un prefijo data URI como «data:image/png;base64,». Permite incrustar la imagen directamente en el HTML o el CSS, sin un archivo aparte.

¿Para qué sirve convertir una imagen a Base64?

Para incrustar iconos o imágenes pequeñas dentro del código y ahorrar peticiones HTTP, para correos HTML, para data URIs en CSS o para guardar imágenes en JSON o en una base de datos como texto.

¿No aumenta el tamaño?

Sí, Base64 ocupa alrededor de un 33 % más que el binario original. Por eso conviene usarlo solo con imágenes pequeñas (iconos, logos, miniaturas), no con fotografías grandes.

¿Se sube mi imagen a un servidor?

No. La conversión se hace en tu navegador con FileReader. Tu imagen nunca se envía a internet.

¿Qué formatos admite?

Cualquier imagen: PNG, JPG, WebP, GIF, SVG, BMP o ICO. El data URI resultante incluye automáticamente el tipo correcto.

¿Cómo uso el resultado?

Copia la cadena y pégala en el atributo src de una etiqueta img, en una propiedad url() de CSS o donde necesites incrustar la imagen como texto.

Herramientas relacionadas

Publicidad