@I_want_to_know

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

Друзья, всем мира!
Посоветуйте, как подобрать размеры изображений?
Первый слайд, это карусель, в этой карусели у меня изображение, и текст.
Мне нужно сохранить контекст изображения и текст соответственно.
Но вот вопрос:
Как угадать размеры изображения, что бы первый экран был 100vh и 100vw, ведь размеры мониторов разные и тут много вопросов у меня:
- от 768 до 320 это мобильные и для них нужно вертикальное изображение что бы и тест был размещен и содержимое изображения было видно? или на мобильных лучшей практикой будет вообще не использовать слайдер для обеспечения легкости сайта?
- от 768 и выше изображение уже горизонтальное изображение нужно. Но мониторы разные у людей и хотелось бы обеспечить для всех мониторов одинаковое качество изображений и сохранить высокую скорость загрузки сайта.
Если я верно понимаю, то при создании изображения, нужно одно и то же изображение загрузить на сайт, но в нескольких разрешениях и потом их подгружать, под разные разрешения экрана?
Что то типа:
240×320
320×240
320×480
480×360
360×640
480×800
768×1024
640×960
1280×800
2048×1536
Друзья, я совсем запутался.
Объясните "на пальцах".
Спасибо.
  • Вопрос задан
  • 159 просмотров
Пригласить эксперта
Ответы на вопрос 1
@BollGade
React developer
Для правильного размера изображения можно использовать тег picture
А для позиционирования текста относительно картинку, можно регулировать через css media-запросы
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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