Требования к баннерам и подложкам
Форматы баннеров
Технические требования к баннерам
Видеоряд и цветовая гамма
При изготовлении баннера НЕ допускается
Особенности размещения подложек на EVA.RU
Технические требования к подложке
Для размещения на Eva.Ru доступны следующие форматы баннеров:
| Размер баннера | Версия сайта | Формат |
|---|---|---|
| 300x600/240x400 px | desktop | gif, jpeg, html5 |
| 100%х250 px | desktop | gif, jpeg, html5 |
| 300х250/300х300 px | mobile | gif, jpeg, html5 |
| fullscreen - полноэкранный баннер-заставка | desktop+mobile | html5 или gif анимация |
- Общие технические требования к баннерам
- Технические требования к html5-баннерам
- Технические требования к графическим gif и jpeg баннерам
- Технические требования к fullscreen баннерам
- Баннеры, изготовленные на светлом фоне, должны иметь рамку толщиной минимум 1px.
За отдельную плату Вы можете заказать изготовление баннера в соответствии с техническими требованиями и с учетом Ваших пожеланий.
Видеоряд баннеров должен отвечать высоким эстетическим требованиям с учетом специфики женской целевой аудитории. Качество графики и анимации должны быть выполнены на высоком профессиональном и художественном уровне. Редакция вправе отклонить баннер, который нарушает эстетическое восприятие страниц и может повредить имиджу сайта.
- использование цветовой гаммы, шрифтов, графических элементов (фотографий, рисунков, иллюстраций), портящих эстетическое восприятие сайта;
- использование нечетких, размытых графических элементов, если это не предусмотрено сценарием и графическим решением;
- использование графических элементов с искаженной цветопередачей, имеющих оптические, а также значительные цифровые искажения, возникшие вследствие излишней компрессии (оптимизации, сжатия) баннеров;
- использование элементов интерфейса операционных систем, браузеров, результатов поиска поисковых систем;
- использование изображений с обнаженной натурой, кроме случаев, когда использование обнаженной натуры обусловлено спецификой рекламируемых товаров или услуг. Каждый случай размещения подобных баннеров оговаривается отдельно, при этом редакция оставляет за собой право отклонить баннер, если сочтет, что изображение имеет порнографический или двусмысленный характер, либо размещение на нем обнаженной натуры не оправдано характером предоставляемых услуг.
- преобразование исходного растрового изображения (jpg, gif, png, bmp, tif и др.) из меньшего в большее, т.к. это ведет к потере качества графического материала;
- слишком частая смена кадров, графических и текстовых элементов, существенно раздражающих глаз и отвлекающих пользователя от основного контента страниц сайта.
Вы можете самостоятельно создать и протестировать подложку, ознакомившись с указанными ниже техническими требованиями.
За отдельную плату Вы можете заказать изготовление подложки в соответствии с техническими требованиями Eva.Ru.
За отдельную плату Вы можете заказать изготовление подложки в соответствии с техническими требованиями Eva.Ru.
Особенности размещения подложек на EVA.RU
Дизайн портала EVA.RU адаптивный - по ширине подстраивается под разные типы устройств и разрешения дисплеев. В мобильной версии EVA.RU подложки не отображаются. Для остальных типов дисплеев (мониторы, ноутбуки) создается единый макет подложки. При размещении подложка не масштабируется. В зависимости от разрешения дисплея могут меняться зоны видимости боковин и нижней части подложки.
Можно установить следующие свойства подложки при размещении:
1.Фиксированная (по умолчанию) - подложка остается неподвижной при прокрутке содержимого сайта. При скроллинге сайта боковины подложки всегда видны, но нижняя область может оказаться за пределами видимости на дисплеях с невысоким разрешением. Рекомендуется для подложек с высотой до 1080 px.
2. Подвижная (по запросу) - подложка прокручивается вверх вместе с содержимым сайта. Такой вариант позволяет увидеть те элементы подложки, которые не помещаются в первый экран просмотра сайта без прокрутки, но при скроллинге подложка полностью уйдет за пределы видимости. Рекомендуется для подложек с высотой более 1080 px.
1. Для создания подложки используйте шаблон для Adobe Photoshop (скачать архив). Кроме шаблона, в архиве вы найдете две папки, предназначенные для тестирования вашей подложки, и папку с примером подложки без видимых полей. О создании подложки без полей читайте в п.7. О тестировании подложки изложено в п.9.
2. Готовая подложка сохраняется в формате jpeg или gif - размер файла не должен превышать 300 Кб. Подложки плохого качества, со значительными дефектами и искажениями, появившимися в результате слишком сильного сжатия, к размещению не принимаются.
3. Высота шапки подложки - 200 px.
4. Рекомендуемая ширина подложки - 1920 px, но при необходимости возможны отклонения от этой величины.
5. Высота подложки может быть произвольной. Рекомендуемая высота подложки - до 1380 px. При создании подложки выберите оптимальную высоту. При этом стоит учесть, что слишком большое изображение в большинстве случаев не удастся сохранить в хорошем качестве без превышения указанного в п.2 ограничения размера файла.
6. Запрещается размещать на боковинах тексты, надписи, сноски, дисклеймеры и другие значимые элементы, кроме случаев, когда данные элементы носят исключительно декоративный характер. Необходимо учитывать, что у многих пользователей боковины будут видны только частично. Тексты, надписи, сноски, дисклеймеры и другие значимые элементы размещайте в шапке подложки по центру в пределах 1050-1340 px по ширине. По бокам размещайте только фоновые изображения, нахождение которых за пределами зоны видимости будет допустимо.
7. В исходнике шаблона (podlogka_shablon.psd) вы найдете пример фонового изображения с рекомендуемыми размерами. Сам шаблон имеет максимальное (избыточное) значение ширины (2880 px) - такое значение использовать не требуется, выберите наиболее оптимальную ширину для вашего графического решения. Для этого измените размер холста, используя опцию меню Image > Canvas size. Ни в коем случае не используйте опцию уменьшения изображения для всего шаблона, а именно Image > Image size. В слоях исходника шаблона вы также найдете три адаптивных варианта дизайна EVA.RU различной ширины: 1340 px, 1050 px, 815 px. Для каждого из них обозначены максимальные зоны видимости боковин подложки (полупрозначные черные поля). При различных разрешениях дисплеев и размерах окна браузера зоны видимости боковин могут отличаться от обозначенных.
Как сделать подложку без видимых полей? На больших дисплеях по бокам и снизу могут быть видны белые поля - это области, находящиеся за границами подложки. Если вы хотите сделать подложку без этих полей, чтобы она идеально смотрелась на всех размерах дисплеев, то сделайте следующее. В шаблоне под слоем с подложкой создайте еще один слой, выходящий за пределы подложки, и окрасьте его в наиболее подходящий однотонный цвет. А фоновое изображение подложки по бокам и снизу сделайте плавно переходящим в этот цвет. В архиве с шаблоном вы найдете папку с соответствующим названием, в которой представлен пример подложки без полей.
8. Готовую подложку сохраните в формате jpeg или gif. Для этого в Adobe Photoshop используйте опцию меню File > Save for web. При сохранении в формате jpeg для получения оптимального качества рекомендуется установить значение параметра Quality 75-80%. Если при данных значениях размер готового файла получается более 300 Кб, попробуйте установить меньшее значение Quality. Если же не удается сохранить подложку в хорошем качестве, попробуйте уменьшить ширину и/или высоту подложки до более оптимальной. Подложки с небольшой цветовой гаммой, около 256 цветов, рекомендуется сохранять в формате gif.
9. Тестирование подложки. Проверьте, как будет выглядеть подложка при размещении на сайте. К шаблону прилагаются две папки ("test-jpeg" и "test-gif"). Сохраните вашу подложку с названием background.jpg или background.gif и поместите в соответствующую папку (test-jpeg или test-gif ), заменив существующее фоновое изображение своим. Откройте в браузере файл eva.html, чтобы увидеть результат. Меняйте ширину окна браузера, чтобы проверить, как выглядит ваша подложка при разной ширине сайта. При необходимости внесите корректировки и протестируйте снова до получения желаемого результата. В случае возникновения затруднений в тестировании подложки обратитесь к нашим специалистам.
10. Для размещения необходимо предоставить следующие материалы:
- подложку в формате jpeg или gif;
- исходник подложки в слоях в формате psd, если требуется корректировка под указанные техтребования (услуга платная);
- в комментариях к материалам укажите:
- цвет фона под подложку в шестнадцатеричном формате (пример: #ffffff) - по умолчанию цвет белый;
- дополнительно укажите, если нужна “подвижная” подложка (по умолчанию - “фиксированная”).
11. Если готовая подложка не соответствует данным техническим требованиям, рекламный отдел Eva.Ru может отказать в ее размещении до устранения недостатков. В случае, если вы не можете устранить недостатки самостоятельно, можно заказать корректировку подложки (услуга платная, стоимость индивидуальная).
