Convertidor de Imagen a Base64
Convierte una imagen a Base64 online gratis: arrastra un PNG, JPG, GIF, WebP, SVG, BMP o ICO y obtén la cadena Base64, la URI de datos, la etiqueta img HTML, el fondo CSS y el fragmento Markdown al instante, o pega Base64 de vuelta para ver y descargar la imagen. 100% en tu navegador, sin subidas.
Suelta una imagen aquí, haz clic para elegir un archivo, o pega una (Ctrl+V)
PNG, JPG, GIF, WebP, SVG, BMP, ICO. Tu imagen nunca sale de tu navegador.
Consejo: copia cualquier imagen y presiona Ctrl+V aquí para pegarla.
⚡ Base64 hace que una imagen sea alrededor de un 33% más grande que el archivo original, así que es mejor para imágenes pequeñas como iconos y logotipos. Usa la opción de recodificación para convertir a JPEG o WebP y bajar la calidad antes de codificar, y la línea de estadísticas muestra exactamente cuánto ahorraste.
🔒 Privacidad: la codificación, la recodificación y la decodificación corren localmente en tu navegador. Tu imagen nunca se sube, se guarda ni la ve nadie más.
Más herramientas para desarrolladores
Cómo funciona esta calculadora
Un convertidor de imagen a Base64 convierte un archivo de imagen en una cadena larga de texto que puedes pegar directamente en el código. La codificación Base64 representa los bytes crudos de la imagen con 64 caracteres de texto seguros, y envolver esa cadena en una URI de datos (data:image/png;base64,...) permite que el navegador muestre la imagen sin un archivo separado ni una petición de red. Por eso las imágenes Base64 aparecen en correos HTML, páginas de un solo archivo, fondos CSS, cargas de API y archivos de configuración: una sola cadena autocontenida reemplaza un archivo que de otro modo necesitaría alojamiento, una URL y una segunda descarga. Suelta una imagen aquí, o pégala desde tu portapapeles, y el conversor produce la cadena Base64 y cada fragmento listo para pegar en tu navegador, con una vista previa en vivo para que puedas revisar el resultado antes de copiarlo.
El conversor te da cinco salidas para la misma imagen, así que puedes tomar exactamente la forma que tu código necesita. La cadena Base64 cruda son los bytes codificados por sí solos, la URI de datos es el valor completo integrable, y las pestañas HTML, CSS y Markdown la envuelven en una etiqueta <img>, una regla background-image o una imagen Markdown, lista para pegar. Una línea de estadísticas muestra el tamaño original del archivo, el tamaño Base64 y la sobrecarga, que siempre es de alrededor del 33% porque tres bytes de imagen se convierten en cuatro caracteres de texto. La opción de recodificación es lo que hace diferente a este conversor de un codificador simple: para imágenes raster puedes convertir a JPEG o WebP y bajar la calidad, o limitar el ancho, y la herramienta recodifica la imagen en tu navegador antes de codificarla, así que una foto de 2 MB puede convertirse en una URI de datos de 150 KB que sí es práctica para incrustar.
El decodificador funciona al revés: pega una cadena Base64 o una URI de datos completa y la herramienta la valida, detecta el formato real de la imagen a partir de los bytes del archivo, muestra una vista previa en vivo con el tamaño de archivo y el tipo MIME, y te permite descargar la imagen decodificada con la extensión correcta. Tus imágenes nunca salen de tu dispositivo, la codificación, la recodificación y la decodificación corren todas localmente, así que las capturas de pantalla, los logotipos y las fotos privadas se mantienen privadas. Una advertencia honesta: Base64 es mejor para imágenes pequeñas como iconos, logotipos e ilustraciones diminutas. Una foto grande crece un tercio e hincha cada página que la incrusta, así que para fotos e imágenes principales, aloja el archivo y enlázalo, y usa primero el Compresor de Imágenes de este sitio si el archivo es más grande de lo necesario.