Imagen Base64
Convierta imágenes a Data URI Base64 y viceversa, con arrastrar y soltar y previsualización
Haga clic o arrastre una imagen aquí para subirla
Compatibles: PNG / JPG / GIF / SVG / WebP / BMP
{{ imageInfo.name }} · {{ imageInfo.sizeText }}
Haga clic para elegir otra imagen
Longitud: {{ base64Output.length }} caracteres
MIME: {{ imageInfo.mime }}
Caracteres: {{ base64Input.length }}
{{ errorMsg }}
{{ decodedImageInfo.mime }} · {{ decodedImageInfo.sizeText }}
Acerca de la conversión de imágenes Base64
La conversión de imágenes Base64 transforma un archivo de imagen en una cadena Base64 (Data URI). Un Data URI incrusta los datos de la imagen directamente en HTML/CSS con el formato data:image/png;base64,....
Usos comunes incluyen reducir solicitudes HTTP (incrustando imágenes pequeñas en HTML), incrustar imágenes de fondo CSS, embeber imágenes en correos electrónicos y referenciar imágenes en Markdown.
Esta herramienta funciona en ambos sentidos: convierte un archivo de imagen en un Data URI Base64, o convierte un Data URI Base64 en una imagen previsualizable y descargable. Todo se ejecuta en su navegador.
Preguntas frecuentes
P: ¿La imagen aumenta de tamaño tras la conversión?
R: Sí. Base64 aumenta el tamaño de los datos en unas 33%. En imágenes grandes, la incrustación puede perjudicar el rendimiento de carga — úselo con cuidado.
P: ¿Qué formatos de imagen se admiten?
R: PNG, JPEG, GIF, SVG, WebP, BMP, ICO y otros formatos comunes. El tipo MIME se detecta automáticamente.
P: ¿Cómo uso una imagen Base64 en CSS?
R: Use
background-image: url(data:image/png;base64,...). Esta herramienta ofrece un botón "Copiar fondo CSS" que genera el CSS listo para pegar.