Respuesta directa
Ajusta fotos JPG, PNG y WebP al lienzo cuadrado 2048×2048 predeterminado o a las alternativas 1024×1024 y 1200×1200 de esta herramienta. Shopify indica que 2048×2048 suele verse mejor en imágenes cuadradas; el tema controla la presentación. El relleno conserva las fotos pequeñas sin ampliar por defecto; el recorte descarta los bordes.
Cómo usar esta herramienta
Sube las fotos de tu tienda Shopify
Selecciona hasta 20 imágenes JPG, PNG o WebP. Se inicia con el ajuste recomendado de 2048×2048 de Shopify.
Selecciona 2048×2048 u otra opción cuadrada
Mantén 2048×2048 recomendado o cambia a 1024×1024 compacto o 1200×1200 estándar.
Elige Ajustar y rellenar o Recortar
Usa Ajustar y rellenar para mantener el producto íntegro con márgenes limpios, o Recortar para llenar todo el marco.
Exporta las fotos listas para Shopify
Descarga imágenes individuales o un paquete ZIP listo para subir al panel de Shopify.
Directrices de Medios de Shopify: Cuadrado Recomendado 2048×2048, Temas y Protección de Escala
La documentación de Shopify indica que 2048×2048 suele verse mejor para fotos cuadradas y que la presentación depende del tema. 1024×1024 y 1200×1200 son alternativas de esta herramienta. Sin ampliación, el relleno mantiene los píxeles originales de las fotos pequeñas y añade márgenes; no crea detalle ni garantiza nitidez del zoom o velocidad de carga.
- 2048×2048 sigue la orientación de Shopify para imágenes cuadradas; 1024×1024 y 1200×1200 son alternativas de la herramienta.
- Adaptación al tema: Recomienda proporciones cuadradas respetando la flexibilidad de cada plantilla.
- Protección contra sobreescalado: Mantiene escala <= 1 en imágenes pequeñas rellenando el lienzo limpiamente.
Ejemplos prácticos
Ajustar foto pequeña (500×500) en lienzo de 2048×2048 sin pérdida de calidad
Entrada: Insignia PNG 500×500 (1:1)
Salida: PNG 2048×2048 con emblema 500×500 sin ampliar y 774 px de margen en cada lado
El relleno mantiene la escala en 1. El lienzo mayor añade márgenes, no detalle al emblema.
Redimensionar foto 3000×3000 a 2048×2048 recomendado por Shopify
Entrada: Foto 3000×3000 JPEG (3.6 MB)
Salida: Imagen 2048×2048 JPEG optimizada
Reduce al lienzo cuadrado predeterminado. Comprueba el peso real y la presentación en tu tema.
Adaptar foto vertical (1200×1600) a 2048×2048 con relleno blanco
Entrada: Foto de moda 1200×1600 JPEG (proporción 3:4)
Salida: JPEG 2048×2048 con foto 1200×1600 sin ampliar, 424 px a cada lado y 224 px arriba y abajo
El relleno conserva toda la foto. El tema de la tienda todavía puede recortarla.
Limitaciones
- Los temas de Shopify pueden encuadrar según la configuración de la plantilla; revisa el editor de temas.
- Esta herramienta escala y añade márgenes; no realiza recortes automáticos de fondo.
- El relleno transparente requiere PNG o WebP. JPEG con relleno transparente se bloquea; cambia de formato o selecciona un fondo sólido.
Preguntas frecuentes
¿Qué tamaño recomienda Shopify para las fotos de producto?
Shopify indica que 2048×2048 suele verse mejor en imágenes cuadradas. Elige según el tema y revisa la tienda; el tamaño por sí solo no garantiza nitidez del zoom ni velocidad de carga.
¿Es obligatorio que todas las fotos sean cuadradas en Shopify?
No. Shopify recomienda 2048×2048 para imágenes cuadradas, pero la apariencia final depende de tu tema.
¿Qué ocurre si mi imagen es menor a 2048×2048?
En Ajustar y rellenar, sin ampliación, la foto pequeña conserva su tamaño y recibe márgenes. El recorte se bloquea si el área recortada es menor que el destino, salvo que permitas ampliar.
¿Se suben las fotos a servidores externos?
No. Todo se procesa de forma 100% local en tu navegador con HTML5 Canvas.
Referencias y normas autorizadas
- Shopify Help Center: Product media types ↗ — 2048×2048 usually displays best for square product images; actual presentation depends on the theme.
- W3C Portable Network Graphics (PNG) Specification (Third Edition) ↗ — PNG file format, including lossless encoding and alpha transparency; resizing can change pixel detail.
- MDN: CanvasRenderingContext2D.drawImage() ↗ — Source crop rectangles and destination dimensions.
- MDN: HTMLCanvasElement.toBlob() ↗ — Browser image export; JPEG and WebP quality can introduce compression loss.