Публикация иллюстраций на сайте

Форматы иллюстраций на сайте

Допустимые форматы изображений для публикации на веб-сайте:

.gif — отличается небольшим размером файлов за счет резких цветовых переходов, универсален для графиков;
.jpeg — самый популярный формат для хранения фотографических изображений в Интернете;
.png — формат, созданный для размещения графики на Web-страницах.

Размер иллюстрации на сайте

Рекомендуемый размер иллюстрации на сайте должен быть не более 300 KB.

Запомните, чем легче иллюстрация, тем быстрее она откроется на Вашем сайте. Многие пользователи уходят с сайта, так и не дождавшись открытия интересующей иллюстрации, т.к. вес картинки велик, а скорость Интернета мала. Это отрицательно влияет на посещаемость Вашего сайта.

Рекомендуемое разрешение иллюстрации на сайте

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

Для экранного просмотра (как в нашем случае) рекомендуемое разрешение изображения:

  • в качестве иллюстрации в текстовом блоке – не более 300 px по любой из сторон;
  • для использования в фотогалерее – не более 800x600px.

Редактирование иллюстрации с помощью графического редактора Adobe Photoshop

1. Для изменения размера иллюстрации в главном меню программы выберите команду Image (Изображение), далее Image Size (Размер изображения). Откроется окно Image Size (Размер рисунка). Проверьте, стоят ли флажки на Constrain Proportions (Сохранять пропорции) и Resample Image (Тип масштабирования). Constrain Proportions обеспечивает правильное соотношение сторон изображения. Например, меняя ширину картинки, высота автоматически пересчитается под заданную ширину, сохранив исходные пропорции изображения.

2. В группе элементов Pixel Dimensions (Количество пикселей) нужно задать ширину (width) или высоту (height) редактируемого изображения. Напротив каждой величины должно стоять измерение в pixels (пиксели) (иллюстрации в интернете измеряются в пикселах). Так же можно задавать размеры в процентах от исходного изображения.
В группе элементов Document Size (Размер документа) в графе Resolution (Разрешение) должно стоять 72 pixels/inch (пиксели/дюйм). Такого разрешения вполне достаточно для изображений, предназначенных для экранного просмотра (Web-графика, слайд-шоу и т.п.). Нажмите «OK» для сохранения введенных параметров.

3. Чтобы сохранить иллюстрацию, войдите в меню File (Файл), далее выберите Save for Web (Сохранить для Веб). В правой части окна в группе элементов Present выберите формат JPEG (для фотографий).
В графе Quality задайте качество изображения. Для web оптимальное значение качества изображения — 60. Далее, сохраните изображение — нажмите «Save».

Если это необходимо, выберите в группе Present формат GIF. Качество изображения регулируется выбором количества цветов в графе Colors. Сохраните изображение.