События на сайте
05:59, Вчера
22:12, 3 Апреля
Обновление данных:
МБДОУ детский сад № 123
20:52, 29 Марта
21:59, 31 Января
Изменен дизайн сайта:
МБДОУ детский сад №147
06:47, 11 Ноября
Войти

Л:
П:

Яндекс.Метрика
Главная - Инструкции
В конец | Консультации | Главная

Инструкция по работе с сайтами системы HostCMS

Темы инструкций
Инструкции по теме

Рекомендуемые размеры файлов изображений для сайта

Каждый файл, который находится на компьютере (на сервере), имеет свой вес. Место на сервере, как правило, ограничено и поэтому приходится «бороться» с этим каждый раз при выкладывании новой информации на сайт.

Более главной причиной сжатия файлов изображений является быстрота загрузки страниц.

Соответствие размеров изображения к размеру файла изображения (учитывая качество):

Размеры изображений (точки) Размер файла (Кб)
800 Х 600 60
400 Х 360 20
250 Х 200 10

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

Рекомендуемый размер изображения на страницу.

Тут важным моментом будет уточнить нужно ли вам, что бы картинка увеличивалась по клику на неё мышкой и какое количество фото будет на странице?!

Если фотографий на страничке не много (1-3 фото)

В этом случае можно обойтись одним файлом фотографии, основываясь на самом большом размере изображения по ширине. Загружаете на страницу сразу большое фото 640х480 или 800х600. В редакторе страницы сайта уменьшаете его до нужного размера и делаете ссылку по клику на него, на него же самого. Таким образом, файл изображения один, а размера у него два.

Если увеличение фото не требуется, то загружаете файл изображения с маленьким размером по ширине 250х200 или 400х300.

Для фото галерей или для страниц, где выводятся сразу несколько фото на страницу.

Рекомендуется делать для каждой фотографии 2 размера (маленькая и большая для увеличения), т.е. 2 файла. Это ускоряет загрузки страницы и делает возможным увидеть каждое фото в более нормальном качестве большего размера. Грузите на сервер большие и малые фото с примерно одинаковым названием (например: малое фото ris_1.jpg, большое фото к нему ris_1_b.jpg).

Маленький размер 250х200

Большой 640х480 или 800х600

На маленькое фото делаете ссылку на большую фотку.


Соблюдайте рекомендации по размещению файлов на сервере.





В начало | Консультации | Главная