Convertir imagen a Base64
Codifica cualquier imagen en Base64 y cópiala como data URI, fondo CSS o etiqueta <img> de HTML.
🔒 Privado: funciona en tu navegador, sin subir archivos
Cómo convertir una imagen a Base64
- Elige o arrastra una imagen (PNG, JPG, SVG, WebP, GIF o ICO).
- Elige el formato de salida: data URI, Base64 sin prefijo, CSS o HTML.
- Pulsa Copiar y pégalo en tu código.
Cuándo usar imágenes en Base64
Incrustar imágenes pequeñas (iconos, logos o marcadores de menos de ~10 KB) como data URI ahorra una petición HTTP y es práctico en correos, HTML de un solo archivo y CSS. Base64 aumenta el tamaño en torno a un 33 %, así que deja las fotos grandes como archivos normales.
Preguntas frecuentes
¿Se sube mi imagen?
No. El archivo se lee y se codifica con JavaScript en tu navegador.
¿Por qué el Base64 ocupa más que la imagen?
Base64 representa cada 3 bytes con 4 caracteres de texto, así que el resultado ocupa alrededor de un 33 % más que el archivo original.
¿Cómo uso un data URI en HTML?
Ponlo en el atributo src: <img src="data:image/png;base64,...">. Elige “Etiqueta HTML img” para obtenerlo listo para pegar.
¿Puedo pasar de Base64 a imagen?
Sí, con el decodificador de Base64 a imagen.
Herramientas relacionadas
Redimensionar imagenCambia el tamaño en píxelesRecortar imagenPíxeles exactos o proporciónRotar imagenGira y voltea por lotesHEIC a JPGFotos de iPhone a JPGHEIC a PNGFotos de iPhone a PNGHEIC a PDFFotos de iPhone a PDFBase64 a imagenDecodifica y descargaCodificar / decodificar URLCodificación porcentual