Шаблон моего адаптивного веб-сайта уже готов, и сейчас я создаю изображения для контента.Но насколько большими они должны быть в производстве?Их размер будет изменен позже с помощью атрибута srcset или сценария addaptive images для конкретных потребностей устройства.
Для расчета самых больших необходимых размеров я вижу несколько точек:
- В окнах просмотра планшетов и смартфонов есть макет с одним столбцом, что означает, что изображения отображаются больше (нос более высоким ppi), чем на моем компьютере.(изображение будет отображаться с шириной 1920 пикселей на моем телефоне в ландшафтном режиме, в то время как на моем компьютере оно будет отображаться с разрешением 627 x 389 пикселей)
- Существует разрешение 4k (и выше?).
Охватываю ли я все важные размеры экрана, если получаю самый большой размер изображения при (1920 px x 4) x (1080 px x 4) = 7680 x 4320 px?(4 раза из-за 4k)
Я уверен, что я не первый, кто спрашивает об этом, но я не смог найти ответ, который искал.