boikov.net

Изображения для сайта

Изображения — максимально эффективный вид материалов для сайта. Изображения для сайта можно разделить на два типа: фотографии  и иллюстрации.

Фотографии для сайта — это изображения, сделанные с помощью фотоаппарата и обработанные фотографом. Реальная, живая съемка, возможно, с добавлением визуальных эффектов. Без фотографий — сайт пустой.

Иллюстрации для сайта — это графические материалы, рисунки, доработанные фотографии, иконки, которые усиливают эффект восприятия сайта и иллюстрируют его идеи, мысли, послания. Иллюстрации упрощают восприятие всех материалов сайта и делают его простым и интересным.

Для полного представления об изображениях, используемых на сайтах, необходимо привести еще два определения.

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

Векторная графика — способ представления объектов и изображений (формат описания) в компьютерной графике, основанный на математическом описании элементарных геометрических объектов, обычно называемых примитивами, таких как: точки, линии, сплайны, кривые Безье, круги и окружности, многоугольники.

Таким образом, все фотографии для сайта это растровая графика.

Но если на фотографии написан какой-либо текст, добавлен логотип, или фигура(ы) — это иллюстрация.

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

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

В большинстве случаев контент-менеджер размещает на сайте только фотографии.

Фотографии могут быть как уникальным контентом, так и стоковыми фотографиями, и к тем и другим есть определенные требования, для того, что-бы их понять определимся с основными характеристиками фотографий:

Размеры растровых изображений выражают в виде количества пикселей по горизонтали и вертикали, например: 1600×1200. В данном случае это означает, что ширина изображения составляет 1600, а высота — 1200 точек (такое изображение состоит из 1 920 000 точек, то есть примерно 2 мегапиксела).

Контрастность показывает, насколько визуально различимы те или иные области (объекты, предметы) изображения. Она напрямую влияет на различимость деталей.

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

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

Контрастность фотографии должна быть достаточной, по возможности вписываться в дизайн сайта. Рядом стоящие изображения желательно выбирать похожими по контрастности. Формат сжатия JPG.

Содержание или сюжет фотографии, то на что в первую очередь следует обратить внимание при выборе фотографии. Качество сюжета определяется:

Перспектива — изображение структуры и расположения в пространстве объемных тел.

Сюжет фотографии — это событие, запечатленное и во времени, и в пространстве на фотоизображении.

Отсутствие лишних деталей, положение объекта фотосъемки, фокусировка.

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

  1. Избегайте использования иллюстраций
  2. Используйте изображения разрешением не менее 1100 пикселей в ширину
  3. Избегайте изображений с множеством мелких деталей
  4. Обращайте внимание на изображения, которые будут находиться рядом, дизайн сайта
  5. Фотографируйте сами