Объявления лучше всего смотрятся с фотографиями шириной не менее 2000 пикселей
Итак, если вы вдохновились хоть одним стоком и зарегистрировались там как продавец контента, неплохо бы узнать, каким должно быть то, что принимают к продаже. Пройдемся по техническим требованиям к файлам основных площадок, соблюдем самые высокие требования, и тогда путь везде открыт. Это, конечно, не так весело, как котики и цветочки, которые вы собрались загрузить, но нужно знать. И разумеется, всю эту информацию можно найти на самих площадках и прочитать на английском языке.
Shutterstock
Требования к ФОТОГРАФИИ:
Размер: от 4МP (мегапикселей). Для расчета MP нужно умножить высоту изображения на ширину
Разрешение: 300 dpi
Цветовая модель: RGB
При увеличении изображения до 100% не должно быть шума, пыли, хроматических аберраций.
Размер: до 50 Мб
Допустимо увеличение размера не более 5%
Правильная экспозиция, объект в фокусе
Технические требования к ФОТО:
Разрешение: от 4 до 100 Мп
Размер: до 45 МБ
Технические требования к ВЕКТОРУ:
Формат: EPS10 или EPS8
Растровая копия JPEG-превью больше не принимается!
Размер: до 100 Мб
Цветовая модель: RGB
Обязательно выкл. галочка “Включать CMYK” иначе искажаются цвета
Замкнутые контуры и пути, разобранные эффекты, шрифты, заливки и т.п., все объекты разблокированы
Не допускается наличие растровых объектов
Графические объявления
Если вы не используете Адаптивный формат или не собираетесь использовать Идеи для креативов (грузит картинки и цвета с сайта), то Вам понадобиться полный список всех размеров:
Максимальный объем файла
JPG, PNG или GIF
Размер в пикселях (ПК и Мобильные)
240×400, 300×250, 300×500, 300×600, 640×960
Размер в пикселях (только ПК)
336×280, 640×100, 640×200, 728×90, 960×640, 970×250
240×400
300×250
300×500
300×600
640×960
336×280
640×100
640×200
728×90
960×640
970×250
Креативы размером 640×100, 640×200, 640×960, 960×640 пикселей в процессе размещения будут пропорционально уменьшены для показа в рекламных блоках размером 320×50, 320×100, 320×480 и 480×320 пикселей соответственно.
Если вы планируете создавать креативы не с помощью конструктора, то рекомендую начать с самых — 240×400, 300×250 и 728×90 пикселей. Графические объявления с такими креативами уже обеспечат вам значительный охват аудитории.
На десктопных версиях сайтов традиционно используются рекламные блоки 240×400, 300×250, 300×500, 300×600, 336×280, 728×90 и 970×250 пикселей.
Креативы размером 640×100, 640×200, 640×960, 960×640 пикселей в основном используются для показа в мобильных версиях сайтов и мобильных приложениях.
Хотя для этих мест показа более характерны рекламные блоки меньших размеров (320×50, 320×100, 320×480 и 480×320 пикселей), лучше загружать более крупные креативы, чтобы объявления не выглядели размытыми на экранах с высокой плотностью пикселей (например, Retina).
Технические требования к векторам:
Размер: до 30 Мб
Векторные изображения должны сопровождаться JPEG-превью с минимальным размером 1600*1600 пикселей
Как изменить размер в Photoshop
Откройте меню Размера изображения и во всплывающем окне вам нужно пометить поле «resample». Если вы не активируете «resample», вы будете перераспределять пиксели, как я объяснила в начале статьи.
Вы также можете выбрать галочку «Пропорция», если вы хотите, чтобы параметры регулировались в соответствии с вашими изменениями. Таким образом, ширина изменяется при изменении высоты и наоборот.
8×10 дюймов при 300 ppi, это размер, необходимый для печати 8 × 10. Обратите внимание на размер пикселей 3000 x 2400.
750×500 пикселей при 72 ppi. Это веб-разрешение, и это точный размер всех изображений в этой статье. Размер в дюймах не имеет значения при публикации в Интернете - имеет значение только размер в пикселях.
В верхней части окна вы также увидите, как изменяется размер файла. Это несжатая версия вашего изображения, это прямая связь, о которой я говорила в первой части статьи: меньшее количество пикселей означает меньше информации.
Теперь, если вы все еще хотите изменить размер файла без изменения размера, то вы можете сделать это, когда сохраняете изображение. Перед сохранением фотографии вы можете выбрать нужный формат:
Если вы не хотите потерять какую-либо информацию, вам необходимо сохранить несжатый формат. Наиболее распространенным является TIFF.
Если вы не возражаете потерять небольшую информацию и иметь более легкий файл, перейдите в JPEG и выберите, насколько маленьким он должен быть. Очевидно, чем меньше значение вы устанавливаете, тем больше информации вы потеряете. К счастью, у него есть кнопка предварительного просмотра, чтобы вы могли видеть влияние вашего сжатия.
JPG высокое качество.
JPG низкое качество. Обратите внимание, как он пикселизирован и разбит? Если вы выберете очень низкое качество, вы рискуете ухудшить изображение слишком сильно.
Широкоформатное изображение
16х9 (или 1920 х 1080 пикселей) но, не менее 1080 х 607
Рекомендуется создавать 2 варианта каждого объявления: со стандартным и с широкоформатным изображением. Так ваши объявления будут показаны на всех доступных площадках.
При размещении в рекламном блоке на той или иной площадке изображение может быть уменьшено и обрезано
Если в каком-то из форматов ваше изображение обрезано не так, как вам хотелось бы, задайте смарт-центры вручную .
На изображениях не должно быть текста (можно текст, но не желательно)
Заключение
Итак, вот что означают качество, количество, размер и разрешение, и все они связаны с пикселями, поскольку те являются основными единицами, которые составляют изображение. Теперь, когда вы знаете, как сделать лучший выбор для печати, отправки и хранения ваших фотографий. Вся эта информация более подробна разложена в видеокурсе: "Секреты творческой обработки фотографий для новичка", чтобы ознакомится с описанием курса, кликните по картинке ниже.
В Яндекс Директ размеры баннеров очень разнообразны и уникальны в зависимости от типа рекламной кампании Здесь собрана информация, которая не указана в официальной справке и которую можно узнать, только когда уже будете грузить креативы в интерфейс. С мультиформатными объявлениями в РСЯ особенно проблематично, так как там надо ставить смарт-центр для 1 картинки на более чем 10 форматов.
Технические требования к ВИДЕО:
Формат: MOV, MP4 , MPG или AVI
Разрешение: от 1280×720, но рекомендуются видеоролики в Full HD или 4K
Предпочтительные кодеки: h264, ProRes, PNG
Длительность: от 5 до 60 секунд
Размер: до 3900 МБ
Избегайте вертикального и квадратного кадрирования.
Вариант №2
Тут всё тоже самое, что в варианте №1 только плашка для заголовка – полупрозрачная.
Технические требования к ВИДЕО:
Форматы: ASF, AVI, DV, FLV, MOV, MPEG / MPG, MP4, WMV;
Видеокодеки: Photo JPEG, Motion JPEG-A / B; DV, HDV, DVCPro; H.264 / AVC, DivX, Xvid, SVQ1, MP42, MP43, MPG4, MP4V, M4S2, MPEG-1, MPEG-2; WMV2, WMV3; FLV;
Частота кадров в секунду (FPS) должна соответствовать видеоформату (стандарт NTSC 29,97 FPS или стандарт PAL 25 FPS). Принимается 23,976, 24, 25, 29,97, 30, 50, 59,93 или 60 кадров в секунду
Минимальное разрешение 0,07 МП (320 x 240 пикселей)
Максимальное разрешение не ограничено
Продолжительность: 3-60 секунд
Уровень сжатия должен соответствовать максимально возможному качеству изображения
Звук может быть принят, если он является частью сцены (окружающие звуки, голоса). Видео НЕ должно содержать звуковых дорожек, не принадлежащих авторам видео
Размер, разрешение и форматы . Что происходит с пикселями? Вы покупаете камеру из-за количества мегапикселей? У вас есть проблемы с размещением фотографий в Интернете? Отличается ли печать ваших фотографий низким качеством, даже если они выглядит великолепно на экране? Кажется, есть некая путаница между пикселями и байтами (размер изображения и размер файла), качеством и количеством, размером и разрешением. В этом уроке мы разберем эту крайне важную для любого фотографа информацию
Итак, давайте рассмотрим некоторые базовые понятия, чтобы сделать вашу жизнь проще, а ваш рабочий процесс стал более эффективным, и ваши изображения будут иметь нужный размер для предполагаемого использования.
Это изображение размером 750 × 500 пикселей с разрешением 72 dpi, сохраненное формат сжатый JPG, который составляет 174kb. Давайте разберемся, что все это значит.
Вариант №1
360 х 290, где будет закрыто белой плашкой для заголовка от 360 х 60 до 360 х 84 в зависимости от длины заголовка. Так же будет виден домен + фавикон на полупрозрачной тёмной плашке размером 100 х 20.
Обращаю внимание, что в данном варианте присутствуют 2 основных для РСЯ элемента – картинка и заголовок.
Размеры для Мастера-кампаний
Ставя стандартную (как для ТГО) картинку 450 х 450 на все форматы в Мастере-кампаний, вы можете посмотреть превью того, как это будет смотреться в 1 из 3 вариантов.
Информация о размерах изображений и их отображении получена опытным путём и не является официальным требованиям к размерам картинок. Ваши объявления при показе могут отличаться от заявленных параметров. Следите за обновлениями.
Исходя из этих превью, получаются следующие размеры:
Так количество означает качество?
Из-за вышеупомянутой взаимосвязи между размером и разрешением многие думают, что мегапиксели означают качество. И в некотором смысле это происходит потому, что чем больше пикселей вы имеете, тем выше их плотность.
Это уже больше того, что глаз может отличить, что означает, что 16-бит или 32-бит будут выглядеть для нас относительно одинаково. Конечно, это означает, что ваше изображение будет тяжелее, даже если размер одинаков, потому что в каждом пикселе содержится больше информации. Именно поэтому качество и количество не обязательно идентичны.
Поэтому количество имеет значение, но и размер и глубина каждого пикселя определяют качество. Вот почему вы должны смотреть все характеристики камеры и ее сенсора, а не только количество мегапикселей. В конце концов, существует ограничение на размер, который вы можете распечатать или просмотреть, более того, это приведет только к дополнительному размеру файла (мегабайт) и не повлияет на размер изображения (мегапиксели) или качество.
Как выбрать и контролировать размер изображения и размер файла?
Конечно, мы говорим обобщенно, потому что каждый монитор и каждый принтер будут иметь немного другие разрешения. Например, если вы хотите распечатать фотографию до 8 × 10 дюймов, вам нужно, чтобы изображение имело 300 точек на дюйм x 8 "= 2400 пикселей и 300 точек на дюйм x 10" = 3000 пикселей (поэтому 2400 × 3000 для печати 8 × 10 при 300 dpi). Все, что больше, будет лишь занимать место на жестком диске.
Разрешение и размер – это одно и то же?
Одно из самых больших недопониманий исходит из концепции разрешения. Если это ваш случай, поверьте мне, что вы не одиноки.
Проблема в том, что разрешение может относиться ко многим вещам, две из которых могут стать проблемой. Далее я объясню эти две концепции разрешения, однако у них есть одна общая черта, которую мне нужно прояснить в первую очередь. Обе они имеют отношение к пикселям.
Вы, наверное, много слышали о пикселях, по крайней мере, когда покупали свою камеру. Это одна из самых понятных и «существенных» спецификаций на рынке, поэтому я начну с этого.
Adobe Stock
Квадратные изображения
Технические требования к изображению:
размер — от 450 пикселей по каждой стороне для текстово-графических объявлений, от 1080 пикселей — для рекламы мобильных приложений;
Рекомендуется использовать изображения, размер которых составляет от 1080 до 5000 пикселей.
В зависимости от формата меняется соотношение сторон изображения: для стандартного изображения — от 1 : 1 до 4 : 3/3 : 4
Если конкретней, то все места размещения делятся на
- Главная Яндекса (Дзен и под поисковой строкой)
- Рекламная сеть Яндекса (Квадратные, Горизонтальные и Вертикальные. Каждый по 3 штуки вариантов)
Ваше квадратное изображение будет использовано в 11 вариантах размеров.
Далее идёт пример, то как преобразуются картинка и текст в готовое объявление одного из 11 форматов. Указанные размеры на фото, это не размеры форматов, это размеры объявлений целиком в рекламе уже после соединения картинки и текста.
Количество пикселей
Первый вид разрешения относится к количеству пикселей, которые формируют вашу фотографию. Чтобы рассчитать это разрешение, вы просто используете ту же формулу, которую вы бы использовали для площади любого прямоугольника; умножьте длину на высоту. Например, если у вас есть фотография с 4500 пикселями на горизонтальной стороне и 3000 по вертикальной стороне, она дает вам 13 500 000. Поскольку это число очень непрактично, вы можете просто разделить его на миллион, чтобы преобразовать его в мегапиксели. Таким образом, 13 500 000/1 000 000 = 13,5 мегапикселей.
Вариант №3
Третий вариант стоит особняком по нескольким причинам. В объявлении размером от 300-360 х 450 (вертикальное) большая часть занята текстовыми элементами объявления, среди которых: Заголовок, текст и 3 быстрые ссылки .
Картинка будет занимать 300 х 130-136 пикселей в зависимости от длинны заголовка.
Основные советы для всех вариантов (так как вы не выбираете)
- Располагайте более важную информацию на картинках ближе к 2\5 общего размера картинки, исходя из расчета -17 % сверху и несколько раз по -17% снизу.
- Лучше избегать текста на картинках, тут он накладывается отдельной плашкой
- Заполняйте все варианты заголовков и текстов, а так же делайте минимум 3 быстрые ссылки
Что такое пиксель?
Цифровая фотография не является одной неразделимой вещью. Если вы достаточно сильно приблизите ее, вы увидите, что изображение похоже на мозаику, образованную из маленьких плиточек, которые в фотографии называются пикселями.
Количество этих пикселей и способ их распределения являются двумя факторами, которые необходимо учитывать, чтобы понять, что такое разрешение.
Технические требования к изображениям:
Разрешение: от 6 МП
Размер: до 30 Мб
Только высокое качества (80% сжатие)
Текстово-графические объявления
Используются во всех форматах кроме результатов поиска.
Однако есть такое место размещения – на главной Яндекса, но это не считается результатами Поиска.
Бывают 2-х видов:
Depositphotos
Карусель
От 2 до 10 изображений размером не менее 450 × 450 и не более 10 МБ.
Показов в формате карусели не будет, если хотя бы один слайд отклонён модератором.
Плотность пикселей
Другое разрешение - это то, как вы распределяете имеющееся общее количество пикселей, что обычно называют плотностью пикселей.
Теперь разрешение выражается в dpi (или ppi), которое является аббревиатурой для точек (или пикселей) на дюйм, да именно на дюйм, так уж сложилось, что в метрическую систему это не перевели. Итак, если вы видите 72 dpi, это означает, что изображение будет иметь плотность 72 пикселя на дюйм; если вы видите 300 dpi – это 300 пикселей на дюйм и т. д.
Конечный размер вашего изображения зависит от выбранного вами разрешения. Если изображение имеет 4500 x 3000 пикселей, это означает, что он будет напечатан в размере 15 x 10 дюймов, если вы установите разрешение 300 dpi, но при 72 dpi оно будет 62,5 x 41,6 дюйма. Хотя размер печатного снимка меняется, вы не изменяете размер своей фотографии (файл изображения), вы просто меняете организацию существующих пикселей.
Представьте себе резиновую ленту, вы можете растянуть ее или сжать, но вы не меняете количество ленты, вы не добавляете и не разрезаете ее.
Таким образом, разрешение и размер – это не одно и то же, но они связаны между собой.
Видеообъявления
Формат | MP4, WebM, MOV, QT, FLV, AVI |
Размер | Не более 100 МБ |
Длительность | От 5 до 60 c |
Для непропускаемого видео можно использовать видеоролики только до 15 с.
Пример актуален для большинства форматов. Диапазон зависит от формата и устройства. Например, меньше всего кнопка на десктопе, если пользователь смотрит видео, развернутое на весь экран. Крупнее всего кнопка отображается на маленьком экране смартфона.
Юридическую информацию не обязательно вставлять в ролик на этапе монтажа. Укажите предупреждение при загрузке видео в блоке Юридическая информация , и оно будет доступно в меню в правом верхнем углу видео.
В нашем блоге мы много пишем о создании почтовых рассылок — их верстке, дизайне и интересных статистических фактах. Однако рассылки — не единственный коммуникационный инструмент, при использовании которого возникают различные проблемы. При всей распространенности социальных сетей далеко не все знают, как правильно подбирать размер публикуемых там изображений. Мы представляем вашему вниманию адаптированный перевод руководства от эксперта сервиса Buffer Кевана Ли, в котором он описывает алгоритм подбора размеров изображений для популярных социальных сервисов.
Каких только нет инструментов, с помощью которых можно генерировать запоминающиеся изображения для социальных сетей. Известно, чем можно привлечь внимание людей, и как создать что-то запоминающееся.
Осталось только одно: узнать, какого размера должно быть ваше изображение, чтобы оно подходило для разных новостных лент?
При создании изображений для социальных сетей нужно учитывать много нюансов. Почти на автомате мы выбираем форму и размер изображения, однако именно высота, ширина и ориентация – это то, от чего больше всего зависит вид изображения в новостных лентах социальных сетей.
Идеальные размеры изображения для социальных сетей
- Шпаргалка от Omnicor по размерам изображений для социальных сетей;
- Дизайн для социальных сетей от Covershub.
Вот процесс изменения обложки альбома в Facebook.
В этой статье я бы хотел обсудить изображения, которые вы прикрепляете к своим постам на страницах в социальных сетях (в качестве картинок или ссылок на них).
Необходимо понять, как сделать так, чтобы это изображение хорошо выглядело. Вот разрешения изображений, подходящие для разных социальных сетей:
- Facebook – 1200 x 628;
- Twitter – 1024 x 512;
- LinkedIn – 800 x 800;
- Google+ – 800 x 1200;
- Pinterest – 735 x 1102.
Два универсальных шаблона
Экспериментируя с различными методами создания изображений для социальных сетей, пытаясь найти самый простотой и быстрый способ, мы определили два разрешения, которые подходят для большинства сайтов. Одно для горизонтальных (альбомная ориентация), а другое для вертикальных (книжная ориентация) изображений:
- Горизонтальная (альбомная) – 1024 x 512;
- Вертикальная (книжная) – 800 x 1200.
Горизонтальные изображения больше подходят для Facebook и Twitter. Вертикальные изображения подойдут для Google+ и Pinterest.
Горизонтальные изображения (о которых мы поговорим немного позднее) с соотношением сторон 2:1 идеальны для Twitter. Этот формат не очень подходит для Facebook, так как сайт обрезает края изображения.
Если вам нравится использовать квадратные изображения, то вам следует обратить внимание на статью Constant Contact.
- Квадратное изображение – 1200 x 1200 (для Facebook и LinkedIn);
- Горизонтальное изображение – 1200 x 627 (для Facebook и Twitter);
- Вертикальное изображение – 736 x 1128 (для Pinterest и Google+).
Ориентация вашего изображения, горизонтальная (альбомная), вертикальная (книжная) или квадратная, определяет, какое разрешение для него выберет Facebook.
Если вы загрузите квадратное изображение, его разрешение станет 470 x 470 пикселей, что, в свою очередь, является максимальным разрешением для ленты Facebook. Сайт обрежет изображение независимо от того, какого оно размера. Изображения 800 x 800 пикселей и 400 x 400 пикселей будут выглядеть одинаково, однако, после увеличения их размера до 470 пикселей, изображения поменьше окажутся немного размытыми.
Если вы загрузите горизонтальное (альбомное) изображение, его ширина станет равна 470 пикселям, а высота изменится, сохранив прежнее соотношение сторон.
Альбомные изображения с шириной меньше 470 пикселей могут стать еще уже и будут сдвинуты влево – в результате останется пустое место с правой стороны.
Если вы поделитесь ссылкой с помощью Facebook, изображение, которое она содержит, может быть отображено по-разному. Опять-таки это зависит от размера изображения (высота и ширина в пикселях) и его ориентации.
Превью изображения, полученного в результате размещения ссылки, будет в результате 470 пикселей в ширину и 246 пикселей в высоту.
При выборе изображения для ссылки, Facebook просматривает тэги Open Graph для этой страницы, а именно тэг og:image, который определяет, какое изображение нужно использовать.
Тэг og:image можно добавить вручную для каждой страницы вашего сайта, также можно использовать плагины, например Yoast SEO для WordPress, которые изменят код без вашего участия (для блога Buffer мы рекомендуем плагин Yoast). Если вы создаете изображение с тэгом og:image для ссылки, вам нужно учитывать, что все изображения с разрешением больше 470 x 246 пикселей будут обрезаны сверху и снизу.
К тому же, если у вашей ссылки нет тэга og:image или картинка с этим тэгом слишком маленькая, Facebook не отобразит ее в полном размере – в маленьком окне слева от ссылки появится миниатюра.
Практически для всех ориентаций – квадратных, горизонтальных (альбомных) и вертикальных (книжных) – размер миниатюры будет равен 158 x 158 пикселей.
В некоторых случаях размер очень высоких изображений, например инфографики, будет равен 158 пикселей в ширину и 237 пикселей в высоту.
Мы обнаружили, что самый подходящий размер для изображений на Facebook – это 1024 x 512 пикселей. Такой размер не совсем подходит под габариты, о которых я писал выше, но он достаточно большой, чтобы занять всю выделенную ширину в новостной ленте, и отлично выглядит на retina-дисплеях.
Идеальные размеры изображения для твитов
На десктопах у изображений в ленте Twitter разрешение равно 506 x 253 пикселя. Для этого разрешения соотношение сторон равно 2:1. Это означает, что каждые 2 пикселя ширины добавляют 1 пиксель высоты. Если вы создадите изображение размером 800 x 400 или 1000 x 500 – любого размера с соотношением сторон 2:1 – в ленте Twitter оно появится без изменений.
Вот пример изображения с шириной 1024 пикселя и высотой 512 пикселей (соотношение 2:1), отмасштабированное до размера 506 x 253.
Примечание: у изображения размером меньше, чем 506 x 253 пикселя, появится белая полоса справа.
Twitter обрезает изображения сверху и снизу, оставляя центральную часть нетронутой.
Размеры изображений для Twitter Cards
На каждую из девяти видов Twitter Cards также можно добавлять изображения. Если вы используете карточки для привлечения клиентов или рекламы продукции, то AgoraPulse подробно описывает, какие размеры изображений подходят для каждой из них.
Поговорим подробнее о двух типах, которые чаще всего используются для распространения контента:
- Summary Сard;
- Summary Сard плюс большое изображение.
(Плагин Yoast SEO для WordPress, упомянутый ранее, так же поддерживает Twitter Cards). Оба типа Summary Card могут отображать как само изображение, так и его миниатюру.
Для Summary Сard:
Разрешение изображения должно быть больше, чем 120 x 120 пикселей и весить меньше 1 МБ. В случае с Expanded Tweet или его подробной страницей изображение будет обрезано под соотношение сторон 4:3 с разрешением 120 x 90 пикселей.
Изображения будут обрезаны до разрешения 120 x 120 пикселей, если это ссылка на другой твит.
Для Summary Card с большими изображениями:
Все изображения для этих Summary Card должны обладать разрешением минимум 280 x 150 пикселей и весить меньше 1 МБ.
Ширина всех изображений для таких карточек будет равна 480 пикселей. Поэтому у изображений с альбомной и книжной ориентацией ширина всегда будет равна 480 пикселей, а высота будет напрямую зависеть от ширины (похоже, что для высоты не существует минимума или максимума). Разрешение квадратных изображений будет равно 480 x 480 пикселей.
Все изображения с шириной меньше 480 пикселей будут сдвинуты влево, при этом справа останется пустое место.
Интересно то, каким образом обрезаются изображения. Для Summary Card фотографии обрезаются следующим образом:
- Если у изображения квадратная или книжная ориентация, то оно обрезается сверху и снизу;
- Если у изображения альбомная ориентация, то оно обрезается справа и слева.
Если вам интересно, как ваши изображения будут выглядеть на Twitter Cards, то вы можете воспользоваться бесплатной службой, которая покажет предварительный результат.
Идеальные размеры изображений для LinkedIn
Когда вы делитесь ссылками или статьями на LinkedIn, разрешение миниатюр изображений может составлять максимум 180 x 110 пикселей.
Если вы загрузите изображение напрямую, то его максимальная ширина будет равна 350 пикселям. Высота изображения (любого типа) будет изменена согласно новому показателю ширины. Например, изображение разрешением 700 x 500 пикселей станет 350 x 250 пикселей.
Отличаться от этих стандартов будут разрешения изображений для LinkedIn Showcase Pages, функции, которая позволяет компаниям создавать страницы об их сторонних продуктах (например, если бы Adobe создал страницу о Adobe Creative Cloud или Adobe Marketing Cloud). В этом случае стандартное разрешение миниатюры изображения составляет 180 x 110 пикселей, а крупного изображения – 442 x 248 пикселей.
LinkedIn, как Facebook и другие социальные сети, использует тэги Open Graph. Если ссылки на ваш сайт отлично работают в Facebook, значит, все будет работать и в LinkedIn.
(Если вам не хочется работать с тэгами Open Graph, то у SmashingBoxes есть несколько хороших идей по поводу того, как обойтись без них).
Еще один способ распространения контента с помощью LinkedIn – это размещение статей, которые появляются на домашней странице пользователей, с помощью LinkedIn Pulse. LinkedIn создали целую платформу для подобного контента, которая включает в себя функцию добавления изображений к статьям.
На домашней странице Pulse главное изображение поста появляется с разрешением 180 x 110 пикселей, как в случае со всеми миниатюрами от ссылок. Если статья находится в списке рекомендованных статей Pulse, то разрешение миниатюры будет равно 70 x 37 пикселей.
На странице Pulse список статей находится с левой стороны. В нем разрешение миниатюр изображений равно 70 x 70 пикселей. У главных изображений, которые находятся над статьей, разрешение равно 698 x 400 пикселей.
(Изображение обрезается по бокам, поэтому его центр остается нетронутым).
Идеальные размеры изображений для Google+
Когда вы делитесь ссылками и статьями в Google+, максимальная ширина изображения может быть 426 пикселей. Высота изменяется пропорционально ширине.
Если ширина изображения меньше 346 пикселей, то Google+ поместит его в центр окна с белыми полосами по бокам.
Также Google+ позволяет размещать полноразмерные фотографии, которые растянутся на все колонки стрима. Ширина этих изображений будет равна 886 пикселей (высота изменяется согласно ширине).
Идеальные размеры изображений для Pinterest
В ленте новостей ширина изображений составляет 235 пикселей. В соответствии с этим размером изменяется и высота. Если вы нажмете «развернуть изображение», оно появится с шириной равной 736 пикселям. Высота изменится в соответствии с этим значением.
Кроме этого, изображения могут стать обложкой разделов Pinterest и использоваться для показа рекомендованных вам пинов.
Согласно Pinterest, для их сайта больше всего подходят изображения с соотношением сторон 2:3 и 1:3,5 и минимальной шириной в 600 пикселей.
Соотношение 2:3 это, например:
- Разрешение 600 x 900 пикселей;
- Разрешение 800 x1200 пикселей.
- Разрешение 600 x 2100 пикселей;
- Разрешение 400 x 2800 пикселей.
Идеальный размер для фото в Instagram
В Instagram все довольно просто — каждое изображение в этой соцсети является квадратом. В ленте новостей изображения имеют размер 510 пикселей в ширину и 510 в высоту:
Размеры иконки предпросмотра на странице профиля имеют размер 161 x 161 пиксель.
Изображение в хедере страницы могут быть небольшими (204 x 204) или крупными (409 x 409)
что его макет размером A3. Дизайнер, конечно же мягко говоря недоволен.
Просит прислать фотку получше, клиент присылает новую 600x425.
Дизайнер в бешенстве.
Клиента нельзя винить — он не обязан разбираться даже
в основах компьютерной графики и печати. Но, согласитесь,
мир станет гораздо прекраснее, если такое вдруг произойдет.
Я постараюсь дать максимально простой алгоритм определения
того подходит фотка для печати или нет. Поехали.
Первое, что необходимо сделать это узнать ее разрешение.
Разрешение фотографии — количество пикселей
по горизонтали и вертикали.
Фотка состоит из пикселей (квадратиков).
Если я ее увеличу мы сможем их увидеть.
Наша задача узнать сколько пикселей умещается в фотке
по горизонтали и вертикали.
Самый простой и доступный способ, который я знаю —
это гугл картинки.
3) Получаем результат
Разрешение нашей фотки 500X325 пикселей:
Многие из вас наверное слышали про такое магическое сочетание
как «300 dpi» — его обычно произносят, когда говорят о качественной печати.
Давайте разберемся что это и зачем нам это нужно. 300 dpi —
или 300 dots per inch или 300 точек на дюйм, или разрешение для печати.
поместится 300 пикселей изображения. DPI — параметр цифрового изображения,
о котором вам совершенно не нужно париться — его будет выставлять дизайнер.
Кстати, когда говорят dpi, имеют ввиду ppi — pixels per inch или пикселей на дюйм,
что является более корректным термином, т.к. dpi — параметр, который описывает
разрешающую способность принтера, т.е. сколько точек на дюйм он может напечатать.
Обычно требования к dpi гораздо выше в числовом измерении и 300 dpi —
это весьма слабое разрешение принтера.
Но! Предлагаю вам не париться и говорить dpi, т.к. вас все равно
поймут правильно. Бороться с этим бессмысленно — все привыкли говорить dpi
(как памперсы вместо подгузников). 300 dpi — это такой общепринятый
стандарт качества для печати. Чем он ниже, тем менее четкими
будут детали изображения. Считается, что если каждые
300 пикселей изображения лягут на каждый дюйм вашего
напечатанного изображения — оно будет выглядеть качественным и резким.
Вот тут мы подобрались ко второму заблуждению.
Дело в том, что никто и никогда не расскажет вам, что такое качественное
изображение. Никто и никогда не задаст вам критерии резкости.
Как минимум качество (которого не существует) опирается на задачу.
К примеру, если мы напечатаем билборд с разрешением 50dpi,
то при ближайшем рассмотрении он будет выглядеть мыленым,
детали будут нечеткие и. эээм.. ваше любимое качество будет низким.
Но фишка в том, что на билборд смотрят, находясь на достаточном расстоянии,
чтобы низкое качество изображения портило картинку.
Издалека вы будете видеть все четким. Получается 50dpi не равно
некачественному изображению.
Тоже самое можно сказать и о полиграфии. Листовка в ваши руках позволит
вам тщательнее рассматривать детали изображения, а значит разрешение
для печати листовки обязательно должен быть 300 dpi! Но на самом деле не всегда.
Оно может быть, например 225dpi и качество по итогу всех устроит, потому
что изображение, к примеру, не будет содержать мелких и важных деталей,
и степень нечеткости будет вполне допустима.
Я предлагаю отбросить такие вещи как билборды и растяжки,
а рассматривать для удобства исключительно полиграфию
и принять во внимание, что на выходе у нас должна быть
эээ.. максимальная резкость и. эээ.. качество изображения.
500x325 пикселей. Чтобы котик получился резким, на каждом дюйме
нашего А3 изображения должно быть 300 его пикселей.
Давайте теперь возьмем калькулятор и посчитаем какого
размера при таком разрешении мы можем напечатать котика,
чтобы не больно было смотреть ему в глаза.
Берем для расчета размер по горизонтали:
Делаем вывод — напечатанное изображение нужного качества будет
составлять в длину всего лишь 4 см при разрешении 500px по горизонтали,
т.е. отправлять его дизайнеру нельзя, т.к. нам нужно напечатать аж 42 см!
Чтобы узнать разрешение нужного нам изображения нужно всего лишь
сколько дюймов будет составлять наше изображение: 42/2,54= 16,5
Потом умножить это количество на стандарт печати 300dpi: 16,5x300 =
4800px по горизонтали.
Если фотку вы нашли в интернете, то есть шанс,что всего там будет
лежать такая же, но большего разрешения. Снова открываем наше окно,
в котором мы узнавали разрешение первой фотки и жмем на ссылку
«Все размеры»
Смотрим результаты поиска
Максимальное разрешение фото, которое мы можем скачать
это 2640X1650 пикселей, что тоже не достаточно для печати
на формате А3, следуя нашему правилу. Но не все так плохо.
Давайте вспомним, что качество — это понятие относительное
и, по сути, несуществующее и всегда нужно отталкиваться от задачи.
Вам нужен А3? Ок, а для чего? В руках его держать неудобно,
скорее всего повесите на стену. А раз так, значит смотреть
на него будут на расстоянии, т.е. слегка мыленые детали
не испортят всей картины.
Давайте проведем опыт. Отправим обе фотки дизайнеру.
Дизайнер, получив наши фото, создал документ размером А3,
с разрешением 300dpi и вставил обе наши фотографии.
Эта фотка 500x325
Как видим в обоих случаях разрешения недостаточно, и, чтобы
заполнить все пространство документа, дизайнеру
придется растянуть обе фотографии. Смотрим, что у него
получилось после увеличения:
Фотка справа, неесмотря на то, чо не дотягивала по разрешению на 300dpi,
выглядит вполне неплохо, чего нельзя сказать о левой фотографии
Но что делать, если вариант справа не устраивает и резкости не хватает?
Тут уже нужно решать задачу на месте и по ситуации — либо просить дизайнера
увеличить резкость, или искать нужную фотку длиной 4800px по горизонтали.
Но в любом случае вы можете с чистой совестью сказать, что сделали все,
чтобы сберечь время и нервы дизайнера.
Но это еще не все. Из всего сказанного выше можно сделать вывод,
что чем больше разрешение, тем лучшего качества отпечаток мы получим.
Это не совсем так. Смотрите сюда, я нашел фото кота в нужном разрешении
(4800x3120) для печати на А3
Невооруженным взглядом видно, что картинка далеко не резкая, несмотря на свои 4800x3120
Почему? Все просто — это либо фотобрак (при съемке не был настроен фокус),
либо кто-то взял это фото маленького разрешения и растянул до большего.
Разумеется резкости это изображению не прибавило. И дизайнер тут уже не спасет.
Поэтому прежде чем радоваться высокому разрешению фотки,
удостоверьтесь, что на экране
она выглядит достойно.
Ууф! Давайте подытожим.
Прежде чем, отправлять дизайнеру фото нужно соблюсти следующие действия:
1. Знать какого размера вам нужен макет на выходе.
2. Узнать разрешение вашей фотки.
3. Посчитать на калькуляторе возможности данного разрешения,
т.е. какого размера максимум его можно напечатать
при разрешении для печати 300dpi.
Для этого:
1) кол-во пикселей по горизонтали делим на 300 — получаем кол-во дюймов,
2) Умножаем это число на 2.54 и получаем кол-во сантиметров
4. Если получившийся размер равен или превышает нужные размеры,
можем смело отпралять ее дизайнеру, но предварительно убедившись,
что фото само по себе резкое и на нем остутствуют шумы, артефакты и прочие гадости.
5. Если получившийся размер меньше требуемого, идем в гугл
(берем фотоаппарат, роемся у себя на компе) и ищем фото максимального размера.
6. Найдя, выполняем расчеты еще раз.
7. Если нового разрешения опять недостаточно, отправляем
это фото дизайнеру со словами «Это самое большое, что удалось найти».
8. Ждем ответа и действуем по ситуации.
Технические требования к ВИДЕО:
Размер: минимум 640*480, соотношение сторон минимум 4:3.
Длительность: от 5 до 60 секунд.
Формат: .mov или .Mp4
Частота кадров: 23,98, 24, 25, 29,97, 30, 47,95, 47,96, 48, 50, 59,94, 60
Разрешение: лучше HD и 4K, но принимаются также:
- 4K: 4096 × 2160, 4096 × 2304, 4000 × 2160, 3840 × 2160, 3996 × 2160, 4800 × 2700
- 2K и 2,5K: 2048 × 1080, 2400 × 1350, 2432 × 1366, 2702 × 1520, 2704 × 1520
- HD: 1920x1080, 1280 × 720, 1440 × 1080 (только при соотношении сторон 1,778) 1888 × 1062, 1920 × 1088
- SD: 640 × 480, 703 × 576, 720 × 480, 720 × 486, 720 × 576
- PhotoJPEG - видео с прогрессивной разверткой без DV.
- MotionJPEG - видео с чересстрочной разверткой без DV
- ProRes 422/422 HQ / 4444 - экспорт с минимально возможным сжатием
- H.264 - при кодировании в этот формат используйте «лучшее» качество
- PNG - используйте только для видеоряда (анимации), требующего альфа-канала
- Motion JPEG A
- MPEG-4 Visual
- Motion JPEG B
- Apple ProRes 422 LT
- Переносимая сетевая графика (PNG)
- Apple Animation (RLE)
Видеоряд не должен содержать аудио, если оно не улучшает клип или не считается редакционным контентом.
Цветовое пространство: предпочтительно REC 709
Видео с мобильных устройств: принимается с соблюдением критериев качества изложенных выше.
123RF
Технические требования к ВЕКТОРУ:
Допускается два варианта загрузки вектора.
Вариант 1: Отдельный векторный файл
Формат: AI, EPS или SVG
Размер артборда: от 15 МП до 68 МП
Максимальный размер файла: 45 МБ
Примечание: При таком методе возможны погрешности в отображении цветов на превью. Чтобы этого избежать используйте метод 2.
Вариант 2: ZIP-архив
Формат: AI или EPS
Каждый векторный файл должен быть помещен в отдельный ZIP архив вместе с JPEG превью
Минимальное разрешение JPEG превью: 15 МП
Максимальный размер файла: 45 МБ
Технические требования к ВЕКТОРУ:
Векторы загружаются в ZIP-архиве, в который необходимо добавить JPEG -превью. Разрешение превью минимум 3.8 МП
Размер: до 50 Мб
Технические требования к ФОТО:
Цветовое пространство: RGB
Разрешение: не менее 3.8 МП (2400×1600 пикс)
Размер: до 50 Мб
Читайте также: