Для размещения на 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 анимация |
За отдельную плату Вы можете заказать изготовление баннера в соответствии с техническими требованиями и с учетом Ваших пожеланий.
Видеоряд баннеров должен отвечать высоким эстетическим требованиям с учетом специфики женской целевой аудитории. Качество графики и анимации должны быть выполнены на высоком профессиональном и художественном уровне. Редакция вправе отклонить баннер, который нарушает эстетическое восприятие страниц и может повредить имиджу сайта.
Дизайн портала 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. Для размещения необходимо предоставить следующие материалы:
11. Если готовая подложка не соответствует данным техническим требованиям, рекламный отдел Eva.Ru может отказать в ее размещении до устранения недостатков. В случае, если вы не можете устранить недостатки самостоятельно, можно заказать корректировку подложки (услуга платная, стоимость индивидуальная).