Я работаю над проектом, который отображает изображения профиля на самых разных устройствах с разными экранами (примерно 50/50 шт. / Моб.).Я видел необходимость оптимизировать свои изображения по мере роста сайта и приложений.У нас есть два типа изображений - прямоугольное изображение профиля и квадратное изображение аватара - которые в настоящее время используются для:
- Полнометражные жумботроны на верхней части страницы (прямоугольник)
- Пользовательпрофили (квадрат 400px)
- Чат (маленький квадрат рядом с чатом каждого пользователя)
Каковы некоторые из лучших методов хранения и определения размеров этих изображений?
Каков оптимальный DPI для мобильных устройств и DPI в сети (для скорости и качества изображения)?
Какое хорошее правило проверки для ограничения размера изображения (что слишком велико)?
Каков оптимальный размер в пикселях для аватара чата, который будет отображаться на экране во многих других чатахаватарные изображения для других пользователей?
Существуют ли какие-нибудь хорошие интерфейсные библиотеки для React, которые вы можете порекомендовать для проверки изображений?