Incrusta imágenes pequeñas directamente en HTML, CSS, JSON o plantillas de correo. Suelta una imagen y copia la cadena codificada o un fragmento listo para usar.
Cómo usar Imagen a Base64
- Elige o suelta una imagen.
- Copia la URI de datos en Base64 o el fragmento de HTML o CSS listo para usar.
- Pégalo en tu código.
Preguntas frecuentes
¿Cuándo conviene usar imágenes en Base64?
Para iconos e imágenes de pocos KB, incrustarlas ahorra una petición HTTP. Para imágenes más grandes es mejor un archivo normal, porque Base64 aumenta los datos en un 33% y no se puede almacenar en caché por separado.
¿Se sube mi imagen?
No. La codificación usa el FileReader de tu navegador, así que todo ocurre en tu equipo.
Herramientas relacionadas
Generador de faviconfavicon.ico más iconos para Apple y Android.
Base64 a imagenConvierte una cadena Base64 de nuevo en un archivo de imagen.
Comprimir imagenReduce fotos a un tamaño exacto en KB o MB.
Convertidor de imágenesConvierte entre JPG, PNG, WebP, GIF, BMP, AVIF y SVG.
Redimensionar imagenTamaños exactos en píxeles y formatos para redes sociales.
Recortar imagenRecorta imágenes con cualquier proporción o en círculo.