Статичные баннеры
Характеристики и требования
Размещение: главная страница, фотоотчеты, журнал
Количество показов:
Преимущества:
Боковой баннер
240х400px
Качество графики: картинка должна быть в хорошем качестве без «артефактов» и «битых пикселей»
Макс. количество текста: не более 20% от площади баннера
Вес:от 25 кб до 50 кб
Советы по сохранению: сохраняем в Adobe Photoshop через функцию меню Save for Web с настройками 60–70% качества
ЗАКАЗАТЬ
Подробности
Размещение: фотоотчеты, журнал, афиша, скидки, персональные страницы платных клиентов
Количество показов:
Преимущества:
Главный баннер
1920х90px
Качество графики: картинка должна быть в хорошем качестве без «артефактов» и «битых пикселей»
Макс. количество текста: не более 20% от площади баннера
Вес:от 25 кб до 50 кб
Советы по сохранению: сохраняем в Adobe Photoshop через функцию меню Save for Web с настройками 60–70% качества
ЗАКАЗАТЬ
Подробности
Размещение: главная страница
Количество показов:
Преимущества:
Центральный баннер
960х130px (960х90px)
Качество графики: картинка должна быть в хорошем качестве без «артефактов» и «битых пикселей»
Макс. количество текста: не более 20% от площади баннера
Вес:от 25 кб до 50 кб
Советы по сохранению: сохраняем в Adobe Photoshop через функцию меню Save for Web с настройками 60–70% качества
ЗАКАЗАТЬ
Подробности
Размещение: каталог заведений, главная страница, персональная страница
Промо-борд
Промо-борд

Макс. количество текста: не более 20% от площади минимальной видимой зоны
Советы по сохранению: создаются 2 размера для одного баннера. Сохраняем в Adobe Photoshop через функцию меню Save for Web в .png (без прозрачности) или в .jpg
с настройками 30–51% качества
ЗАКАЗАТЬ
Подробности
Баннер изготавливается в двух размерах.
1. Горизонтальный баннер 2 560х480 px. Безопасная зона — 1536*480)
2. Вертикальный баннер 300*1440 (фон тянется на 100%). Безопасная зона — 300*500
На площадках промо-борд отражается в размере 50%
Размещение: каталог заведений
Количество показов:
Преимущества:
Центральный баннер
640х130px
Качество графики: картинка должна быть в хорошем качестве без «артефактов» и «битых пикселей»
Макс. количество текста: не более 20% от площади баннера
Вес:от 25 кб до 50 кб
Советы по сохранению: сохраняем в Adobe Photoshop через функцию меню Save for Web с настройками 60–70% качества
ЗАКАЗАТЬ
Подробности
Размещение: афиша, скидки
Количество показов:
Преимущества:
Центральный баннер
680х90px
Качество графики: картинка должна быть в хорошем качестве без «артефактов» и «битых пикселей»
Макс. количество текста: не более 20% от площади баннера
Вес:от 25 кб до 50 кб
Советы по сохранению: сохраняем в Adobe Photoshop через функцию меню Save for Web с настройками 60–70% качества
ЗАКАЗАТЬ
Подробности
Размещение: фотоотчеты, журнал
Количество показов:
Преимущества:
Центральный баннер
920х130px (920х90px)
Качество графики: картинка должна быть в хорошем качестве без «артефактов» и «битых пикселей»
Макс. количество текста: не более 20% от площади баннера
Вес:от 25 кб до 50 кб
Советы по сохранению: сохраняем в Adobe Photoshop через функцию меню Save for Web с настройками 60–70% качества
ЗАКАЗАТЬ
Подробности
Требования к размещению
Для размещения на портале, баннер должен соответсвовать следующим требованиям:
1
Соответсвовать этическим нормам.
2
Выглядеть эстетически аккуратно.
3
Быть читаемым и понятным.
4
Графика, используемая в баннере должна быть качественной: на баннере не должно быть следов артефактов от пережатой , «побитых пикселей», размытых изображений.
5
Количество текста не должно превышать 20% от площади. В случае горизонтального баннера и блочного брендирования — 20% от минимальной видимой зоны.
ПРИМЕРЫ НЕКАЧЕСТВЕННОЙ ГРАФИКИ
Основной заголовок размыт
Картинка сильно пережата при сохранении в формат jpg
Использован плохой исходник фотографии изначально
ПРИМЕРЫ СОКРАЩЕНИЯ ТЕКСТА И УЛУЧШЕНИЯ ГРАФИКИ
БЫЛО
СТАЛО
БЫЛО
СТАЛО
БЫЛО
СТАЛО
Рекомендации по сохранению промо-бордов
Принцип работы:

  • на устройствах с экраном больше 1280px по ширине баннер отображается справа, центрируется по вертикали, размер по ширине фиксированный;
  • на устройствах с экраном от 768 до 1280 px по ширине баннер отображается сверху, центрируется по ширине, высота фиксированная, все остальное обрезается;
  • на устройствах меньше 768, баннер сжимается пропорционально ширине экрана, высота динамическая, безопасная зона всегда видима.
Горизонтальный баннер 2560х480px
Безопасная зона — 1536х480px
Вертикальный баннер
600х2880px
Безопасная зона — 600х1000px
РЕКОМЕНДАЦИИ ПО ПОДГОТОВКЕ ИЗОБРАЖЕНИЙ
Все статические изображения нужно сохранять в Adobe Photoshop через функцию меню Save for Web.

Если изображение содержит мало цветов, можно попробовать сохранять в .png (без прозрачности) и вручную выставить количество цветов, которое должно использоваться.
Если изображения сложные, нужно сохранять их в jpg. Так как мы грузим изображения с учетом ретина экранов, то фактически всегда будет достаточно выставить качество на уровне 21-51%, даже если вы будете видеть артефакты, при реальном использовании это будет не заметно, а вес баннера будет значительно ниже. Плюс при сохранении в jpg используйте галочку Progressive.