Размеры рисунка к вэб-странице

Вэб-страницы, как часть любого интернет-ресурса, содержат текстовое содержание, которое, для пояснения сути вопроса и полноты содержания должны включать графические файлы. В среднем оптимально можно включать до двух…трех графических изображений на одной странице.

Известно, что чем больше размер картинки, чем больше в ней графических компонентов (пикселей), тем больше килобайт будет размер ее файла. В результате такие файлы замедляют время открытия страницы в браузере пользователя.

Учитывая это, перед загрузкой графики, предварительно уменьшают размеры каждого изображения в допустимых пределах, обеспечивая при этом достаточно четкое их восприятия в окне браузера.

Соотношение сторон картинок соответствует правилу «золотого сечения» (4:3), хотя в диапазоне — 1:1…1:1,25 оно не критично.

Размеры графических изображений, которых придерживаются, составляют в основном: 800 х 600 и 640 х 480 px. При таких размерах всегда можно обеспечить четкое восприятие основных элементов большинства изображений. Можно было бы считать такие размеры как некий идеал для вэб-страниц, хотя это зависит ещё и от размеров окна браузера.

В настоящее время большинство пользователей просматривают страницы веб-сайтов через мобильные устройства с небольшими размерами окон браузера, когда в большинстве случаев иллюстрации размером: 400 х 300, а иногда даже 250 х 200 px, будут нормальными для просмотра.

Практически: мелкие картинки часто дублируют размещением ссылки на изображение большего размера, когда по клику, при желании, его можно рассмотреть более скрупулезно. При размещении таких миниатюр, страницы сайта будут загружаться быстрее, что сбережет время посетителей при просмотре вэб-страниц.

Вот пример соответствия средних размеров картинки в точках к размеру файла в килобайтах:
razmery-risunka-veb-stramicy
Ещё пример соответствия размеров стороны квадратной картинки (использовал в качестве фавиконки) в пикселях к размеру файла в байтах:
razmery-risunka-veb-stranicy

Дополнительно, перед размещением изображений применяется их программное сжатие на 20 … 60%, без заметного снижения качества изображения.

Обновлено: 30.07.2021 — 14:40

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Капча загружается...