Subir Imágenes de Productos
Aprende a agregar fotos profesionales a tus productos usando Bunny CDN para carga rápida y optimización automática.
💡 ¿Por qué usar imágenes? Las fotos atractivas aumentan las ventas hasta un 40%. SGG usa Bunny CDN para entregar imágenes optimizadas y rápidas en cualquier dispositivo.
Requisitos Previos
- El producto debe estar creado (no puedes subir imágenes al crear un producto nuevo)
- Verifica el límite de imágenes de tu plan (típicamente 5 imágenes por producto)
- Formatos permitidos: JPG, PNG, GIF, WebP
- Tamaño máximo: 5MB por imagen
Paso 1: Editar el Producto
- Ve a Panel de Administración → Productos
- Busca el producto al que quieres agregar imágenes
- Haz clic en el botón "Editar" (ícono de lápiz)
- Se abrirá el formulario de edición con el componente de upload de imágenes
Paso 2: Subir Imágenes
Interfaz de Upload:
📸 Arrastra imágenes aquí o haz clic para seleccionar
JPG, PNG, GIF, WebP • Máx 5MB por imagen
Opciones de Upload
- Drag & Drop: Arrastra archivos desde tu computadora
- Click para seleccionar: Haz clic en la zona de upload y selecciona archivos
- Múltiples archivos: Puedes seleccionar hasta 5 imágenes a la vez
Paso 3: Vista Previa y Reordenamiento
Una vez subidas, las imágenes se mostrarán en miniaturas:
📌 Imagen principal: La primera imagen del array es la que se muestra en:
- Listados de productos en la tienda
- Cards de productos en el catálogo
- Resultados de búsqueda
Asegúrate de que tu mejor foto esté en primer lugar.
Reordenar Imágenes
- Las imágenes se muestran en el orden actual
- Arrastra las miniaturas para cambiar el orden
- Los cambios se guardan automáticamente
- La imagen de más a la izquierda será la imagen principal
Paso 4: Eliminar Imágenes
Si necesitas quitar una imagen:
- Pasa el mouse sobre la miniatura de la imagen
- Haz clic en el botón "×" (eliminar) que aparece
- Confirma la eliminación
- La imagen se elimina del producto Y de Bunny CDN
⚠️ Advertencia: Eliminar una imagen es permanente y no se puede deshacer. La imagen también se borra del CDN, así que asegúrate antes de eliminar.
Optimización Automática con Bunny CDN
SGG optimiza automáticamente tus imágenes para diferentes dispositivos:
Presets de optimización:
| Uso | Tamaño | Calidad |
|---|---|---|
| Miniaturas (listas) | 200×200px | 80% |
| Cards de productos | 400px ancho | 85% |
| Vista detalle | 800px ancho | 90% |
| Móvil | 600px ancho | 80% |
Esto se hace automáticamente. No necesitas hacer nada.
Mejores Prácticas para Fotos de Productos
✅ Haz esto
- Usa luz natural o buena iluminación
- Fondo limpio y simple (blanco ideal)
- Enfoca el producto, sin distracciones
- Múltiples ángulos (frontal, lateral, detalle)
- Resolución mínima: 1200×1200px
- Comprime antes de subir (TinyPNG)
❌ Evita esto
- Fotos borrosas o pixeladas
- Mala iluminación (muy oscuro)
- Fondos desordenados
- Watermarks o logos invasivos
- Imágenes demasiado pesadas (>5MB)
- Fotos genéricas de internet
Límites por Plan
| Plan | Imágenes por producto |
|---|---|
| Starter | 3 imágenes |
| Pro | 5 imágenes |
| Enterprise | Ilimitadas |
Ejemplo: Subir Fotos de Pizza
Secuencia recomendada de imágenes:
- Imagen 1 (Principal): Pizza completa desde arriba, bien iluminada
- Imagen 2: Vista lateral mostrando el grosor de la masa
- Imagen 3: Close-up de los ingredientes (queso, tomate, albahaca)
- Imagen 4: Porción cortada para mostrar el interior
- Imagen 5: Pizza en el horno o en un plato decorado
¿Qué sigue?
Configurar variantes →
Crea diferentes tamaños o versiones de tu producto
Agregar extras/addons →
Ofrece ingredientes opcionales con costo adicional
Solución de Problemas
Error: "Archivo demasiado grande"
Tu imagen excede 5MB. Soluciones:
- Usa una herramienta de compresión como TinyPNG.com
- Reduce la resolución de la imagen (1200×1200px es suficiente)
- Convierte a formato JPG en lugar de PNG (suele ser más liviano)
- Usa calidad 85-90% al exportar desde editores de fotos
Error: "Límite de imágenes alcanzado"
Has alcanzado el límite de tu plan. Opciones:
- Elimina imágenes antiguas o de baja calidad
- Prioriza las mejores fotos (calidad sobre cantidad)
- Mejora tu plan para más imágenes por producto
Las imágenes tardan mucho en cargar
Bunny CDN debería cargar las imágenes muy rápido. Si son lentas:
- Verifica tu conexión a internet
- Limpia la caché del navegador
- Comprueba que las imágenes originales no sean muy pesadas
- Contacta a soporte si el problema persiste
No aparece la opción de subir imágenes
La zona de upload solo aparece al editar un producto existente. Verifica:
- Estás editando (no creando) un producto
- El producto se guardó correctamente
- Tienes permisos de administrador
- Bunny CDN está configurado en el sistema
¿Puedo usar imágenes sin fondo (PNG transparente)?
Sí, PNG con transparencia está soportado. Sin embargo:
- Los archivos PNG suelen ser más pesados que JPG
- La transparencia puede no verse bien en todos los temas (dark mode)
- Se recomienda usar fondo blanco o del color de tu marca
- Usa PNG solo si realmente necesitas transparencia