Imagen a Base64
Convierte una imagen en un data URI que puedes pegar directamente en CSS o HTML.
- Funciona en tu dispositivo — el archivo no se envía a ningún sitio
- Sin registro, sin marcas de agua, sin cuotas diarias
- Gratis, sin límite de veces que lo uses
Cómo funciona
Un data URI incrusta una imagen directamente en tu código fuente en lugar de hacer referencia a un archivo aparte. Eso elimina una solicitud de red, lo que importa en imágenes diminutas que, de otro modo, costarían un viaje de ida y vuelta cada una.
Cuándo conviene
Iconos pequeños, logotipos y gráficos de un solo color. Por debajo de unos 2 KB, la solicitud que te ahorras suele compensar el coste. Por encima, gana una referencia normal a un archivo.
La penalización de tamaño
Base64 codifica tres bytes como cuatro caracteres, así que un data URI es aproximadamente un 33 % más grande que el archivo. Además, no se puede almacenar en caché por separado: se vuelve a descargar con cada copia de la hoja de estilos o de la página que lo contiene.
Dónde pegarlo
Directamente en un url() de CSS o en el atributo src de una etiqueta img. El resultado ya lleva el prefijo del tipo de medio correcto.
Imagen a Base64 — preguntas
¿Por qué hay un límite de tamaño?
Los data URI pertenecen al código fuente, y los muy grandes inflan cada página que los incluye. El límite es de 2 MB.
¿Funciona con SVG?
El SVG es texto, así que se puede incrustar directamente sin Base64, que ocupa menos.
¿Se sube mi imagen?
No. La codificación se hace en tu navegador.