Herramienta de imagen gratuita

Imagen a Base64: convierte imágenes a Base64 online

Sube una imagen y esta herramienta la convierte en texto Base64 que puedes pegar directamente en tu código. Funciona con PNG, JPG, GIF, BMP, SVG y WebP. Gratis y sin registro.

PNG a Base64 JPG a Base64 SVG a Base64 Subida o URL Copia con un clic Hasta 5 MB Sin registro

Tamaño máximo de archivo de carga: 5 MB

Usar URL remota
Subir desde dispositivo

Codificador de imágenes Base64 para HTML y CSS

Este codificador de imágenes Base64 convierte tu archivo en texto plano. Pégalo en un img src o en un fondo CSS y la imagen se carga sin una petición aparte.

Convierte PNG a Base64

Los iconos, logos y sprites PNG pequeños son los archivos que más se codifican. Sube el PNG, haz clic en «Convertir» y copia la cadena. La transparencia se conserva, porque Base64 guarda el archivo tal cual.

SVG a Base64 para iconos en línea

Convierte SVG a Base64 para logos e iconos en fondos CSS y páginas de un solo archivo. Base64 funciona en todos los navegadores y se pega sin problemas, sin caracteres especiales que escapar.

JPG a Base64 para APIs y JSON

¿Necesitas enviar una foto dentro de un JSON, una petición a una API o un campo de texto de una base de datos? Convierte JPG o JPEG a Base64 y la imagen viaja como texto plano.

Así es una cadena Base64 de una imagen

Una imagen en Base64 es una larga serie de letras, números y los caracteres + y /, que a menudo termina en =. Con un prefijo como data:image/png;base64, el navegador la lee como una imagen.

Cuándo tienen sentido las imágenes en Base64

Base64 hace que los archivos ocupen un 33 % más, así que conviene para imágenes pequeñas de pocos KB. Deja las fotos grandes como archivos normales para que el navegador pueda guardarlas en caché.

Convierte imágenes a Base64 online, sin código

No necesitas línea de comandos ni scripts para codificar una imagen en Base64. La herramienta funciona en cualquier navegador del ordenador o del móvil. Súbela desde tu dispositivo o pega la URL de una imagen.

Cómo convertir una imagen a Base64

1

Sube tu imagen

Arrastra un archivo PNG, JPG, SVG, GIF, BMP o WebP de hasta 5 MB, o pega la URL de una imagen.
2

Haz clic en «Convertir»

La herramienta codificará la imagen en Base64 en uno o dos segundos.
3

Copia la cadena

Pulsa «Copiar contenido» para copiar todo el código Base64 al portapapeles.
4

Pégala en tu código

Úsala en un img src, en un url() de CSS o en un campo JSON.

Preguntas frecuentes sobre Imagen a Base64

¿Cómo convierto una imagen a Base64?

Sube la imagen, haz clic en «Convertir» y pulsa «Copiar contenido». Obtienes toda la cadena codificada con un clic, lista para HTML, CSS o JavaScript.

¿Cómo uso una imagen Base64 en HTML?

Pon la cadena en el src de una etiqueta img con un prefijo de data URI, por ejemplo <img src="data:image/png;base64,iVBORw0...">. Cambia png por jpeg, gif, webp o svg+xml según tu archivo.

¿Cómo uso una imagen Base64 en CSS?

Colócala dentro de url(), por ejemplo background-image: url("data:image/png;base64,..."). Funciona bien con iconos y patrones pequeños que no quieres cargar como archivos aparte.

¿Base64 hace que las imágenes ocupen más?

Sí. Base64 añade alrededor de un 33 % al tamaño, porque cada 3 bytes se convierten en 4 caracteres de texto. Por eso es ideal para iconos pequeños, no para fotos grandes.

¿Codificar una imagen en Base64 reduce su calidad?

No. Base64 es una codificación, no una compresión. Guarda los bytes exactos de tu archivo, así que la imagen se decodifica idéntica, píxel a píxel.

¿Cómo codifico una imagen en Base64 con JavaScript?

En el navegador, lee el archivo con FileReader.readAsDataURL(). En Node.js, usa fs.readFileSync(path).toString('base64'). Esta herramienta da el mismo resultado sin código.

¿Puedo volver a convertir Base64 en imagen?

Sí. Pega la cadena en Base64 a imagen para verla y descargar el archivo de imagen.

¿El convertidor de imagen a Base64 es gratis?

Sí. Es gratis y sin registro. Puedes codificar imágenes de hasta 5 MB cada una.

¿Ya está codificada? Comprueba que se decodifica.

Pega la cadena en Base64 a imagen para comprobarla, o reduce antes la imagen con el Redimensionador de imágenes.

Base64 a imagen

Raheel Jakhura

CEO / Co-Founder

Our goal is to provide online free tools so you don't have to install any software for basic usages. We are trying to add more tools and make these tools free forever.

cookies image
Nos preocupamos por sus datos y nos encantaría usar cookies para mejorar su experiencia.