Convertir imagen a Base64
Esta herramienta convierte una imagen a Base64 y le da al instante una Data URL, una etiqueta HTML, un fondo CSS, Markdown o JSON listos para copiar. Si quieres, antes reduce la imagen o la pasa a PNG, JPG o WebP. En sentido contrario, el decodificador muestra la imagen que contiene un texto Base64 y la guarda como archivo.
Fuente: RFC 2397, RFC 2397 – The "data" URL scheme. Actualizado: .
Cómo se calcula
Cómo convertir una imagen a Base64
- Arrastra una imagen, selecciónala o pégala con Ctrl + V. El código Base64 aparece al instante.
- Elige la salida: Data URL para
srcourl(), solo Base64 para una API, una etiqueta img HTML con ancho y alto, una línea CSS parabackground-image, Markdown o JSON. - Cópiela o guárdela como archivo de texto.
Una Data URL sigue la RFC 2397: data:image/png;base64, y detrás los bytes de la imagen en Base64 según la RFC 4648. El tipo MIME se detecta por el contenido del archivo, no por la extensión: un PNG llamado .jpg recibe correctamente image/png.
¿Cuánto ocupa una imagen en Base64?
Base64 convierte cada 3 bytes en 4 caracteres, así que el texto ocupa alrededor de un 33 % más que el archivo: una imagen de 30 KB se convierte en unos 40.000 caracteres. Por eso Base64 conviene sobre todo para gráficos pequeños como iconos, logotipos, imágenes en correos, archivos HTML autónomos y CSS. Reduce antes las fotos grandes con «Reducir a ancho» o conviértelas a WebP o JPG.
De Base64 a imagen
En el modo «Base64 → imagen» pega una Data URL, una línea CSS completa, una etiqueta img o solo el texto Base64, con saltos de línea, sin los signos de igual del final o en la variante segura para URL con - y _. La herramienta reconoce JPG, PNG, GIF, WebP, BMP, TIFF, AVIF, HEIC, SVG e ICO, muestra el tamaño y las dimensiones y guarda el archivo con la extensión correcta. Si el tipo de la Data URL no coincide con el contenido real, verá un aviso.
Privacidad y límites
Las imágenes y el texto pegado se quedan en tu navegador: no se sube ni se guarda nada. Se pueden codificar imágenes de hasta 10 MB; SVG e ICO se mantienen sin cambios. Para cualquier texto o archivo usa codificar y decodificar Base64; para cambiar el formato de una imagen, convertir imagen, y para reducir su peso, comprimir imagen.
Preguntas frecuentes
¿Cómo convierto una imagen a Base64?
Elige la imagen aquí y el código aparece al momento. Como Data URL empieza por data:image/…;base64, y se usa directamente en HTML o CSS.
¿Cómo inserto una imagen Base64 en HTML?
Elige la salida «HTML <img>» y cópiala: <img src="data:image/png;base64,…" alt="…">. La herramienta añade el ancho y el alto.
¿Cómo paso de Base64 a PNG o JPG?
Cambia a «Base64 → imagen», pega el texto y pulsa «Mostrar imagen». La imagen se guarda con su formato real, por ejemplo .png o .jpg.
¿Por qué el código Base64 ocupa más que la imagen?
Base64 representa cada 3 bytes con 4 caracteres de texto, por lo que el código ocupa alrededor de un tercio más que el archivo.
¿Puedo convertir un SVG a Base64?
Sí. El SVG se codifica sin cambios con el tipo image/svg+xml, por ejemplo para fondos CSS.
¿Se sube mi imagen a algún servidor?
No. La codificación y la decodificación se hacen por completo en tu navegador y no se guarda nada.
Fuentes y base legal
- RFC 2397: RFC 2397 – The "data" URL scheme
- RFC 4648: RFC 4648 – The Base16, Base32, and Base64 Data Encodings (§ 4 Base64, § 5 Base64url)
- MDN – data: URLs
- ITU-T T.81 / ISO/IEC 10918-1 – JPEG
- W3C – Portable Network Graphics (PNG) Specification
- Google for Developers – An image format for the Web (WebP)
- AOMedia – AV1 Image File Format (AVIF)
- MDN – Image file type and format guide
- MDN – HTMLCanvasElement.toBlob()
Última actualización: · Principios editoriales
Herramientas relacionadas
- Codificar y decodificar Base64Codifica y decodifica Base64 y Base64url con UTF-8 correcto, y también URL encode/decode (codificación por porcentaje). Errores claros, todo en tu navegador.
- Convertir imagen: JPG, PNG, WebP y AVIFConvertir imágenes sin subirlas: PNG a JPG, JPG a PNG, WebP a JPG, HEIC a JPG o a AVIF. Hasta 20 imágenes a la vez, con descarga en ZIP. Gratis.
- Comprimir imagen: reduce el tamaño del archivoComprimir imágenes sin subirlas: reduce el peso de JPG, PNG, WebP y HEIC, hasta 20 a la vez, con tamaño objetivo en KB opcional y descarga en ZIP. Gratis.
- Redimensionar imagen: cambia el tamaño en píxelesRedimensionar imagen online: cambia ancho y alto en píxeles o %, mantén la proporción o recorta, con plantillas para Instagram y YouTube. Sin subir nada.
- Generador de favicon: desde una imagen, letras o un emojiCrea un favicon gratis a partir de una imagen, letras o un emoji: favicon.ico (16/32/48), apple-touch-icon, PNG 192/512, site.webmanifest y código HTML.
- Generador de código QR gratis y permanenteCrea un código QR gratis para un enlace, wifi, contacto (vCard), correo, teléfono o pago SEPA. Elige colores y descarga PNG o SVG. Sin registro ni caducidad.
- Convertir puntos a mmConvierte puntos a mm: 1 pt = 0,3528 mm (1/72 de pulgada). Tamaño de letra en milímetros, picas, pulgadas y píxeles a cualquier resolución, con tabla.
- Encontrar fotos duplicadas y ordenarEncontrar fotos duplicadas: agrupa imágenes idénticas o similares, marca los duplicados y descarga un ZIP limpio. Tus fotos no salen de tu dispositivo.
- Convertir HTML a imagenConvertir HTML a imagen: pega tu código, elige ancho y resolución y guarda PNG, JPG o WebP, también con fondo transparente. Gratis y sin subir nada.