Convertir imagen a Base64
Acerca de esta herramienta
Elige una imagen para crear una URL de datos Base64 que puedas usar en HTML o CSS. También puedes pegar un valor de imagen Base64 y restaurarlo como archivo de imagen. La herramienta muestra la longitud del texto resultante y el tamaño estimado.
Cómo usar
- Convertir una imagen en una URL de datos Base64
- Restaurar una URL de datos Base64 como archivo de imagen
- Reconocer tipos PNG, JPEG, WebP y GIF habituales
- Mostrar la longitud resultante y el tamaño estimado
- Copiar el valor o descargar la imagen restaurada
- Elige una dirección: Selecciona imagen a Base64 o Base64 a imagen.
- Añade el contenido: Elige una imagen o pega un valor de imagen Base64.
- Copia o descarga: Copia la URL de datos generada o descarga la imagen restaurada.
Ejemplos
- Incrustar un icono pequeño en una plantilla de correo HTML
- Crear una imagen de avatar predeterminada para una página web
- Restaurar una imagen a partir de un valor Base64 copiado
- Probar una imagen de fondo sin alojar un archivo aparte
Limitaciones
- Base64 suele aumentar la cantidad de texto en torno a un tercio
- Las imágenes muy grandes pueden producir valores demasiado largos para incrustarlos directamente en una página
- La imagen seleccionada o el valor Base64 introducido se procesan directamente en tu navegador y no se envían al servidor.
Preguntas frecuentes
- ¿Cuál es la diferencia entre una URL de datos y Base64 puro?
- Una URL de datos incluye un prefijo de tipo MIME como data:image/png;base64,...; Base64 puro contiene solo el contenido codificado.
- ¿Qué tamaño de imagen se recomienda?
- Mantén las imágenes de origen por debajo de unos cientos de KB; las URL de datos muy largas pueden ralentizar la carga de la página.
- ¿Puedo decodificar desde CSS url()?
- Pega la parte de la URL de datos; la herramienta elimina el envoltorio si está presente.