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

Есть сайт, на нем есть картинки обычного с высоким разрешением. Есть идея сделать для мобильной версии копии картинок, но в каком расширении лучше? Чтобы и на телефоне четко смотрелось и гугл не ругался на оптимизацию?
  • Вопрос задан
  • 428 просмотров
Пригласить эксперта
Ответы на вопрос 1
ArsenyMatytsyn
@ArsenyMatytsyn
Руководитель frontend направления, предприниматель
Плясать надо от брейкпойнтов + делать поправку на экраны повышенной плотности. В среднем используется 3 брейкпонта, следовательно при классово верном подходе необходимо нарезать минимум по 2 пикчи для каждого брекпойнта и экрана повышенной плотности = 6 картинок.

В принципе можно и оптимизировать, если удасться словить двукратное увеличение между брейкпойнтами. Т.е. брать не 2x от разрешения картинку, а от следующего брейкпонта, но это из области фантастики и больших бюджетов.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы