WebTools

Archivo a Base64

Genera un data URI listo para pegar en CSS o HTML.

Convierte un archivo en un data URI listo para pegar dentro de una hoja de estilo, un HTML o un JSON de configuración. Sirve para incrustar un icono pequeño y ahorrarse una petición de red.

Tiene sentido con archivos pequeños. A partir de unos pocos kilobytes, incrustar sale a cuenta perder: el recurso deja de poder cachearse por separado y la hoja de estilo engorda para todo el mundo.

Cómo se usa

  1. Suelta el archivo.
  2. Elige si quieres el data URI completo o solo el Base64.
  3. Procesa y descarga el .txt.

Preguntas frecuentes

¿Hasta qué tamaño vale la pena incrustar?
Como regla práctica, por debajo de unos 4 kB. Por encima, el crecimiento del 33 % y la pérdida de caché suelen hacer más daño que bien.
¿Puedo incrustar un SVG?
Sí, pero para SVG suele ir mejor codificarlo con porcentajes en vez de Base64: ocupa menos y sigue siendo legible dentro del CSS.
¿El tipo MIME sale bien?
Se toma del que el sistema operativo indica para el archivo. Si el navegador no sabe el tipo, se pone application/octet-stream y lo puedes corregir a mano.

Herramientas relacionadas