¿Qué se guarda en la carpeta assets?

La carpeta src/assets/ está destinada a todos los recursos multimedia o estáticos que el código necesita procesar, optimizar o empaquetar antes de enviar la web a producción.

A diferencia de la carpeta public/ (donde lo que se guarda, se copia "tal cual" sin tocarse), todo lo que se guarda en src/assets/ pasa por el compilador (Vite/Astro).

Por lo tanto, en src/assets/ va todo lo visual/multimedia del diseño de sitio, que se desea que Astro comprima, optimice y prepare para máxima velocidad.

Tipos de archivos que van en /src/assets

• Imágenes que requieren optimización (.png, .jpg, .jpeg, .webp, .avif)

  Astro procesa las imágenes de src/assets/ usando su componente nativo <Image/>. Automáticamente las redimensiona, las convierte a formatos ultramodernos (como WebP o AVIF) y reduce su peso para que la web cargue súper rápido.

• Logos e ilustraciones vectoriales (.svg)

  Al estar en src/assets, se pueden importar en componentes para incrustarlos como SVG interactivos (inline SVG).

• Fuentes tipográficas locales (.woff2, .woff, .ttf)

  En el caso de no usar Google Fonts mediante CDN y preferir descargar las fuentes para alojarlas en el site por rendimiento y privacidad (GDPR).

• Archivos de datos locales estáticos (.json, .yaml)

  Tablas de datos, listas de países, traducciones o configuraciones locales que JavaScript necesite importar.

• Otros elementos multimedia

  Archivos de audio (.mp3), pequeños vídeos (.mp4), o PDFs si necesiten ser empaquetados junto con el bundle de JavaScript.