Estructura de Imágenes para MaquinasDe.Cafe

Este directorio contiene todas las imágenes utilizadas en el sitio web. A continuación se detalla la estructura y las pautas para mantener las imágenes organizadas.

Estructura de Directorios

images/
├── productos/     # Imágenes de productos y máquinas de café
├── blog/         # Imágenes para posts del blog
├── hero/         # Imágenes de banner y hero sections
├── marcas/       # Logos y assets de marcas
└── iconos/       # Iconos y gráficos pequeños

Pautas de Nombrado

• Usar nombres descriptivos en minúsculas
• Separar palabras con guiones (-)
• Incluir dimensiones si es relevante
• Ejemplos:
  • delonghi-magnifica-frontal-800x600.jpg
  • preparacion-espresso-guia.jpg
  • logo-nespresso-dark.png

Optimización de Imágenes

1. Formatos Recomendados:

   • JPG: Para fotografías y imágenes con muchos colores
   • PNG: Para logos, iconos y imágenes que requieren transparencia
   • WebP: Versión optimizada de todas las imágenes

2. Dimensiones Recomendadas:

   • Hero images: 1920x1080px
   • Productos: 800x600px
   • Thumbnails: 400x300px
   • Logos: 200px de ancho máximo

3. Optimización:

   • Comprimir todas las imágenes antes de subir
   • Mantener un balance entre calidad y tamaño de archivo
   • Usar herramientas como TinyPNG o ImageOptim

Bancos de Imágenes Gratuitos

1. Unsplash (https://unsplash.com)

   • Fotos de alta calidad
   • No requiere atribución
   • Excelente para imágenes de café y ambientes

2. Pexels (https://www.pexels.com)

   • Gran variedad de fotos de máquinas de café
   • Licencia libre para uso comercial
   • Buena calidad de imagen

3. Pixabay (https://pixabay.com)

   • Muchas opciones de imágenes de café
   • No requiere atribución
   • Incluye vectores e ilustraciones

Proceso de Subida

1. Optimizar la imagen antes de subir
2. Nombrar según las pautas establecidas
3. Colocar en el directorio correspondiente
4. Actualizar el registro de imágenes si es necesario

Registro de Imágenes

Mantener un registro de las imágenes más importantes en el archivo image-registry.md incluyendo:

• Fuente de la imagen
• Fecha de adición
• Uso previsto
• Créditos si son necesarios