Convertidor de imagen a Base64
Convierte una imagen en una cadena Base64 o un data URI para HTML, CSS, JSON y pruebas de API sin subir el archivo.
Hasta 20 MiB y 40 millones de píxeles por imagen. Las hojas de contactos admiten 2–50 imágenes, hasta 100 MiB en total. Los iconos encajan la imagen completa en un cuadrado con relleno transparente.
Por qué existe esta herramienta
Base64 es mejor para recursos pequeños porque aumenta el tamaño de los datos.
- ✓ data URI
- ✓ Base64 sin prefijo
- ✓ copiar
- ✓ descargar texto
Útil para
- • fondos CSS
- • prototipos HTML
- • datos de prueba para API
Convierte una imagen pequeña en Base64 o en un data URI
Base64 incrusta los bytes binarios de la imagen como texto. Es útil para HTML, CSS, datos de prueba JSON y experimentos con API pequeños, pero la representación codificada ocupa más que los bytes originales.
Usa Base64 donde incrustar sea realmente útil
Los iconos pequeños, los datos de prueba y los prototipos autónomos son usos habituales. Las fotos grandes suelen estar mejor como archivos normales, porque Base64 aumenta el tamaño de los datos y complica el mantenimiento del código.
Elige entre data URI y Base64 sin prefijo
Un data URI incluye el tipo MIME y los datos Base64, así que puede colocarse directamente en HTML o CSS. Base64 sin prefijo es útil cuando una API o aplicación espera solo la cadena codificada.
Preguntas frecuentes
¿Qué es una cadena Base64 de una imagen?
Es una representación en texto de los bytes de la imagen con codificación Base64. Un data URI añade el tipo MIME de la imagen y el prefijo necesario.
¿Base64 reduce el tamaño de la imagen?
No. Base64 suele aumentar el tamaño de los datos binarios. Su ventaja es que la imagen puede viajar dentro de datos de texto.
¿Debo codificar en Base64 una foto grande?
Normalmente no. Para recursos grandes, un archivo de imagen normal o una URL suele ser más práctico.
¿Puedo usar un data URI de imagen en CSS?
Sí. Un data URI bien formado puede usarse como valor de imagen en CSS cuando el recurso es lo bastante pequeño para que tenga sentido.