Какой размер изображения должен быть для сайта?

Оптимальный размер изображения для сайта зависит от его назначения. www.shopify.com Некоторые рекомендации по размерам для разных типов изображений:

• Фоновое изображение. www.shopify.com Для рабочего стола — 2560 × 1400 пикселей, для мобильного — 360 × 640 пикселей. www.shopify.com Соотношение сторон — 16:9. www.shopify.com
• Образ героя. www.shopify.com Для рабочего стола — 1280 × 720 пикселей, для мобильного — 360 × 200 пикселей. www.shopify.com Соотношение сторон — 16:9. www.shopify.com
• Баннер веб-сайта. www.shopify.com Для рабочего стола — 1200 × 400 пикселей, для мобильного — 360 × 120 пикселей. www.shopify.com Соотношение сторон — 3:1. www.shopify.com
• Изображение в блоге. www.shopify.com Для рабочего стола — 1200 × 800 пикселей, для мобильного — 360 × 240 пикселей. www.shopify.com Соотношение сторон — 3:2. www.shopify.com
• Логотип (прямоугольник). www.shopify.com Для рабочего стола — 400 × 100 пикселей, для мобильного — 160 × 40 пикселей. www.shopify.com Соотношение сторон — 4:1. www.shopify.com
• Логотип (квадратный). www.shopify.com Для рабочего стола — 100 × 100 пикселей, для мобильного — 60 × 60 пикселей. www.shopify.com Соотношение сторон — 1:1. www.shopify.com
• Значок. www.shopify.com 16 × 16 пикселей. www.shopify.com
• Иконки социальных сетей. www.shopify.com 32 × 32 пикселя для рабочего стола, 48 × 48 пикселей для мобильного. www.shopify.com Соотношение сторон — 1:1. www.shopify.com
• Изображения лайтбокса (во весь экран). www.shopify.com 1920 × 1080 пикселей для рабочего стола, 360 × 640 пикселей для мобильного. www.shopify.com Соотношение сторон — 16:9. www.shopify.com
• Уменьшенное изображение. www.shopify.com 300 × 300 пикселей для рабочего стола, 90 × 90 пикселей для мобильного. www.shopify.com Соотношение сторон — 1:1. www.shopify.com

Эти рекомендуемые размеры могут потребоваться скорректировать в зависимости от того, используется ли адаптивный дизайн веб-сайта. www.shopify.com