БАННЕРЫ

Форматы баннеров

Технические требования к баннерам

Видеоряд и цветовая гамма

При изготовлении баннера НЕ допускается

ПОДЛОЖКИ

Особенности размещения подложек на EVA.RU

Дизайн портала EVA.RU адаптивный - по ширине подстраивается под разные типы устройств и разрешения дисплеев. В мобильной версии EVA.RU подложки не отображаются. Для остальных типов дисплеев (мониторы, ноутбуки) создается единый макет подложки. При размещении подложка не масштабируется. В зависимости от разрешения дисплея могут меняться зоны видимости боковин и нижней части подложки.

Можно установить следующие свойства подложки при размещении:

1.Фиксированная (по умолчанию) - подложка остается неподвижной при прокрутке содержимого сайта. При скроллинге сайта боковины подложки всегда видны, но нижняя область может оказаться за пределами видимости на дисплеях с невысоким разрешением. Рекомендуется для подложек с высотой до 1080 px.

2. Подвижная (по запросу) - подложка прокручивается вверх вместе с содержимым сайта. Такой вариант позволяет увидеть те элементы подложки, которые не помещаются в первый экран просмотра сайта без прокрутки, но при скроллинге подложка полностью уйдет за пределы видимости. Рекомендуется для подложек с высотой более 1080 px.

Технические требования к подложке

Редакция от 07.12.2017

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 может отказать в ее размещении до устранения недостатков. В случае, если вы не можете устранить недостатки самостоятельно, можно заказать корректировку подложки (услуга платная, стоимость индивидуальная).