Какой размер изображения должен быть для сайта?
Веб-дизайнСоздание сайтов
Анонимный вопрос · · 26,6 K
Первый
Мучился этим вопросом долго. Ставил плагин чтобы были отдельные изображения под Retina. А оказалось вот что…
У самого ноут шириной 1360. Фотографии на 900 пкс смотрятся нормально, если есть сайтбар. Без него фото поуже текста могут получиться. Зависит от ширины полезной площади вашего сайта.
Так как нет Мака, поехал в магазин техники и на нем проверил как смотрятся картинки. Вроде с плагином для Retina норм. Ставит автоматом изображения с большим разрешением.
А потом подумал, а как будет это смотреться на экране с шириной 1920?! Ужасно. Хорошо не переделал несколько страниц с фотками шириной около 1400 пкс. Так вот они и на ретина смотрятся нормально. Да даже 1280 ширина неплохо выглядело.
Итог: забудьте про фото менее 1000пкс, а лучше не менее 1200. А вообще сделайте несколько вариантов одинаковых фото на странице и идите в ближайший приличный магазин посмотреть результат на экранах с разным разрешением. Ну и про Мак не забудьте. Apple Мак, а не МакДак🤣
p.s. не забудьте сжать фото.
Что касается изображений на страницах сайта, то тут все просто. Размер картинки определяется в зависимости от размера блока, с учетом изменения его размеров при адаптации экрана, в соотношении максимум 1 к 2.
Ниодин из движков... Читать далее
Кратко: Берем размеры изображений в макете и следуем 4-м принципам уточнения размера изображения 👌
А вот несколько советов, которые помогут определиться с точным размером и не потерять в качестве и скорости загрузки... Читать далее
Размер изображения для сайта определяется шаблоном (дизайном). Размеры всех элементов дизайна сайта заранее просчитаны и сверстаны программистом, поэтому размещаемые картинки должны иметь тот размер, который был определен при... Читать далее
Размер изображения для сайта должно быть не более 500 - 700 пикселей. Зависит от шаблона сайта с учетом времени загрузки сайта. Чем больше размер изображений тем дольше загружается сайт. А это негативно сказывается для сайта.
Первый
Зависит от сайта. Например, мой сайт сделан на таком конструкторе, который требует загрузки максимально качественной фотографии, он сам всё оптимизирует. В то же время, конструктор Tilda, например, просит загружать фото с... Читать далее
Обычно система управления сайтом позволяет подгонять размер загруженной картинки под необходимое значение.
Важным шагом здесь будет уменьшение веса изображения. Так как чем больше вес картинки, тем дольше будет грузиться... Читать далее