Какое разрешение фотографиям делать для веба?

Question

[Боб Семович]

Например у большинства смартфонов ширина экрана 720px (если держать его вертикально), при этом браузер воспринимает такое разрешение как 360px, как бы для того что бы не путать с ноутбуками.
Какое разрешение делать у фотографии для мобилки - 360px или 720?

Comments

[Rustam Bainazarov]

Вы путаете реальное разрешение экрана и размеры viewport.

По вашему примеру с 720 vs 320: чтобы картинка была чётче, она должна быть по размеру реального разрешения. Поэтому если есть задача сделать чётче, то размер нужен больше, точнее размер должен быть ближе к реальному разрешению экрана. Т. н. эффект retina как раз так и реализуется. В браузерах есть алгоритм определения степени масштабирования, если он вам нужен.

В современных смартфонах масштаб уже не двухкратный зачастую, а трёхкратный (типичный FullHD-экран типичного смартфона).