Картинки формата 1590х400: Готовые обложки для группы вконтакте 1590 400

Содержание

Размеры постов в Инстаграм и социальных сетях – справочник

Макс Довольный|

Как известно, важно знать какой минимальный и максимальных размер изображения допустим в той или иной социальной сети. Изображения меньшего размера будут растянуты до неподобающих размеров, изображения большего, наоборот, сожмутся без учета пропорций и содержимого на нем. К сожалению. Если же знать о размерах и пропорциях заранее, то при публикации не пострадает ни само изображение, ни нервы смм-специалиста.
Наш справочник по размерам постов в соцсетях поможет понять не только масштабы форматов в социальных сетях, но и все оптимальные размеры. 

*Социальные сети Facebook и Instagram, которые мы будем упоминать далее, принадлежат организации Meta, которая признана экстремистской на территории РФ.

Небольшая, но полезная справка: если вы не хотите кадрировать каждый свой кадр, который планируете выложить, то запомните один единый универсальный размер, который подойдет для работы со всеми социальными сетями — 1024 х 512 пикселей. Помимо этого, также если не хотите думать о пропорциях и кадрировании, в сети доступно множество разнообразных специальных сервисов, которые сделают изображение картинкой с нужными пропорциями для публикации в дальнейшем. Встречались как платные, так и бесплатные — просто выберите свой. 

Вам может быть интересно: 19 бесплатных приложений для обработки фото в Instagram

Оглавление:

  • Размер и соотношение сторон
  • Размеры поста в Instagram
  • Размеры поста в FaceBook (Meta)
  • Размеры поста во Вконтакте
  • Размеры поста в Twitter
  • Размеры изображений в Youtube
  • Размеры изображений в Одноклассниках

Размер и соотношение сторон

Перед основной технической информацией по каждой из популярных социальных сетей необходимо сперва понять о чем же вообще речь.

Итак, соотношение сторон — это соотношение между высотой и широтой самого изображения. Соотношение сторон обозначается, например, 16:9, 3:5, где 16 и 3 указывают на длину изображения, а 9 и 5 — высоту.

Размер изображения обозначается аналогично тому, как обозначается соотношение. Однако показывает сколько пикселей расположено в изображении по широте и по высоте. Ширина изображения пишется первым, высота же — второй. Чем больше изображение, тем больше в нем пикселей и соответственно само изображение весит больше, чем без каких-либо нереальных званий и завоеваний.

Размеры поста в Инстаграм

Максимальный вес публикации в инстаграм — 30 мб.

Давайте подробно разберем размеры аватарки, reels, сторис, видео и фото постов в инстаграм.

Размер аватара в Инстаграм*

  • Размер: 320 х 320 px.
  • Формат: JPG и PNG.
  • Соотношение сторон: 1:1

Размер иконки вечных историй в Инстаграме*

  • Оптимальный: 150 х 150 px.
  • Формат: JPG и PNG.
  • Соотношение сторон: 1:1.

Фото-публикация в Инстаграм*

  • Формат: горизонтальное расположение 1,9:1, 4:5, квадрат — 1:1.
  • Размер: горизонтальное изображение — 1080×566 пикселей, квадратное — 1080×1080 пикселей.
  • Особенность: возможность создания карусели из 10 фотографий в одном посте.

Официально Инстаграм заявляет, что все их гости либо уэе ушли на работу, либо планируют сделать это рано утром.

Видео-публикация в Инстаграм*

  • Продолжительность: до 60 секунд
  • Особенность: возможность создания карусели из 10 фотографий в одном посте.

Размер сторис в инстаграм

  • Формат: вертикальное расположение 16:9.
  • Разрешение: 1080×1920 пикселей.
  • Расширения файлов: mp4 и mov — для видео, jpg и png — для фото.
  • Максимальный размер файла: 4 ГБ и 30 МБ — для фото видео соотвественно.
  • Продолжительность: максимальная продолжительность видео — 15 секунд, фотографии воспроизводятся в течение 5 секунд.
Как сделать нужный размер фото в Инстаграм?

Обрезать ваше изображение в соответствии с требованиями социальной сети. Для этого можете использовать один из 19 редакторов, обзор на который мы написали. Ссылка прикреплена в конце материала.

Размеры видео в Reels (IG TV)

  • Формат: вертикальные видео — 9:16 или квадратный формат, без возможности горизонтального расположения.
  • Продолжительность: от 2 секунд до 60 секунд, в зависимости от используемого устройства.
  • Частота кадров: 30 кадров в секунду.
  • Максимальный размер файла: для видео до 15 минут — 650 МБ, до 60 минут — 3,6 ГБ.
  • Разрешение обложки: 420×654 пикселей.
  • Рекомендуемое разрешение видео — 1080 × 1920 px

Размеры поста в Facebook

Давайте подробно разберем размеры аватарки, обложек сообщества, фото для ссылок, видео и фото постов в фейсбук/мета.

Размер изображения к постам на странице и в сообществах

  • Формат: расположение горизонтальное и вертикальное.
  • Разрешение: 1200х630 пикселей.
  • Расширения файлов: jpg и png.

Размер фото ко внешним ссылкам

  • Формат: расположение горизонтальное и вертикальное.
  • Разрешение: 500х216 пикселей.
  • Расширения файлов: jpg и png.

Используется картинка, указанная в метаданных сайта (поле «og:image»).

Размер обложки страницы в Facebook

Формат: расположение горизонтальное и вертикальное.
Разрешение: 820х312 пикселей.
Расширения файлов: jpg и png.

Размер обложки сообщества/группы в Facebook

Формат: расположение горизонтальное и вертикальное.
Разрешение: 820х312 пикселей.
Расширения файлов: jpg и png.

Размеры поста во ВКонтакте

Давайте подробно разберем размеры аватарки, обложек сообщества и статей, фото для ссылок, а также видео и фото постов во Вконтакте.

Размер изображения к постам на странице и в сообществах

  • Формат: расположение горизонтальное и вертикальное.
  • Разрешение: 510х228 пикселей.
  • Расширения файлов: jpg и png.

Размер обложки сообщества/группы во ВКонтакте

  • Формат: расположение горизонтальное.
  • Разрешение: 1590х400 пикселей, в мобильной версии — 1196х400 пикселей.
  • Расширения файлов: jpg и png.

Для корректного отображения необходим отступ 85 рх сверху и 140 рх по краям изображения.

Размер видеозаписей для сообщества

  • не менее 1280х720 рх.
  • Максимальный объем загружаемого файла – 5 ГБ.
  • Для сохранения высокого качества видео, загружайте записи с размером не менее 1920×1080 рх.

Размер обложки статьи

  • Формат: расположение горизонтальное.
  • Разрешение: 510х286 пикселей.
  • Расширения файлов: jpg и png.

Размер фото для витрины товаров

  • Формат: расположение горизонтальное.
  • Соотношение сторон: 1:1.
  • Разрешение: 1000х1000 пикселей.
  • Расширения файлов: jpg и png.

Размер истории во ВКонтакте

  • Формат: расположение вертикальное.
  • Соотношение сторон: 16:9.
  • Разрешение: 1080х1920 пикселей.
  • Расширения файлов: jpg и png.

Размеры поста в Twitter

Размер картинки к постам

  • Формат: расположение горизонтальное.
  • Разрешение: 1024х512 пикселей (можно квадрат, но будет видна только выбранная область).
  • Расширения файлов: jpg и png.

Размер обложки страницы

  • Формат: расположение горизонтальное.
  • Разрешение: 1500х500 пикселей.
  • Расширения файлов: jpg и png.

Размер картинки для Twitter Cards

  • Формат: расположение горизонтальное.
  • Соотношение сторон: 2:1.
  • Размер: менее 5 мб.
  • Разрешение: 4096х4096 пикселей.
  • Расширения файлов: jpg и png.

Summary Card картинка должна соответствовать: разрешению от 144 × 144 px до 4096 × 4096 px и соотношению сторон 1:1.

Размеры изображений в YouTube

Размер картинки на видео

  • Формат: расположение горизонтальное.
  • Минимальная ширина картинки: 640 пикселей.
  • Размер: менее 2 мб.
  • Разрешение: 1280 x 720 пикселей.
  • Расширения файлов: jpg и png.

Размер обложки канала

  • Формат: расположение горизонтальное.
  • Размер: менее 6 мб.
  • Разрешение: 2048 x 1152 пикселей.
  • Расширения файлов: jpg и png.

Размер фото профиля

  • Формат: расположение горизонтальное и вертикальное. Фото будет кадрировано.
  • Разрешение: 800 x 800 пикселей.
  • Расширения файлов: jpg и png.

Размер картинки для обложки альбома
  • Формат: вид обложки зависит от используемого пользователем устройства для просмотра вашего канала.
  • Соотношение сторон: 1:1.
  • Безопасная зона, в которой содержимое не будет обрезано: 1546 × 423 пикселей по центру изображения.
  • Разрешение: минимум 1400 х 1400 пикселей, максимум 4096 х 4096 пикселей.
  • Расширения файлов: jpg и png.

Размеры изображений в Одноклассники

Размер картинки поста в группе и на личных страницах

  • Формат: расположение горизонтальное и вертикальное.
  • Расширения файлов: jpg и png.

Изображение будет кадрировано размером 548 x 363 px. 363 px — максимальная высота картинки вертикального изображения формата, а 548 — максимальная ширина горизонтальной картинк

Размер обложки группы

  • Формат: расположение горизонтальное.
  • Размер: не более 120 пикселей.
  • Безопасная зона, в которой содержимое не будет обрезано: 980 на 240 px в середине.
  • Разрешение: 1944 × 600 пикселей.
  • Расширения файлов: jpg и png.

Также в Одноклассниках есть возможность отдельно установить обложку для мобильной версии.

  • Соотношение сторон: 4:3.
  • Минимальное разрешение: 1024 × 768 px.

Прочие требования для оформления группы в Одноклассники

  • Изображение фона: 320 × 320 px, вес не более 50 КБ
  • Разрешение аватара: 300 × 300 px
  • Разрешение виджета Iframe: 608 × 430 px

Для того чтоб вам было проще сориентироваться, где кадрировать или обрезать имеющиеся у вас изображения и фото советуем вам нашу подборку — 19 бесплатных приложений для обработки фото в Instagram.

Также вам может быть интересно:

  • Рекламные форматы во ВКонтакте
  • Рекламные форматы в Google Ads
  • Рекламные форматы объявлений Facebook и Instagram
  • Рекламные форматы MyTarget
  • Рекламные форматы в Яндекс.Директ
  • Какие требования к изображениям для таргета ВКонтакте?

Не забывайте подписаться на канал:
Больше годноты на канале — Довольный Арбитражник 
Обсудить и задать вопросы в чате — Арбитраж трафика | Довольный

Поделиться ссылкой:

РубрикиСтатьиМеткиinstagramинстаграмразмер постов

Как выбирать размер изображений в соцсетях: последняя актуальная информация

80% просмотров в социальных сетях происходит с мобильных устройств, поэтому важно понимать, как размеры изображений отображаются по-разному на мобильных устройствах и на компьютерах.

В этом материале мы собрали информацию по изображениям для социальных сетей, а также несколько профессиональных советов, как заставить эти изображения работать эффективно.

Facebook

Facebook по-прежнему остается крупнейшей платформой с точки зрения среднего числа пользователей в день. По данным компании Zephoria, 1,79 миллиарда человек заходят на Facebook ежедневно. Платформа постоянно обновляет требования к изображениям и контенту — нужно постоянно быть в курсе событий, чтобы использовать ее максимально эффективно. Для достижения лучших результатов обязательно просматривайте все ваши изображения на десктопе и мобильном устройстве.

Особенности каждого формата изображений Facebook.

Изображение профиля отображается с разрешением 170 x 170 пикселей на десктопе, 128 x 128 пикселей на смартфонах и на большинстве других телефонов 36×36; изображение квадратное, помещенное в круг.

Помните, что если кто-то кликнет по фото, чтобы открыть его, оно будет больше. Если у вас есть возможность увеличить фотографию, убедитесь, что она высокого качества. Соотношение сторон должно быть квадратным. При выборе дизайна имейте в виду, что Facebook обрежет его в круг, поэтому любой текст или важные элементы должны находиться внутри круга.

Обложка страницы: минимум 400×105 пикселей, отображение на десктопе 820 x 312 пикселей; 640 x 360 пикселей на мобильных телефонах.

Помните, что изображение обложки на компьютере будет отображаться иначе, чем на мобильном телефоне. На мобильном устройстве ваше изображение будет отображаться с разрешением 640 x 360, поэтому будут видны только средние 640 пикселей.

Обложка страницы видео: минимум 820 x 312 пикселей, рекомендуется 820 x 462 пикселей.

Один из самых малоиспользуемых вариантов для обложек Facebook — это видео. Вы можете провести собеседование со своей командой, продемонстрировать свои продукты, показать самую эффективную рекламу или создать прямое приглашение поставить лайк вашей странице. Видео должно быть длительностью 20–90 секунд и размером 820 x 462 пикселей.

Если видео кажется слишком большим, альтернативой является слайд-шоу. Вы можете добавить до 5 разных фотографий, которые будут отображаться в формате слайд-шоу. Первое изображение по-прежнему получит большинство просмотров, вы можете максимизировать это пространство, чтобы продемонстрировать продукты, отзывы или другую ключевую информацию.

Миниатюра видео Facebook: рекомендуется 1280 x 720 пикселей. Размер миниатюры можно настроить так же, как миниатюру YouTube: 1280 x 720 пикселей или 16:9. большего количества просмотров видео на Facebook!

Сообщение в новостной ленте:  рекомендуется 1080 x 1080 пикселей (но может быть и 600 x 600 пикселей).

При создании изображения для вашей ленты новостей есть еще несколько важных рекомендаций:

  • Поддерживаются соотношения от 1,91:1 до 4: 5.
  • Рекомендуется размер не менее 1080 x 1080 пикселей
  • Минимум 600 x 600 пикселей
  • Максимальный размер файла 30 МБ

Вы можете проявить творческий подход. Постарайтесь вспомнить все, что вы знаете о своей аудитории и о том, какие изображения она хотела бы видеть.

Баннер мероприятий Facebook: 1200 x 628 пикселей. Facebook рекомендует размер изображения 1200 x 628 пикселей. Но, как и обложка страницы Facebook, оно будет выглядеть по-разному на компьютере и на мобильном устройстве.

Instagram

Изображение профиля: минимум 110 x 110 пикселей; рекомендуется 170 x 170

Если вы не добавите изображение профиля и подключите свои учетные записи Instagram и Facebook, Instagram будет использовать ваше изображение профиля Facebook.

Поскольку Instagram — это исключительно мобильная платформа, вы также можете уменьшить изображение своего профиля в Instagram, если хотите. Даже 110 x 110 пикселей будут отлично смотреться на мобильных устройствах. Квадратное изображение будет обрезано до круга на этой платформе.

Размер публикации:  1080 x 1080 пикселей. Технически подойдет любое квадратное изображение размером не менее 600 x 600 пикселей.

Размер истории:  1080 x 1920

Вы можете создавать истории с изображениями в диапазоне от 1:9 до 9:16, но часто изображение оказывается маленьким с большим количеством фона. Вы получите лучшие результаты, если создадите изображения специально для историй (в данном случае соотношение для мобильных устройств 9:16 или 1080 x 1920 пикселей). Конечно, не забывайте, что изображения — это только начало истории. Стоит использовать стикеры, опросы и прямые эфиры!

Актуальные истории: 1080 x 1920 пикселей, с видимым центральным кругом

Актуальные истории — отличный способ категоризировать ваш контент и сделать ваши истории доступными для вашей аудитории. Вы даже можете использовать их для создания категорий продуктов для продажи. У вас есть возможность установить любую из ваших историй в выделенной категории в качестве изображения или вы можете создать собственные изображения. Настроенные изображения выглядят невероятно профессионально и почти превращают ваш Instagram в мини-сайт, который пользователи могут просматривать. Изображения для актуальных историй имеют такой же размер, как и истории в целом, но отображается только круг из истории.

Предлагаем также прочитать еще несколько советов о том, как сделать рекламу в Instagram эффективнее.

Twitter

В отличие от Facebook, который отличается большой вариативностью, Twitter довольно прост. Если вы сможете запомнить некоторые ключевые цифры дизайна для разных размеров изображений в социальных сетях, все будет готово.

  • Изображение профиля: 400 x 400 пикселей. Как и на Facebook, оно будет обрезано в круг, поэтому учитывайте это, когда выбираете дизайн.
  • Изображение обложки: 1500 x 500 пикселей (верхние и нижние 60 пикселей могут быть обрезаны)
  • Размер сообщения: 1200 x 675 пикселей (соотношение 16:9) или больше, менее 5 МБ.
  • Twitter GIF: 1280 x 1080 пикселей, менее 15 МБ, менее 350 кадров

YouTube

YouTube обновил свои настройки за последние годы. Теперь вы можете добавлять водяные знаки на изображения, маркировать миниатюры изображений и добавлять изображения каналов.

  • Изображение профиля: минимум 98 x 98 пикселей или больше, PNG или статический GIF, 4 МБ или меньше. Помните, что в большинстве случаев ваше изображение профиля YouTube будет отображаться довольно маленьким (например, в комментариях). Вот почему нужно только изображение размером 98 x 98 пикселей. Конечно, вы можете сделать больше, если сохраните размер файла менее 4 МБ.
  • Заголовок канала:  2048 x 1152 пикселей, 6 МБ или меньше; рекомендуется 2 560 x 1440. Оформление канала отображается довольно единообразно в мобильной и настольной версиях. Поскольку изображение профиля находится под изображением, оно также не мешает дизайну.
  • Миниатюра видео: 1280 x 720 пикселей. Если вы тратите время на создание видеороликов, то стоит потратить его и на создание миниатюр. Миниатюры — это быстрый и простой способ понять, о чем идет речь в видео и почему зрители должны его посмотреть. Здесь вы можете сэкономить немного времени и сделать одну миниатюру для Facebook и YouTube, потому что они обе имеют размер 1280 x 720 пикселей.
  • Водяной знак видео: 150 x 150 пикселей, 1 МБ или меньше. Любой, кто какое-то время занимается созданием контента, знает, как неприятно, когда кто-то крадет ваш контент. Вы можете усложнить жизнь тем, кто это делает, добавив водяной знак размером 150 x 150 пикселей, который YouTube автоматически добавит ко всем вашим видео.

ВКонтакте

  • Аватар для сообщества: миниатюры — 200 х 200 пикселей, минимальный размер аватара — 200 х 500 пикселей.
  • Главная обложка сообщества: 1590 х 400 пикселей, в мобильной версии отображается только ее часть —  1196 х 400 пикселей. Нужны отступы по краям — 85 пикселей сверху и 140 пикселей по краям.
  • Живая обложка: до пяти изображений с разрешением 1080 × 1920 пикселей вертикального формата с пропорциями 16:9. Или до пяти видео, со звуком или без. Длительность не более 30 секунд, формат MP4, до 30 МБ.
  • Изображения для записей: 510 х 510 пикселей или соотношение сторон 3:2.
  • Обложка статьи: 510 х 286 пикселей.
  • Обложка для сниппета: 537 х 240 пикселей.
  • Обложка фотоальбома: 1200 х 800 пикселей.
  • Изображения для витрины товаров: 1000 х 1000 пикселей
  • Видеозаписи для сообщества: 1280 х 720 пикселей.
  • Фото и видео для историй: 720 х 1280 пикселей.

Проверьте, все ли ваши профили обновлены? Если нет, возможно, сейчас самое время провести аудит социальных сетей и посмотреть, как скорее это сделать!

Гид по стилю цифровых площадок Страхового Дома ВСК

Руководство по стилю создано для стандартизации оформления рекламно-информационных сообщений на цифровых площадках присутствия Страхового Дома ВСК (сайты, социальные сети, платформы,
в том числе «Яндекс. Дзен» и пр).

Предназначен для сотрудников компании, разрабатывающих рекламно-информационные материалы для цифровых площадок, для разработчиков, для подрядчиков и партнеров.

Ключевые функции

1. Имиджевая. Формирование и поддержка быстро узнаваемого, оригинального и привлекательного образа Страхового Дома
2. Идентифицирующая. Способствует повышению узнаваемости бренда, услуг и рекламы.
3. Дифференцирующая. Выделение товаров и рекламы фирмы из общей массы аналогичных. Облегчение процесса выбора.

Цветовая палитра состоит из фирменных цветов логотипа бренда, дополненная яркими дополнениями. Спецификации цветов для различных моделей приведены в этом разделе.

Для удобного визуального разграничения по рубрикам используются дополнительные цвета. Дополнительные цвета не могут использоваться вместо основных.

Для лучшей передачи информации необходимо поддерживать контраст фона и изображения.

Предпочтительно использование градиента в рамках основных цветов.

Основные цвета

Градиенты

#EDEDEE

#2D6ABA

#5900FF

#65B6E6

#5CAB42

#EF8231

#EDEDEE

#2D6ABA

#5900FF

#65B6E6

#5CAB42

#EF8231

#CFCFCF

#3381DF

#3381DF

#3381DF

#94DE7B

#FEC77B

ТИПОГРАФИКА

Начертания

Montserrat

Шрифт играет важную роль в коммуникации и позволяет выразить суть бренда в наиболее четкой и ясной форме.

Medium

#2A2A2A

#225CA5

Кегль заголовка

Необходим баланс между объёмом текста и изображением на картинке. Размер кегля может колебаться в пределах 2-3 pt.

Короткий заголовок из 2-3 слов

Montserrat black

Кегль: 67 pt

Межстрочный интервал: 83 pt

Средний заголовок в 2 строки

Montserrat black

Кегль: 65 pt

Межстрочный интервал: 80 pt

Длинный заголовок в 3-4 строки

Montserrat black

Кегль: 60 pt

Межстрочный интервал: 75 pt

Кегль для карточек

Для заголовков карточек необходимо использовать одинаковый кегль вне зависимости от количества символов.

Заголовок

Montserrat bold

Кегль: 60 pt

Межстрочный
интервал: 70 pt

Montserrat

Кегль: 32 pt

Межстрочный
интервал: 44 pt

Логотип

Полный вариант логотипа присутствует на первой и последней карточках. На остальных визуалах логотип не используется.

Выделение цветом

В заголовках выделяется контрастным цветом основная часть. Фраза должна содержать в себе суть заголовка и значимость для читателя.

Выделяйте не более трёх слов, связанных между собой тесным смыслом (то есть так, что если вы уберёте из связки слово, то смысл фразы потеряется).

Выделение текста создаётся с помощью плашки со скругленными углами контрастного цвета с начертанием Black.

Зафиксируйте виновника

Фраза с глаголом передает действие и основной смысл текста, следующего после заголовка

Защита

вашего дома

от рисков

Страховка

для путешественников

Какая страховка лучше

для ваших детей

Для читателя слова «ваши дети»
важнее, чем слово «страховка»,
т. к. они сразу понимают, о чем пойдет речь.

ГРАФИКА

Основной стиль акцидентная графика с использованием рисованных элементов.
Она может уходить под обрез формата, становясь фоновой и освобождая место для текстового контента.

Закругленные формы дудлов не вызывают агрессивных эмоций, отражая мягкость, внимательность и клиентоориентированность. Градиент добавляет атмосферности и создает настроение, не отвлекая от важной информации.

Важная часть стиля — графические, стилизованные под мел и рисованные от руки детали. Используется намеренно упрощённый стиль рисования, неровные линии, штрихи.

Текст и ключевые изображения необходимо размещать в пределах охранного поля
размером 880х880 px.

1080 px

Виды графики

Подробнее о стилистике фото и иллюстраций в главе «Визуальный стиль».

Фотографии

Графические элементы

ПРАВИЛА ОФОРМЛЕНИЯ
ВИЗУАЛЬНЫХ МАТЕРИАЛОВ

Заглавный пост

Основные форматы:

1. Набор карточек.
2. Статичное изображение.
3. Анимация / Motion-design.
4. Видео.

Квадратный вижуал 1х1.
Минимальный размер 1080х1080.

Используются идеально обтравленные цветные фотографии хорошего качества (от 1800 в ширину, 72 dpi) с использованием тени для придания объема.

Логотип ВСК

Заголовок —
Montserrat black

Выделение ключевой части текста контрастным цветом

Графические элементы

Обтравленная фотография

Пример оформления историй

Instagram & VK

Пропорции: 9х16

Размер изображения: 1080х1920 px

Фото: jpg или png.
Видео: mp4 h364.

Используются идеально обтравленные цветные фотографии хорошего качества (от 1800 в ширину, 72 dpi) с использованием тени для придания объема.

ЛОГОТИП
При выпуске нескольких сторис подряд полная версия логотипа присутствует только на первой и последней сторис.

ТИПОГРАФИКА
При выпуске нескольких сторис подряд цветная подложка под текст присутствует только
на первой и последней сторис.

ГРАФИКА.
Важно сохранять точные переходы элементов
с одной сторис на другую, если серия предполагает больше 2 сторис подряд.

Карточки

Пропорции: 1:1

Размер изображения:
1080х1080 px

Фото: jpg или png.
Видео: mp4 h364.

Используются идеально обтравленные цветные фотографии хорошего качества (от 1800 в ширину, 72 dpi) с использованием тени для придания объема.

ЛОГОТИП
В карточках (галереях изображений) логотип используется только на первой и последней карточках.

ТИПОГРАФИКА
Цветная подложка под текст используется только на первой и последней карточках.

ГРАФИКА.
Важно сохранять точные переходы элементов
с одной карточки на другую, если серия предполагает больше 2 карточек подряд.

РАСПОЛОЖЕНИЕ ЭЛЕМЕНТОВ

При наличии активных цифр в тексте возможно их использование как основного выразительного элемента без дополнительной графики.

При небольшом количестве текста фотография размещается по центру.

Фотография может выводиться за пределы композиции, размещаться в правом нижнем углу.

Логотип

Посетители просматривают изображения слева направо. Больше внимания будет уделено левой части визуала. Логотип, размещенный справа. получит меньше зрительных взглядов. Что приведет к слабой запоминаемости бренда компании. Поэтому приоритетное размещение логотипа на имидже с однотонным фоном — левый верхний угол согласно шаблону.

Возможно использование полной и сокращенной версий логотипа. Полная версия используется для заглавных имиджей, а краткая для карточек и вложений.

Полная версия

Краткая версия

Рекомендации по использованию графических элементов

Для отрисовки используется кисть:

Кисть может заходить на часть фотографии и текста с целью интеграции их в общую стилистику. Также может уходить под обрез формата.

Кистью, стилизованной под мел, можно заштриховать часть фотографии, чтобы «вписать» ее в общую стилистику.

При помощи графических элементов можно выделять части фотографий — колёса велосипеда, огни свечей и т.п.

Виды графических элементов

При создании графического элемента необходимо соблюдать главный цветовой переход из выбранной темы.

Цвет дудла может меняться в зависимости
от цветового решения рубрики, в которой
он применяется (подробнее о цветовых схемах
в главе «Рубрики»).

Закругленные формы — важная составляющая дудла.

Важное требование — сохранение одинаковой толщины элементов на всех постах вне зависимости от размера элемента — 70 px.

Заглавная карточка

Карточка-пояснение

Охранное поле.

В пределах охранного поля не должен быть размещен текст или логотип.

Исключение: некоторые изображения, выходящие за пределы композиции.

Поле размещения текста

Логотип

Используется логотип ВСК, он размещается в левом верхнем углу, в пределах трех клеток сетки.

Логотип

Для карточек — логотип не используется.

оформления цифровых продуктов Страхового Дома ВСК

Обновление: октябрь 2020

Руководство по стилю

Для всех стилей используется композиция, тематические элементы и соответствующая рубрике цветовая схема (подробнее о цветовых схемах в главе «Рубрики»).

СКАЧАТЬ ШРИФТ

СКАЧАТЬ ШРИФТ

СКАЧАТЬ ШАБЛОН

СКАЧАТЬ ЛОГОТИП

СКАЧАТЬ ШАБЛОН

СКАЧАТЬ ГРАДИЕНТЫ

Для фейсбука уместен формат цитаты. Количество символов не должно превышать 130, уместно использование основного синего градиента и округляе формы бабла.

Цитата

СКАЧАТЬ МАКЕТЫ

Лучшие форматы изображений для использования в 2021 году

Форматы изображений должны быть четкими — вы создали изображение, логотип, анимацию, постер… так что вы сохраняете его, и теперь вы можете просто использовать его для чего угодно, верно? Если бы только это было так, единая система форматов изображений, подходящая для всех, сделала бы жизнь намного проще. Вместо этого мы перегружены серией полупонятных (в лучшем случае) акронимов. Давайте будем честными: вы часто просто выбираете тот, о котором вы слышали или использовали раньше, и предполагали, что он работает. Затем вы получаете сообщения — это устройство не поддерживает этот формат, отправьте PNG, это только начало…

Какая боль! но дело в том, что для разных форматов изображений есть причина. Некоторые форматы изображений лучше работают с определенными типами изображений, у них есть плюсы и минусы, преимущества и недостатки, ограничения и проблемы с использованием. Вы должны знать, что это такое, и иметь представление об основах. Почему, потому что это поможет вам защитить свое изображение в будущем. Вам нужно подумать о том, как ваше изображение будет использоваться сейчас и в будущем, масштабы и разрешения будут иметь значение.

Итак, давайте рассмотрим некоторые основные идеи и термины, рассмотрим самые популярные форматы изображений, используемые сегодня, и рассмотрим их плюсы и минусы. Возможно, вы не являетесь экспертом после этого, но, по крайней мере, это должно помочь вам избежать головной боли после обсуждений с вашими дизайнерами или клиентами.

В этой статье:

1. Основные сведения о файлах изображений
1.1. Векторные и растровые форматы изображений
1.2. Файл Размер изображения Форматы
1.3. Поддержка форматов изображений
2. Новые форматы изображений для использования в 2021 году
2.1. WebP
2.2. HEIF
2.3. AVIF

3. Форматы растровых изображений
3.1. ПНГ
3.2. JPEG
3.3. GIF
3.4. СЫРЬЕ
3.5. ТИФФ
3.6. БМП
3.7. PSD
4. Форматы векторных изображений
4.1. СВГ
4.2. PDF
4.3. EPS
4.4. АИ
4.5. CDR

1. Основы файлов изображений

Каждое изображение, которое вы видите в Интернете, представляет собой файл изображения в определенном формате. Почти все, что вы видите напечатанным на бумаге, пластике или одежде, изначально было получено из файла изображения. Каждый формат имеет определенное использование или иногда несколько применений. Выбор правильного формата жизненно важен для получения идеального изображения именно в том виде, в котором вы его хотели. Выбор неправильного формата может привести к серьезному снижению качества или даже полному отсутствию изображений.

По сути, у нас есть два типа форматов файлов изображений, это файлы формата векторного изображения и файлы формата растрового изображения.

 

1.1. Форматы векторных и растровых изображений

В самых общих чертах Растровые файлы состоят из отдельных пикселей, и каждый отдельный пиксель содержит данные о цвете. Все изображение представляет собой невероятно сложную комбинацию одноцветных точек. По этой причине файлы имеют больший размер. Фотографии представлены в формате растрового изображения. Качество зависит от количества пикселей на дюйм (PPI) и размеров изображения. Растровые изображения нельзя масштабировать без потери четкости и качества.

Векторные файлы намного меньше, потому что они не содержат однопиксельных данных, а полагаются на ряд путей или соединений (все сделано с помощью сложной математики, о которой вам не нужно беспокоиться). Благодаря этой системе файлы формата векторного изображения можно масштабировать без потери качества, что позволяет, например, быстро масштабировать изображения на веб-сайтах. Однако они не имеют одинакового определения цвета в отношении градации и смешивания.

Ключом к вашему выбору является то, что вы хотите создать и как вы хотите использовать изображение. одноразовое фотоизображение было бы идеально в формате растрового изображения с высокой детализацией, в то время как многоразовый логотип был бы идеальным в формате векторного изображения. Чтобы узнать больше о различиях между вектором и растром, ознакомьтесь с разделом Вектор и растр: в чем разница?

 

1.2. Размер файла изображения Форматы

Размер файла — еще один важный момент для обсуждения. Размер файла – это объем места, которое файл занимает в вашем хранилище, например на жестком диске компьютера. Файлы изображений, особенно растровые файлы, содержат огромное количество информации, поэтому важно извлечь уроки из этого с помощью инструмента сжатия, такого как TinyPNG. Инструменты сжатия могут уменьшить размер файла до 80 %, экономя место и время на передачу данных и позволяя отправить файл в Интернете. Это также важно для скорости браузера.

На этом этапе стоит отметить, что существует два типа сжатия «с потерями» и «без потерь». У обоих есть преимущества и недостатки:

Сжатие без потерь: никакая информация фактически не удаляется. Это часто очень важно, когда нужно поддерживать качество.
Сжатие с потерями: удаление ненужной информации и уменьшение сложности существующей информации.

Сжатие с потерями может уменьшить размер файла намного больше, чем без потерь, но снизит качество.

 

1.3. Поддержка браузерами форматов изображений

Хотя некоторые форматы изображений чрезвычайно полезны, они могут поддерживаться не всеми браузерами. Если вы хотите загрузить какой-либо формат изображения на свой веб-сайт, убедитесь, что он поддерживается как минимум самыми популярными веб-браузерами.

 

2. Новые форматы изображений, которые будут использоваться в 2021 году

Интернет — это динамично развивающаяся отрасль, и постоянно появляются новые форматы изображений. Вот несколько наиболее важных из них, о которых вы скоро услышите и увидите, если не уже.

 

2.1. WebP

Google WebP – это современный формат изображений, предназначенный для лучшего сжатия изображений в Интернете без потерь и с потерями. Меньшие изображения делают Интернет быстрее, и WebP работает над созданием этих меньших изображений, но с сохранением разнообразия. WebP также поддерживает растущую тенденцию анимированных изображений и не останавливается на достигнутом. Он все еще находится в разработке, но он будет большим.

Посетите веб-сайт Google Developers, чтобы узнать больше о WebP.

Плюсы
▪ Скорость и размер
▪ Поддержка прозрачности
▪ Поддержка анимации

Минусы
▪ Плохая поддержка браузера

 

2. 2004. HEIF

HEIF означает высокоэффективный формат файла изображения, и основное внимание уделяется оптимизации хранения изображений. Опять же, он пытается сохранить высокое качество, но в сжатых файлах меньшего размера. HEIF имеет 10 уровней сжатия на выбор и имеет сверхбыстрое кодирование и декодирование, а будучи легким, он не перегружает систему обработки.

Более подробную информацию о HEIF можно найти в Википедии.

Плюсы
▪ Очень легкий
▪ Отличное качество
▪ Поддержка анимации
▪ Поддержка прозрачности

Минусы
▪ Плохая поддержка браузера

3

AVIF

Перспективным форматом файлов изображений будущего считается AVIF, что означает «Формат файла изображения AV1». По сути, это спецификация для хранения неподвижных и анимированных изображений, сжатых с помощью AV1, в формате файла HEIF. AV1 — это бесплатный формат кодирования видео, который, по мнению большинства технических экспертов, является следующим шагом в сжатии мультимедиа.

Вы можете посмотреть несколько замечательных примеров AVIF, а также сравнить их с WebP, JPG, PNG на сайте Jakearchibald.

Pros
▪ Самый легкий формат файла
▪ Поддержка прозрачности
▪ Поддержка анимация
▪ Высокий динамический диапазон
▪ Широкий цветовой гамт


▪ Поддерживается только Chrome и Firefox. Ожидается, что вскоре он будет доступен во всех популярных браузерах, так как кодеки имеют открытый исходный код и их легче внедрить.

 

 

3. Форматы файлов растровых изображений

Как упоминалось выше, растровые изображения состоят из серии пикселей или отдельных точек, формирующих изображение. JPEG, GIF и PNG — все это расширения растровых изображений. Обычно форматы растровых изображений используются для фотографий и цифровых иллюстраций, а также для веб-графики и контента социальных сетей. Растровые файлы необходимо сохранять с точными размерами их использования, так как попытка масштабирования повлияет на качество. Вот основные форматы файлов растровых изображений:

 

3.1. PNG

Переносимая сетевая графика идеально подходит для интерактивных веб-документов и проектов, но не подходит для печатных проектов. Причина, по которой PNG популярен для веб-сайтов, заключается в том, что ваше изображение может быть на прозрачном фоне (встроено), то есть ваше изображение не должно располагаться на блоке цвета, вы можете видеть все, что находится за ним. Он также поддерживает больше цветов (до 16 миллионов) и обеспечивает четкое изображение. Это формат «без потерь» (см. выше), поэтому вы можете сохранить качество даже при сжатии. Идея PNG состоит в том, чтобы улучшить GIF, и он быстро становится стандартным форматом веб-изображений.

Идеально для: веб -изображений

Pros
▪ Встроенная прозрачность
▪ Отличный браузер ▪ Большие размеры файлов

 

3.2. JPEG

Вы слышали о JPEG, это, вероятно, самый распространенный тип файла формата изображения, который вы найдете в Интернете в наши дни. JPEG — это Объединенная группа экспертов по фотографии, названная в честь команды, которая его разработала. Обычно используемый для веб-проектов, особенно больших изображений, таких как баннеры, документы Microsoft Office, графика электронной почты и проекты печати с высоким разрешением, это также популярный формат для изображений с цифровых камер. JPEG имеет сжатие с потерями, поэтому качество будет уменьшаться вместе с размером файла, но вы можете этого даже не заметить. Существует выбор сжатия, поэтому у вас есть некоторый контроль над соотношением размера и качества. Поскольку JPEG легко сжимается, он идеально подходит для отправки по электронной почте, особенно если вы хотите отправить клиентам предварительный просмотр незавершенной работы.

Идеально подходит для:  Веб-изображений, непрофессиональной печати, электронной почты, Powerpoint

Pros
▪ Потенциально меньший размер файла, включая выбор сжатия, отлично подходит для отправки по электронной почте
▪ Отличная поддержка браузера, совместимая практически со всем программным обеспечением
▪ Высокое разрешение идеально подходит для печати
▪ Быстрые загрузки

Минусы
▪ Нет прозрачности
▪ Довольно тяжелый
▪ Сжатие с потерями, вы потеряете часть информации и не сможете редактировать после сжатия
▪ Плоский формат изображения, что означает невозможность отмены изменений

 

3.
3. GIF

Формат растрового изображения GIF часто можно увидеть в виде анимации в таких вещах, как Facebook messenger и Tumblr, других мемах социальных сетей, а также на веб-сайтах в рекламных баннерах и изображениях электронной почты. GIF расшифровывается как Graphic Interchange Format, и они имеют формат «без потерь», хотя вы можете значительно уменьшить размер с помощью настраиваемых параметров информации об изображении и количества цветов. В любом случае GIF-файлы обычно довольно маленькие, и быстрая загрузка имеет приоритет над высоким качеством изображения. GIF-файлы имеют ограниченную цветовую емкость 256, но это делает размер файла меньше, чем другие форматы растровых изображений. Однако в то время как 256 мая фотографии часто имеют тысячи цветов, поэтому они могут выглядеть разочаровывающими в формате GIF. кажется довольно большим. Кроме того, они могут быть прозрачными. Для анимационных GIF-изображений все кадры и синхронизация хранятся в одном файле, что помогает.

Идеально подходит для: анимации, небольшие иконы

Pros
Отлично подходит для небольших анимаций
▪ Поддержка отличного браузера
▪ Прозрачность
▪ Краткая нагрузка

Cons
Limited Colortett для фотографий)
▪ Плоский формат изображения, поэтому редактирование невозможно отменить
▪ Размер несжатого файла может быть огромным

 

3.4. RAW

Из обсуждавшихся до сих пор форматов изображений, скорее всего, RAW — это тот, о котором вы никогда не слышали. Raw — это первое или самое необработанное изображение с вашей цифровой камеры или даже со сканера. После того, как вы загрузили свою фотографию и отредактировали ее, она сохраняется с использованием расширений изображений, таких как JPEG. Поскольку они захватывают каждый визуальный элемент исходной фотографии, они ценны тем, что вы всегда можете вернуться к ним, но их нужно будет изменить, прежде чем вы сможете перенести изображение и изменить его размер. В основном, это негатив фотографического изображения. Существует много форматов RAW, некоторые специально для определенных марок камер, например, NEF для Nikon или CRW для Canon, фактически у каждого производителя есть свой собственный формат.

Perfect для: Photography

Pros
▪ Имеет метаданные, необработанная, полностью информированная версия
▪ Высококачественное

Cons
▪ Прин. не печатает форматы изображений RAW

 

3.5. TIFF

Формат файла изображения с тегами или TIFF представляет собой большой растровый файл со «сжатием без потерь», поэтому оригинал не теряется. Вы можете сохранять, копировать, пересохранять или даже сжимать исходную форму. и имеет то преимущество, что может восстановить оригинал даже после игры с ним. Однако с этим высоким качеством связан большой размер файла, что не идеально для Интернета, так как время загрузки отпугнет людей.

Несмотря на способность изображений TIFF восстанавливать свое качество после обработки, вам следует избегать использования этого типа файлов в Интернете — загрузка может занять вечность. Файлы TIFF обычно используются при сохранении фотографий для печати, в настольных издательских системах или в архивных копиях.

Идеально подходит для: Сохранения фотографий, настольной публикации и архивирования

Pros
Формат без потерь, но с возможностью сжатия
▪ Чрезвычайно высокое качество
▪ Можно сохранять с прозрачностью
▪ Поддерживается рядом приложений

Минусы
Огромный размер файла
▪ Не все приложения поддерживают многостраничные TIFF

 

3.6. BMP

BMP (файл растрового изображения) — это стандартный собственный формат для Microsoft Windows. Это формат растрового изображения очень высокого качества (без сжатия0), но, соответственно, больших размеров файлов. Это хорошо для фотографических изображений и других очень подробных изображений.

Идеально подходит для: Высококачественных детализированных изображений, таких как архивы, фотографии и т. д.

Плюсы
Высокое качество
▪ Поддерживается почти всеми системами

Минусы
Большой размер файла, без сжатия
▪ Не поддерживает CMYK

   PSD

Другим частным форматом являются файлы PSD, которые создаются и сохраняются в Adobe Photoshop. PSD на самом деле означает документ Photoshop. В PSD используются многослойные форматы изображений, которые позволяют редактировать и настраивать, но также могут включать векторные слои. После обработки в Photoshop файлы PSD можно экспортировать в файлы изображений других форматов перед отправкой, передачей или печатью. PSD отлично подходят для анимации и редактирования видео.

Идеально подходит для: Редактирования перед конвертированием

Профи
Может работать как с векторными, так и с растровыми изображениями
▪ Поддерживает слои, прозрачность, эффекты размер

Минусы
Использовать только Photoshop
▪ Необходимо преобразовать перед отправкой или печатью
▪ Могут быть большие размеры

 

 

4.

Форматы файлов векторных изображений

Итак, мы рассмотрели ряд форматов растровых изображений, которые обычно используются для более точных требований. Форматы векторных изображений, хотя и не такие подробные, гораздо более гибкие. Мастер-файл, который можно использовать для различных целей и масштабировать в соответствии с вашими требованиями. Используется для цифровых иллюстраций, шрифтов, брендинга, логотипов, значков и т. д. Форматы векторных изображений хорошо работают, потому что они не теряют деталей и остаются одинаковыми независимо от размера.

 

4.1. СВГ

Масштабируемая векторная графика находится на вершине популярности среди веб-браузеров. Разработчики часто используют формат SVG для создания логотипов, значков и иллюстраций, поскольку он идеально подходит для двумерной графики и может редактироваться в программах для редактирования графики и текста. Он также имеет значительно меньший размер файла, чем некоторые другие варианты, что делает его быстрым выбором для загрузки.

Идеально подходит для:  Вся веб-графика

Pros
Очень легкая
▪ Можно использовать для анимации
▪ Можно использовать для интерактивной графики, инфографики, графиков и диаграмм
▪ Можно добавлять непосредственно в HTML без ссылки на изображение

Минусы
Не подходит для высокой глубины цвета
▪ Не подходит оптимизировано для печати

Вас могут заинтересовать Лучшие места, где можно найти вдохновение для веб-дизайна

 

4.2. PDF

PDF-файлы Adobe довольно распространены, вы, несомненно, видели их при загрузке изображений. PDF-файлы (Portable Document Format) позволяют просматривать формат без специального программного обеспечения с любого устройства, хотя у вас должна быть бесплатная программа для чтения Adobe PDF. Таким образом, это отличный инструмент для обмена графикой, поскольку он работает на всех устройствах, в браузерах, приложениях и операционных системах. Adobe Illustrator и Photoshop могут экспортировать прямо в PDF, готовый к печати. есть варианты редактирования, но это дополнения.

Идеально подходит для:  Просмотра и/или печати многостраничных документов с различными элементами

Профессионалы
Готов к печати (предпочтительный формат поставки для большинства принтеров)
▪ Отлично подходит для отображения документов, содержащих текст и графику, таких как плакаты, брошюры , листовки и журналы
▪ Легко загружать и печатать несколько страниц

Минусы
Дополнительное редактирование
▪ Может потребоваться преобразование в другие форматы

 

4.3. EPS

EPS или Encapsulated PostScript — это в первую очередь формат векторного изображения, хотя он может включать данные растрового изображения. Файлы EPS можно открывать и создавать практически во всех программах для дизайна, включая CoralDraw и Adobe Illustrator, и они идеально подходят для создания графики с очень высоким разрешением для целей печати.

Идеально подходит для:  Иллюстраций и иллюстраций

Профи
Универсальный формат, просматриваемый во многих приложениях
▪ Может быть преобразован в растровую графику
▪ Автоматическое разрешение

Минусы
Редактирование ограничено определенными приложениями
▪ Некоторым принтерам не нравится EPS
▪ Плохо поддерживается браузерами

 

4.4. AI

Ai — это формат файла, используемый Adobe Illustrator, и он очень популярен среди дизайнеров, поскольку это надежный формат изображения для всех видов проектов, будь то веб-проекты или печать. В основном векторные, но могут включать встроенные и связанные растровые изображения и экспортироваться в другие форматы для просмотра, печати, редактирования и использования в Интернете. ИИ поддерживается не во всех браузерах, поэтому стоит рассмотреть возможность их преобразования.

Идеально подходит для: проектов Adobe Illustrator

Плюсы
Отличное редактирование векторных иллюстраций
▪ Идеально подходит для комбинированных векторных/растровых проектов, таких как плакаты, листовки, брошюры и т. д.

0 Минусы 3 во всех браузерах
▪ Ограниченное редактирование растра

 

4.5. CDR

Файл CDR представляет собой расширение CorelDRAW для использования со всеми приложениями Corel, такими как Corel Paintshop Pro и CorelDRAW Graphics Suite. Это файл векторной графики, в котором хранится закодированное цифровое изображение, которое сжато и может быть открыто и обработано. в программе редактирования векторов. Он широко используется в индустрии дизайна для художественных работ и различных графических данных, таких как брошюры, таблоиды и открытки.

Perfect для: Coreldraw Projects

Pros
Convertable
▪ Популярные в художественном сообществе
▪ масштабируемые

Cons
только для использования в приложениях COREL, поддерживаемых Windows
рю. images

 

Final Words

Основной выбор формата файла изображения зависит от того, как вы используете изображение. Исходя из этого, вы можете выбрать растр или вектор и оттуда сузить свои варианты. Не нужно слишком путаться в аббревиатурах, сделайте выбор и придерживайтесь его для аналогично используемых изображений. Ключевыми соображениями являются размер и объем памяти, которые важны для детализации, качества и скорости. Эта краткая статья охватывает основные моменты и, надеюсь, является хорошей базой, с которой вы можете погрузиться в мир форматов файлов или, по крайней мере, понять некоторые проблемы и потребности в различных форматах изображений.

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

  • Лучшее программное обеспечение для проектирования UI/UX: полное руководство по сравнению
  • 80+ лучших источников для поиска дизайнерских ресурсов и ресурсов
  • 20 лучших бесплатных шрифтов 2020 года: модные и вечнозеленые

25 примеров баннеров с самым высоким CTR и CR в 2022 году

Основы

Типы взаимодействия с баннерами

Примеры баннеров от Viewst

Корм для собак 300 x 250 баннер

Баннер с дегустацией вин 820×312

Винная ночь 1080×1080 баннер

Домашний декор 300 x 600 баннер

Цифровой маркетинг 160 x 600 баннер

Детские шапки 728 x 90 баннер

Ортодонтическое лечение 1080×1920 баннер

Стоматологическая помощь 820×312 баннер

Выращивание растений баннер 300 x 250

Музыкальный фестиваль 240 x 400 баннер

Декор для дома 300 х 300 баннер

Керамический декор для дома 820×312 баннер

Кондитерская 1590×400 баннер

Итальянская пицца 320 x 100 баннер

Рабочие курсы 320 х 50 баннер

Магазин нулевых отходов 820×312 баннер

Кредитная карта 1920×1005 баннер

Домашний декор 300 x 250 баннер

Баннер по уходу за кожей 1590×400

Маркетинговая бизнес-конференция 1200×628 баннер

реклама в инстаграме

реклама в инстаграм историях

Пост-реклама в Facebook

Обложка мероприятия Facebook

Объявление в твиттере

Вывод

Основы

Интернет-реклама в настоящее время практически везде, и большая ее часть отображается в виде рекламных баннеров. На данный момент рекламы так много, что вы едва замечаете большинство из них, что и является намерением создателей баннеров. Лучшие примеры баннерной рекламы выглядят как часть дизайна веб-сайта, соответствуют той же теме и в то же время выделяются.

Суть баннерной рекламы заключается в размещении рекламного фрагмента на другом сайте. Как следует из названия, рассматриваемый рекламный фрагмент имеет форму баннера, который представляет собой своего рода прямоугольник, и его можно разместить вверху или внизу веб-сайта. Кроме того, рекламные баннеры могут быть размещены вместе с контентом сайта как слева, так и справа от него.

Большинство владельцев веб-сайтов, как правило, продают свои рекламные места через одну из рекламных служб, таких как Google AdSense. Хотя это не единственный вариант, и вы все равно можете продавать рекламные места напрямую своим клиентам, если хотите.

Типы взаимодействия с баннерами

Прежде чем мы начнем рассматривать некоторые из реальных примеров баннерной рекламы, мы должны обсудить цели баннерной рекламы. Баннерная реклама имеет две основные точки интереса, которые мы должны рассмотреть — клики и показы. Показы подсчитывают количество людей, увидевших ваш рекламный баннер. Основная цель этой цели — повысить узнаваемость бренда, даже если рассматриваемый клиент не нажмет на ваш баннер.

С другой стороны, клики или переходы по клику — это количество людей, которые замечают ваш рекламный баннер и фактически нажимают на него, чаще всего попадая на целевую страницу вашего веб-сайта. Клики, как правило, генерируют потенциальных клиентов, совершают продажи, получают подписки по электронной почте и ряд других целей, в зависимости от ваших приоритетов взаимодействия.

Ретаргетинг также следует упомянуть в этом контексте. Ретаргетинг сочетает в себе преимущества показов и кликов для нацеливания на людей, которые действительно взаимодействовали с вами определенным образом, и конечная цель ретаргетинга — вернуть людей, если они не взаимодействовали с вами какое-то время.

Примеры баннеров от Viewst

Теперь мы рассмотрим некоторые из лучших примеров баннеров в различных формах и формах. Все примеры созданы с использованием платформы онлайн-конструктора рекламы Viewst. Есть как обычные баннеры для веб-сайтов разных размеров, так и несколько примеров рекламных баннеров для социальных сетей.

Корм ​​для собак Баннер 300 x 250

Местный поставщик корма для собак рекламирует свои услуги с помощью баннера «средний прямоугольник». Его намерения довольно ясны, даже не глядя на фактическое описание баннера, поскольку большая часть баннера привлекает наибольшее внимание — это изображение собаки, снабженное сообщением «Лучшая еда для вашей собаки». . Кроме того, сам баннер имеет сообщение «СКИДКА 30%», четко отделенное от остальной части баннера, определенный призыв к действию в виде кнопки «Присоединяйтесь к нам сейчас» и спокойную желто-серую цветовую палитру.

Дегустация вин Баннер 820×312

Продвижение всевозможных мероприятий и общественных мероприятий на Facebook осуществляется с помощью баннеров, подобных представленному выше. Это баннер размером 820 × 312 пикселей, рекламирующий мероприятия по дегустации вин — текст на самом баннере практически отсутствует, а изображение вина, наливаемого в бокал, говорит само за себя. Здесь также есть кнопка призыва к действию, которая побуждает потенциальных клиентов узнать больше о самом событии.

Винная ночь 1080×1080 баннер

Еще один пример дегустации вин — баннер в форме квадрата, включающий все элементы, необходимые для привлечения внимания потенциальной аудитории. Общая цветовая палитра темная и зрелая, с бокалами для вина и черным цветом, который чаще всего используется для самого баннера. На этом баннере всего два текстовых сообщения, первое — это само название — Wine Night Tasting Party, а второе — кнопка призыва к действию, призывающая людей «Узнать больше».

Декор для дома Баннер 300 x 600

Стремясь к более нейтральной эстетике, этот рекламный баннер выполнен в формате «полстраницы», предлагая много свободного места для рекламируемого контента. Продвигаемый тип товара — «Декор для дома», и свободного места хватает и для заголовка объявления, и для слогана, и для изображения этого декора. Общая светло-зеленая цветовая палитра намекает на «естественное» ощущение декора, а расположение CTA идеально, так как это будет область, которая в первую очередь привлекает наибольшее внимание.

Цифровой маркетинг Баннер 160 x 600

Еще один интересный пример высокоэффективного баннера представлен в этих двух рекламных баннерах формата «широкий небоскреб». Объем доступного пространства помогает с размещением текста и изображений, а интересная тема цифрового маркетинга поддерживается абстрактными изображениями и общими более светлыми цветами. Это выделяет кнопку CTA и привлекает к себе внимание в обоих вышеприведенных случаях.

Детские шапки 728 x 90 баннер

«Простой и понятный» — так можно описать этот тип баннера «таблицы лидеров». Изображение рассматриваемого продукта предназначено для визуализации рекламируемого продукта, а общая красная цветовая палитра напоминает о жарком дне под солнцем. Таким образом, белому призыву к действию «Заказать сейчас» будет легче выделиться и привлечь внимание, а существование скидки «до 25%» делает вопрос выбора в первую очередь несколько актуальным.

Ортодонтическое лечение 1080×1920 banner

Есть компании, которые довольно широко ассоциируются с плохими образами в головах людей. Например, стоматологическая промышленность нередко ассоциируется с болью, возникающей при всех видах стоматологических процедур. Таким образом, баннеры, подобные представленному выше, существуют для того, чтобы убедить людей в обратном — с использованием изображения улыбающегося ребенка со скобками, чтобы показать, что сама процедура не такая уж болезненная. Это также хорошо коррелирует с общей более яркой цветовой палитрой самого баннера, а также с небольшим или отсутствующим текстом на баннере, чтобы гарантировать, что исходное сообщение баннера не пострадает.

Стоматологическая помощь 820×312 баннер

Еще один известный клише, который часто ассоциируется со стоматологической практикой, заключается в том, что сами дантисты безжалостны и пугающи. Этот конкретный баннер можно использовать для противодействия этому убеждению, используя изображение воспитанного дантиста в качестве центральной части рассматриваемого баннера. В этом баннере также используется светлая цветовая палитра и минималистичный фон, чтобы упростить доставку сообщения получателю, гарантируя, что этот баннер Facebook сможет охватить как можно больше людей.

Выращивание растений Баннер 300 x 250

Еще один пример стандартного шаблона «средний прямоугольник» для различных вариантов использования показан выше. В этом конкретном примере цветовая палитра представляет продвигаемые «растения», а также изображение фактического растения как часть баннера. Кроме того, расположение заголовка, слогана и CTA достаточно близко к рассматриваемой картинке, чтобы быть, так сказать, в поле зрения.

Фестиваль музыки 240 x 400 баннер

Рекламировать музыкальное мероприятие всегда приятно, так как можно легко использовать множество различных цветовых комбинаций и типов баннеров, чтобы выразить одну и ту же идею. Например, этот тип баннера «вертикальный прямоугольник» использует комбинацию синего фона и красного шрифта, что уже само по себе является интересной комбинацией. Кроме того, часть баннера «Music FEST» естественным образом привлекает к себе внимание в сочетании с коротким призывом к действию и датой мероприятия.

Декор для дома Баннер 300 х 300

Еще один пример домашнего декора представлен в виде баннера «квадратного» типа с относительно уникальным оформлением. Более темный цвет фона подчеркивает необычность продукта на этом баннере, и добавление различных стилей шрифта служит той же цели. CTA, с другой стороны, имеет характерный желтый цвет, который легко заметить, а сообщение внутри очевидно и достаточно легко для понимания.

Керамический декор для дома Баннер 820×312

Говоря о впечатлениях от покупок, этот конкретный баннер Facebook также использует простую, но эффективную стратегию, позволяя изображению баннера говорить само за себя. На баннере почти нет текста, кроме заголовка «Керамический декор для дома» и кнопки призыва к действию, и все это размещено сбоку от баннера, так как большая часть свободного места баннера занята изображение нескольких керамических изделий. Вы также можете заметить, что цвет фона самого баннера очень похож на цвет керамических изделий на картинке, что добавляет простоты и единообразия рассматриваемому баннеру.

Кондитерские изделия 1590×400 баннер

Баннерная реклама не обязательно должна фокусироваться на существующих брендах, так как можно также использовать баннеры для продвижения всевозможных новых компаний и услуг. Этот пример выше продвигает новую кондитерскую в формате, который лучше всего подходит для обложки ВКонтакте. Само изображение использует изображение десертов, чтобы привлечь внимание, имеет приятную светлую цветовую палитру и относительно необычную кнопку призыва к действию, которая не является вашей обычной «Узнать больше», а «Попробуйте это», что гораздо более конкретно. кондитерской и десертной промышленности в целом.

Итальянская пицца Баннер 320 x 100

С другой стороны, рекламные баннеры с едой находятся в своей собственной лиге, когда речь идет о различных средствах рекламы, хотя основные принципы в основном одинаковы. В данном случае наш «большой мобильный баннер» включает в себя не только изображение рекламируемого продукта, но и дополнительный орнамент по бокам, работающий на контрасте с темным цветом фона. Кроме того, изысканный характер еды выделен курсивным шрифтом в заголовке, а легко заметная кнопка CTA, скорее всего, содержит самое короткое сообщение, которое вы только могли придумать.

Рабочие курсы 320 x 50 баннер

Рекламные объявления, связанные с работой, хорошо работают в более мобильной сфере. Таким образом, этот тип рекламы «мобильная таблица лидеров» идеально соответствует рекламируемому сообщению, предлагая удаленную работу, а также дату бесплатной консультации. Кроме того, есть легко заметный CTA и приятное сочетание светло-голубого и темно-синего цветов, а также изображение, которое усиливает спокойное и стабильное ощущение работы из дома / удаленно.

Магазин нулевых отходов Баннер 820×312

Баннерная реклама — отличный маркетинговый инструмент, когда речь идет о продвижении чего-то необычного или нетрадиционного. Этот рекламный баннер магазина нулевых отходов изо всех сил старается выглядеть как можно более «здоровым» — с ярко-желтой цветовой палитрой и изображением нескольких фруктов и овощей в многоразовом пакете. Магазины без отходов существуют для борьбы с пластиковыми отходами, и первоначальная идея таких магазинов заключается в том, что покупатель должен приносить свои собственные контейнеры, чтобы что-то купить, чтобы в упаковке и покупке использовалось меньше пластика. Это объявление дает вам очень краткое объяснение того, что такое магазин без отходов, наряду с вашей обычной комбинацией короткого заголовка и стандартной кнопки призыва к действию.

Кредитная карта 1920×1005 баннер

Каждая крупная платформа социальных сетей имеет несколько различных стандартов, когда речь идет о размерах баннеров. В приведенном выше примере показан баннер мероприятия Facebook — большое прямоугольное изображение, рекламирующее кредитные карты. Само сообщение достаточно абстрактно, чтобы заинтересовать потенциальных клиентов полным сообщением, а остальная часть баннера усиливает это любопытство — с упрощенным фоном, изображением кредитной карты в держателе кредитной карты, а также классическая кнопка призыва к действию, призывающая людей узнать больше по теме.

Домашний декор Баннер 300 x 250

Еще один способ рекламы чего-либо в рамках популярного формата баннера «средний прямоугольник» — поиграть с позиционированием текста. В данном случае изображение лампы выступает центральным элементом в данном конкретном случае баннерной рекламы. Все остальные части баннера расположены вокруг рассматриваемого изображения, что делает очевидным то, что рекламируется в первую очередь. Таким образом, все внутри баннера каким-то образом «светится», представляя «свет», который излучает лампа. При этом не все рекламные баннеры предназначены только для обычных сайтов, во многих случаях такие рекламные баннеры работают внутри определенного веб-сайта социальной сети — и теперь мы также рассмотрим несколько таких примеров. .

Уход за кожей 1590×400 баннер

Индустрия ухода за кожей в целом имеет довольно большое количество способов продвижения, когда дело доходит до обычных баннеров. Этот пример изображения обложки ВКонтакте выше не является исключением, обеспечивая простую, но эффективную комбинацию серого фонового изображения с рутинным инструментом по уходу за кожей в качестве центрального элемента изображения. Единственное, что здесь выделяется, кроме этого изображения, — это заголовок баннера — «Лучший уход за вашей кожей». Кнопка призыва к действию также немного отличается, с сообщением «Попробуйте это», а не с вашими обычными «Узнать больше» или «Зарегистрироваться».

Маркетинговая бизнес-конференция Баннер 1200×628

Эти виды баннеров довольно специфичны, поскольку они представлены в виде изображений 1200×628, что делает их идеальными для стандартных рекламных баннеров LinkedIn. Это конкретное изображение продвигает маркетинговую бизнес-конференцию с использованием сочетания белого и зеленого цветов в качестве фоновой палитры и изображения человека с блокнотом сбоку от баннера. Также есть необычное сообщение «Войти» на кнопке призыва к действию, и общая тема баннера относительно ясна, всего одна строка заголовка.

Пост-реклама в Instagram

Ваш базовый баннер в Instagram имеет почти квадратную форму и опирается в основном на визуальную сторону вещей, и только после этого — на описание. В данном случае перед нами реклама форума цифрового маркетинга, сочетающаяся с абстрактными образами и эффектным сочетанием серого и желтого цветов — что в первую очередь используется для привлечения внимания. Большинство этих баннеров в Instagram обычно содержат какую-либо прикрепленную ссылку, так что легко узнать больше о событии, просто нажав на определенную область изображения или по ссылке в описании.

Реклама в Instagram Stories

Еще один способ продвигать что-либо в Instagram — использовать ленту Stories, которая, по сути, представляет собой еще одну новостную ленту из ваших подписок. Например, здесь у нас реклама танцевальной академии с необычным фоновым цветом и комбинацией картинок, а также еще одна картинка, чтобы цель этой рекламы была очевидна даже без текста над ней. Еще один интересный момент в этой рекламе, особенно важный в нынешних условиях, заключается в том, что это в первую очередь реклама онлайн-курсов с возможностью участвовать из дома, что делает ее намного более удобной для большинства людей.

Реклама в Facebook

Реклама в Facebook имеет удивительное количество отличий, если сравнивать ее с рекламой в Instagram. Большинство из этих различий — это просто различия между сайтами социальных сетей, но реклама тоже имеет тенденцию отличаться. Этот пост выше является хорошим примером продвижения европейской мебели в определенном стиле. Количество свободного места на баннере допускает большое разнообразие и креативность — или минимализм, как предполагает этот пример. Более темный фон и яркая заметка о «новой коллекции» обязательно привлекут много людей, интересующихся оригинальной мебелью.

Обложка мероприятия Facebook

Еще один интересный тип баннерной рекламы, который можно использовать внутри Facebook, — это обложка мероприятия, точно такая же, как на изображении выше. Такой баннер — отличный способ прорекламировать предстоящее событие, с справочным изображением перед изображением и всей необходимой информацией, кроме рассматриваемого изображения. Кроме того, яркое сочетание нескольких теплых цветов позволяет сделать баннер привлекательным в целом, увеличивая вероятность того, что баннер будет замечен в первую очередь.

Объявление в Twitter

Twitter — еще один пример хорошо известной платформы социальных сетей, которую также можно использовать в качестве рекламной платформы. Возьмем приведенный выше пример продвижения специализированного магазина мороженого. Сам товар мы видим в правой половине баннера, а заголовок и слоган объявления — в левой части. Добавление курсивного шрифта к заголовку подчеркивает «сладкую» сторону объявления, а желтый фон с разбросанными вокруг ягодами малины делает его еще более привлекательным и привлекательным.

Заключение

Баннерная реклама по-прежнему очень популярна во многих отношениях, и существует множество форм, которые может принимать баннер в зависимости от варианта использования. При этом важно всегда идти в ногу с текущим ландшафтом цифрового маркетинга, чтобы не остаться позади, когда весь мир примет какой-либо новый формат или тип рекламы.

Рейтинг социальных сетей для обмена фотографиями. Продвижение фотографа в социальных сетях: необходимость и перспективы

На днях чуть не забанили российских пользователей. Один из сотрудников Роскомнадзора, который внимательно отслеживает и блокирует нелегальный контент, поставил галочку и включил в список IP-адрес ресурса. Некоторые дальневосточные провайдеры успели отреагировать и, после чего IP-адрес все же был исключен из реестра.

Новость о том, что Вконтакте могут заблокировать, быстро разлетелась по Рунету, заставив нервничать многих пользователей. Кто-то часами сидит в соцсетях в игрушках, пашет грядки на виртуальной ферме, кто-то болтает там, кто-то смотрит фильмы и слушает музыку. Все это можно делать вне Вконтакте, но пользователи привыкли к единой точке входа для разных задач и к тому, что рядом с ними друзья, перед которыми можно похвастаться фото в новом купальнике на пляже или отправить им виртуальный трофей в виде лопаты в игре.

Мы вспомнили 5 социальных сервисов, которые могли бы заменить Вконтакте. Не Facebook и Одноклассники, функционал которых во многом совпадает с Vk.com, а более нишевые продукты.

Vine — «Гифки» по-новому

Веселая жизнь

Thefancy.com чем-то напоминает Pinterest, здесь тоже речь идет о красивых вещах и только, однако можно не только зайти на сайт-источник, как в предыдущей сети, но и купить что-то, не покидая сайт. Авторы позиционируют сервис как блог, журнал, вишлист и магазин — все в одном месте. Вы можете войти, используя свою учетную запись Facebook, Twitter или Vkontakte.

Вы можете добавлять контент на сайт с других сайтов, из памяти устройства или по электронной почте. Вы можете искать интересные вещи по стоимости, цвету и категории, например, все голубое, что только есть на сайте, или все прикольные вещи для детей, например, огромный детский спальник или миниатюрные кеды для новорожденного.

11 минут

11 минут

Текст Татьяны Благовидовой

Фото Stockvault. net

Рассказываем о сервисах, которые помогут создавать картинки для соцсетей без участия дизайнера

»


Что нужно знать

Сразу небольшие советы, которые помогут вам в работе добиться лучших результатов. Следует уточнить, что в данной статье мы рассматриваем создание изображений только для обычных постов (которые публикуются в ленте). Существуют и другие правила создания и публикации обложек профилей, заметок, фотографий альбомов и прочего графического контента.

1. Размер.

Параметры длины и ширины изображения различаются в разных социальных сетях. Задавать размер нужно в первую очередь при создании картинки — это поможет избежать автоматического кадрирования с потерей части изображения (например, Инстаграм режет на квадрат) или неестественного растяжения (если вы пытаетесь загрузить маленькое картина).

  1. Вконтакте: максимальный размер 1000 х 700 px, оптимальный размер 700 х 500 px

2. Facebook: 1200 x 630 пикселей

3. Instagram: 1080 x 1080 px

4. Одноклассники: 1680 x 1680 px


2. Уникальность.

Понятно, что самыми уникальными будут ваши собственные фотографии или ваши собственные картинки, которые еще не появились в Интернете. Однако для качественного фото нужна еще техника, а для создания рисунков — навыки работы в графическом редакторе.

Но все же постарайтесь найти такие изображения, которые еще не мелькали в чужих лентах, и поработайте с ними. На сегодняшний день существует огромное количество ресурсов, откуда можно бесплатно скачать красивые картинки высокого качества.

Несколько таких сайтов:


3. Текст на картинке.

Если вы вставляете какую-то надпись, делайте ее максимально лаконичной. Более того, если пост задуман ради передачи какой-то текстовой информации, а картинка — это просто картинка, то и надпись на ней должна интриговать, привлекать внимание и провоцировать читателя на открытие текста. Если главный элемент – все-таки картинка, то лучше просто подвести к ней небольшую подводку, а не портить сам рисунок надписями. И помните, что «эмоции» на картинках выглядят непрезентабельно.

Кроме того, старайтесь поддерживать одинаковый шрифт для всех изображений в ленте. Настоящим перфекционистам рекомендуем этот сайт: он поможет подобрать наиболее оптимальный цветной шрифт для вашей картинки.

Делаем образ сами

Мы рассмотрим несколько сайтов, где можно создать свою картинку за 5 минут. хорошее качество после установки нужного размера.

Онлайн-сервис, делающий веб-дизайн доступным для всех. Ресурс содержит десятки шаблонов, богатую коллекцию иконок, шрифтов, фонов и цветов, а также дает возможность работать с загруженным изображением. Интересно, что сервис предлагает пройти бесплатный курс: как пользоваться палитрой цветов, фонов, объектов и макетов. Но после регистрации вы можете сразу приступить к созданию образа.

Возьмем в качестве примера публикацию в Instagram. Для этого на главной странице в графе «Все дизайны» нажмите на «плюс», найдите «Посты в социальных сетях» и нажмите на нужный шаблон. В Canva размер задается сразу.

С готовыми макетами легко работать. Все интуитивно понятно: выбираете нужную раскладку и меняете только текст (прямо на нем). Если вам нужно загрузить собственное изображение и работать с ним, нажмите на вкладку «Мое», затем «Добавить собственное изображение». И приступайте к выбору и редактированию шрифтов. Вы можете изменить цвет и размер этикеток.


В этом сервисе много шаблонов для социальных сетей, а также есть шаблоны для актуальных праздников. Нажмите на кнопку «Создать» на главной странице и выберите социальную платформу. Например, «Facebook» (размер выставляется автоматически). Определитесь с шаблоном, нажмите на текст и напишите свою информацию.


Интересный и простой сервис, содержащий множество бесплатных изображений (с возможностью загрузки своих), но ограниченное количество размеров — только для Instagram, Facebook, Twitter и Pinterest. Здесь можно выбрать автоматический фильтр (чтобы картинка стала темной/светлой, размытой/четкой и так далее). Более того, помимо возможности написать собственный текст, сервис предлагает готовые цитаты известных людей. Так что если вы видите себя в создании мотивационных постов — здесь вы найдете то, что вам нужно.


Здесь можно обрезать изображения до нужного размера, то есть задать параметры изображения для любых социальных сетей. Например, чтобы подготовить пост Вконтакте, загрузите изображение и во вкладке «Выберите размер» выберите последний столбец — «Ввод пользователя». Рядом появится строка, где вы можете установить длину и ширину.


Екатерина Чекмез

Дизайнер портала Womenbz

Также в приложении AppForType есть специальный набор FOR MAKERS: для тех, кто ведет свои проекты в Instagram.

В целом все эти сервисы позволяют довольно быстро создавать образы, особенно если развить сноровку.

Вы также можете потратить немного времени на составление базы фотографий, которую вы сможете использовать в будущем.

— эта сеть предоставляет своим участникам неограниченное хранилище для загружаемых фотографий. Аудитория сети насчитывает десятки миллионов человек.

Flickr

Flickr — социальная сеть для обмена фото- и видеоконтентом. Сеть используют десятки миллионов человек, которые загрузили более 10 миллиардов фотографий.

Фотоведро

Фотоведро хостинг-сайт для фотографий и видеоконтента, содержащий более 10 миллиардов фотографий. Количество пользователей превышает 100 миллионов человек.

Заслонка

Заслонка сайт обмена, который позволяет его 2 миллионам пользователей использовать свои изображения для создания персонализированных подарков, таких как кружки и футболки.

500px

500px — канадская социальная сеть обмена. Количество активных участников сети составляет 1,5 млн человек.

Девиантарт

DeviantArt — это сеть для обмена произведениями искусства. У него более 38 миллионов зарегистрированных пользователей.

Дронстаграм

Dronestagram — это сеть с акцентом на обмен фотографиями, сделанными с дронов. По словам создателей сети, Dronestagram — это «Инстаграм для фотографий, сделанных дронами». Количество участников – более 30 000 человек.

Фотки

Fotki — это сеть, доступная в 240 странах. В сети 1,6 миллиона пользователей. В сети 1 миллиард фотографий. Сайт создан в Эстонии.

Фотолог

Fotolog — сайт для блоггеров и обмена изображениями. Количество уникальных посетителей превышает 20 миллионов.

Имгур

Imgur — это сайт обмена, который предоставляет голосование для оценки загруженных изображений. Сайт содержит сотни миллионов фотографий.

Pixabay

Pixabay обеспечивает обмен фотографиями высокого качества. Пользователи сайта загрузили более 1,1 миллиона изображений и видео.

WeHeartIt

WeHeartЭто социальная сеть для обмена вдохновляющими фотографиями. Она насчитывает более 45 миллионов членов.

43Вещи

43Things — это сайт для рекомендаций, советов, поднятия настроения и поддержки. Участники сети делятся друг с другом своими целями, например, пробежать марафон или похудеть.

Не нужно публиковать фотографии еды и кошек на Facebook,

и хвастайтесь своими достижениями.

/ Рэнди Цукерберг /

За последние 5 лет ситуация изменилась: те, над кем смеялись, речь идет об Одноклассниках, рвутся на первые позиции в рейтинге страны; те, кто когда-то задал вектор развития, речь идет о «Твиттере», не знают, кому себя продать, все так печально; и все это в ожидании темных лошадок — Google (растущие возможности Google+) и Apple (работают над собственной социальной сетью).

В долгосрочной перспективе любой может стать фаворитом, но как долго? И самое главное — при чем тут фотограф?

В этой статье вы узнаете:

  • Почему фотограф должен использовать, если очень хочет, 1 или 2 социальные площадки, а в остальных лишь формально присутствовать.
  • Почему социальные сети на данный момент не самый эффективный инструмент продвижения фотографа в интернете.
  • Почему фотографы становятся маркетологами и когда это все закончится.

Но сначала поговорим о причинах написания этой статьи.

Продвижение фотографа в социальных сетях

Мое присутствие в Facebook и ВКонтакте — формальность, временная. Это решение было принято в 2014 году, после 2 лет изучения возможностей и оценки перспектив:

  1. Социальные сети замыкаются на себе. Наиболее заметно это в Facebook: выплаты публикациям за рейтинг контента, быстрые страницы (моментальные статьи), интеграция модулей, заменяющих решения вне сети и т. д.
  2. Социальные сети — это развлекательный формат. Это значит: надо скатиться в сферу обслуживания или в «клоунаду», а это стагнация и вымирание.
  3. Социальные сети — неудобный инструмент. , рекомендую к прочтению.
  4. Социальные сети — это временно, когда дело касается фотографа. Владельцы социальных сетей — бизнесмены, их цель — прибыль. Таким образом, Facebook станет видеоплатформой, а другие последуют этому тренду. Кому будут нужны фотографии в ленте?
  5. Социальные сети — площадки для тестирования технологий: машинного обучения, нейронных сетей, персональных помощников, дополненной и виртуальной реальности.

Кроме этого при общении с заказчиком я всегда задаю два вопроса:

  1. Как вы узнали обо мне?
  2. Как найти нужные товары и услуги?

Как оказалось среди моей аудитории приоритет в источниках выглядит так:

  1. Рекомендации. Сарафанное радио и партнеры.
  2. Поисковые системы. Удивлен, хотя да, что может быть проще, чем спросить «Гугль» или «Яндекс».
  3. Блог. Как оказалось, имеют.

— Да поди разберись что там в чехле, а где одноразово.

Конечно, маркетологи говорят по-другому: фотографу нужны социальные сети, запланированные посты, отслеживание упоминаний и многое другое.

А я говорю по другому: нужно выбрать 1-3 рекламных инструмента, которые будут работать на фотографа и не будут отвлекать его от основной деятельности — фотографии.

Возможности продвижения в социальных сетях. Есть ли польза от фотографа?

Маркетологи осознали вымирание SMM и, чтобы не сидеть без работы, пошли в учителя. Они цитируют книги, друг друга и равнодушны к тому, что их стараниями доверчивый слушатель окажется на свалке истории.

Разберем основные проблемы, которые должны решать социальные сети и найдем ошибки:

Экспертное признание и внешний вид

Признание — это человеческая слава, оно приходит и уходит. Какой в ​​ней смысл? Вы знаете о вреде.

Лицо эксперта ничто, ведь в профессии фотографа ценен опыт, а не слова.

Я уже говорил, не буду повторяться.

Отзывы клиентов

Актуально, но уже под вопросом: череда громких разоблачений копирайтеров и маркетологов, действия которых также испортили этот инструмент продвижения. Увы.

Фальшивые инструменты, мнимые ценности и плавающие ценники — это возможности, которые оставят фотографа наедине с нерешенными проблемами (маленький сегмент аудитории и потерянное время; маркетинговая практика вместо опыта фотографа и т. д.) и осознанием морали социальных сетей: «Сегодня заметят, а завтра не вспомнят. »

Будущее социальных сетей, или Чего ждать фотографу от соцсетей

Конечно, не все компании сообщают о своих планах, но кое-что известно из достоверных источников и можно оценить будущее социальных сетей. Я не Ванг и не буду называть даты, а лишь объясню трудности, с которыми столкнется фотограф, желающий взаимодействовать со зрителем на просторах социальных сетей.

  1. Потенциальных клиентов станет меньше. Благосостояние граждан России падает, а спрос на фотографию следует. Люди приходят в социальные сети, чтобы отвлечься, показать себя и увидеть других. Для покупок — поисковики и «позвони другу».
  2. Падение эффективности рекламы и рост рекламных бюджетов. Очевидно и неприятно. Надежной альтернативой интернету является контекстная реклама в поисковых системах. Удовлетворяет текущий спрос, дает продажи здесь и сейчас. Дорогой.
  3. Изменение формата. Как уже было сказано выше, видео привлекло внимание всех владельцев социальных платформ. Фотограф и его портфолио, как информация, привлекающая пользователей, не представляет для владельцев соцсетей былой ценности: снижение органической выдачи и обесценивание контента.
  4. Технологии и борьба за лидерство. Oculus Rift — это инструмент будущего «Фейсбука» как развлекательного портала. Нейронные сети — основа интеллектуальных помощников; разработкой занимаются основные игроки рынка: Google, Apple, Microsoft и, конечно же, Facebook. Кто станет монополистом с учетом технологии «Умный дом» — неизвестно. Фотографу необходимо заранее подготовить: доступ к онлайн-портфолио по единому протоколу, вне площадок; налаживание деловой переписки по электронной почте и др.
  5. Машинное обучение и маркетинг. Видимые результаты машинного обучения — качество поисковой выдачи. SEO изменилось. Вслед за ним SMM изменится, а манипуляции с эмоциональным постом в расписании станут частью истории. Алгоритм сам найдет владельца нужного исполнителя и свяжет его с вами, далее — опыт общения, организация и фотосъёмка.
  6. Потери. Они неизбежны. На протяжении многих лет фотограф инвестировал в сторонние разработки. Если они не выдерживают конкуренции на рынке, они исчезают, как и все работы фотографа. Smartresponder недавно закрыт. Представьте себе чувства пользователей, владельцев бизнеса. Лучше задумайтесь о проблеме, которая может возникнуть у вас, если любимая социальная сеть «сдает позиции».
  7. Подписка. Доступ по подписке набирает популярность в зарубежных странах… Не исключаю, что после журналов и корпоративных блогов соцсети задумаются о платном доступе, но сначала — о создании монополии, иначе выиграет тот, у кого «бесплатно» .

Не спешите удалять аккаунты. 🙂

PS

Основой социальных сетей являются доходы от рекламы. Но чтобы его показать, нужен контент, созданный пользователями, в том числе и фотографом. Отсюда рекомендации и щедрые советы: оставайтесь в рамках, постите чаще, пишите обо всем и т. д.

Реальная сеть. 🙂

изначально творческий путь фотографа ограничен в финансах и социальных сетях — это логичный набор инструментов для презентации портфолио, ведения переписки и рекламы.

По мере роста необходимо не только обновлять оборудование, но и устранять зависимость от сторонних решений. Отдельным стимулом является ежегодное снижение затрат на содержание личных ресурсов (развитие технологий, конкуренция и т. д.).

Наступает время, когда лидерами индустрии станут те, кто создал свои ресурсы 10 лет назад, а сейчас при необходимости добавляет необходимые модули: фотошкола, продажа оборудования, система уведомлений, партнерская сеть, презентация личного портфолио (на основе метаданных ) и т. д.

Подумай. Обсуждать. Поделись с друзьями.

С уважением
Андрей Бондарь.

Если вы продвигаете компанию или личный бренд в социальных сетях, важно, чтобы изображения на всех страницах выглядели актуально, не теряли качества и передавали идею. Полезно знать правильные размеры, форматы, требования и инструменты для создания и поиска изображений.

В статье рассматриваем:

Статья предназначена для новичков.

РАЗМЕР ИЗОБРАЖЕНИЯ

Важно придерживаться визуального формата социальных сетей, потому что картинки меньше нужного размера растягиваются и теряют резкость, а еще больше – сжимаются и теряют качество. Если изображение имеет неправильное соотношение ширины и высоты, оно обрезается в неожиданном месте.

Фейсбук

Фото профиля

Загрузите изображение размером 180×180 пикселей. Фотография профиля личной страницы на компьютере будет отображаться в размере 160х160 пикселей, управляемой страницы — 170х170 пикселей. В ленте и комментариях аватарка отображается в виде круга.

Крышка

Обложка личной страницы на компьютере будет отображаться размером 851×315 px, для управляемой страницы — 820×312 px, для группы — 820×250 px. События — 500×262 px. На смартфоне пропорции изменятся — 640х360 px. То есть, если вы скачали 851х315, или 2,7 к 1, то на смартфоне картинка будет обрезана и отображаться в соотношении 1,8 к 1.

Картинка для поста

Скачать 1200×630 px. При отображении в ленте горизонтальное изображение будет уменьшено до 470 px по ширине, соотношение сторон будет сохранено. Вертикальное изображение уменьшится до 394 пикселя в высоту, соотношение сторон будет сохранено.

Загрузите изображение размером 1200×630 пикселей в поле «og: image». В ленте на компьютере он будет отображаться как 470×246 px. Facebook рекомендует размер 1200×630 px, чтобы картинка лучше отображалась на мониторах с высоким разрешением. Не загружайте картинку меньше 470×246 px, потому что она будет отображаться в виде небольшого квадрата 158×158 px вместе с текстом. Также маленький квадратик появится, если в поле «og:image» есть ошибка.

По данным Facebook, самый быстро загружаемый png-файл sRGB имеет размер 851×315 px и весит менее 100 КБ. Ограничение по размеру составляет 8 МБ. Формат, который сохранит максимальное качество, — PNG.

Выбор обложки для Facebook

Это, пожалуй, самый сложный визуальный элемент на странице. Для разных типов страниц — разные параметры, соотношение сторон и положение фото профиля на странице и на смартфоне.

Начнем с плохого примера… Итак, я загрузил фото размером 4032×3021 px, не задумываясь, как оно будет выглядеть на разных устройствах.

Вот так выглядит профиль моего ПК:


И вот так на смартфоне:


Я не учел, что картинка будет обрезана по краям, а фото профиля будет лезть в середину. Это очень плохо. Не делайте этого, помните об особенностях формата.

Но для создания обложки управляемой страницы и группы я решил больше не полагаться на себя. Я взял шаблон от Canva, который предлагает обложку размером 628×315 пикселей.


На смартфоне



На смартфоне


При таком размере на личную страницу и на страницу группы обложка немного не подходит по высоте. При загрузке с компьютера придется выбирать место и небольшая часть картинки будет обрезана. Однако для управляемой страницы это идеальный размер.

Существует также оптимальный размер обложки согласно Buffer, службе планирования социальных сетей. А это 820×462 px:


Вы можете скачать их шаблон для фотошопа в формате PSD.

«В контакте с»

Загрузите изображение размером 200 x 300 пикселей. Или 2 на 3, но не более 600х900 px. На компьютере он будет отображаться в размере 200×300 px. Миниатюра будет отображаться в круге диаметром 200 пикселей. Если вы загрузите картинку большего размера, она будет отображаться при нажатии на аватарку.


Загрузить 159Изображение размером 0x400 пикселей. На компьютере он будет отображаться в размере 795×200 px.

Изображение для публикации

Загрузите изображение размером 510×510 пикселей. (ширина: 510, длина: меньше или равна 510 px) Если загрузить изображение большего размера, но пропорционально похожее, тоже будет здорово. При отображении в ленте вертикальное изображение будет сжато до 510 пикселей по высоте, горизонтальное — до 510 пикселей по ширине. Соотношение сторон изображения будет сохранено.

Загрузить картинку 537х240 px в поле «og:image», или в соотношении 2,23 к 1. В Контакте картинка будет сжата до 537х240 px. Соотношение сторон имеет важное значение. Если изображение квадратное или вертикальное, оно будет обрезано.

Размер аватара во «ВКонтакте»

Если в Facebook главная головная боль — обложка, то во ВКонтакте — аватарка. Во-первых, даже те, кто в ВКонтакте, не знают реальных максимальных размеров аватара. поддерживать.


А вот утка 200×500 px . .. Она спокойно выводит:



Хорошо, давайте загрузим утку размером 200×300 px:


Очень красиво. Согласимся, что 200х300 px — это действительно хороший размер… Более того, после добавления обложки на страницу размер аватарки перестает волновать, так как от нее остается только миниатюра:


По сравнению с картинкой для внешней ссылки в ленте Facebook, в ленте ВКонтакте она выглядит более вытянутой. Вместо 470х246 px на FB у него параметры 537х240 px. Это означает, что будет больше отсечения сверху и снизу. Следите за тем, чтобы важная информация не исчезла с картинки.

Вот так выглядит картинка в ленте ВКонтакте.


Сохраняем качество изображений ВКонтакте

Чтобы качество не терялось, поддержка ВК советует загружать картинку не открытием файла на сайте, а перетаскиванием файла из папки на компьютере в загрузчик.


Больше советов по оформлению группы ВК в руководстве Texterra.

«Одноклассники»

Фотография профиля или группы

Загрузить изображение размером 288×288 пикселей.

Групповая тема

Состоит из трех частей:

  • Основное изображение — 1340×320 px;
  • Обложка темы для каталога — 240×90 px;
  • Повторяющийся фон страницы размером 320×320 пикселей.


Картинка для поста

Загрузите изображение размером 1024×768 пикселей.

При отображении в ленте картинка по горизонтали будет уменьшена до 548 пикселей по ширине, соотношение сторон будет сохранено.

Вертикаль будет уменьшена до 411 пикселей по высоте, соотношение сторон будет сохранено.

Как разместить тему своей группы в Одноклассниках

Только официальные группы и группы с более чем 10 000 участников могут добавлять свою тему.

Удобно использовать расширение для установки темы. После установки он появится в списке вверху страницы. Там выбираем «Темы» и создаем свои.


Чтобы тема выглядела красиво, ОЧЕНЬ важно следовать рекомендациям службы поддержки ОК:

Использовать изображение 1340×320 px для фона темы, до 120 КБ; для повторяющегося фона страницы — 320х320 px, до 50 Кб; для темы обложки для каталога — 240х90 px, до 30 Кб.

Все нужно тщательно продумать. Случайно выбранные картинки не впишутся в нужную тему. Верхнее изображение должно незаметно «перетекать» в фон, без видимых швов.

При отображении на компьютере часть изображения будет закрыта содержимым группы. Верх изображения высотой 140 пикселей останется полностью видимым. Поэтому все важное должно располагаться вверху.


Если фоновые требования не соблюдены, он может не пройти тест, и вы получите уведомление с причинами отказа.

Инстаграм

Фото профиля

Загрузите изображение размером 110×110 пикселей. Фотография будет отображаться в круге.

Картинка для поста

Загрузить картинку размером 1080×1080 px. Квадратное изображение загружать не обязательно, но желательно. Если вы загружаете неквадратное изображение, идеальная ширина — 1080 пикселей, а длина — от 566 до 1350 пикселей. В веб-версии фото будут отображаться на 291×291 пикс. При сжатии в Instagram картинка уменьшится до 640 px. В веб-версии откроется картинка размером 600×600 px.

Картинка для историй

Загрузить картинку размером 1080×1920 px. Доступны другие размеры. Главное, чтобы пропорция 9:16 сохранялась. Например, подойдет размер 900х1600 пикселей.


Поэтому следите за тем, чтобы важные части картинки и текста не располагались по углам. Особенно, если вы наносите логотип.

Квадратные фото лучше выкладывать в Инстаграм

Почему? При отображении на профиле даже самые красивые картинки могут быть неудачно обрезаны. Например, горячие красотки на пляжах Пхукета могут потерять голову.

Если вам не подходит квадрат, но вы хотите красивую ленту, загрузите горизонтальные фотографии того же размера.

Если вы загрузите неквадратное фото, Instagram сначала предложит обрезать его до квадрата.

Это именно та часть, которая появится в профиле.

Обычно кадрирование фото не критично, но когда вы ведете аккаунт интернет-магазина и цена указана на «длинном» фото вверху, клиент ее не увидит, пока не откроет полную картинку.

Твиттер

Фото профиля

Загрузите изображение размером 400×400 пикселей. Фотография профиля на компьютере будет выглядеть как круг диаметром 200 пикселей.

Крышка

Загрузите изображение размером 1500×500 пикселей. Это совет самого Твиттера и всех редакторов, у которых есть шаблон обложки Твиттера. Однако при отображении на компьютере обложка отображается как 1900 на 500. И это уже не 3 к 1, а 19 к 5.


Картинка для поста

Загрузить 1024×512 пикс. При отображении на ленте изображение будет уменьшено до 506 пикселей по ширине. Пропорция будет 2 к 1. Вертикаль уменьшится до 506 пикселей в высоту и ширину и станет квадратной. Поэтому, если вы хотите поставить вертикальное изображение, при отображении в ленте оно будет равномерно обрезано сверху и снизу. Если нажать на картинку, она откроется без обрезки.


Пинтерест

Фото профиля

Загрузите изображение размером 165×165 пикселей. Появится по кругу, так что держите самое важное в центре.

Картинка для штифта

Загружайте картинки размером 600×900 px или с соотношением сторон 2 к 3. На компьютере картинка будет сжата до ширины 238 px.


Пропорции сохраняются до тех пор, пока соотношение сторон составляет приблизительно 1 к 1 к 1 к 3,5. Если фото более вытянутое, то сервис обрежет его на общей странице, а полная версия будет доступна по клику. Максимальная ширина при открытии — 735 пикселей.

Картинка для доски/альбома

Загружайте картинки размером 600×900 px или с соотношением сторон 2 к 3. Во многих источниках указано, что нужно загружать картинку шириной 238 px, но это неверно.



Как объясняет Дарси, член экспертного сообщества Pinterest, если вы загружаете изображение размером 238 пикселей, при его открытии вы используете менее половины разрешенной области. А в случае с Pinterest, когда пользователи приходят за визуально привлекательными полноразмерными материалами, это преступление.

  • Инструкции по созданию отличных пинов (на английском языке)
  • Официальное видео с Pinterest для бизнеса

LinkedIn

Фото профиля

Загрузите изображение размером 300×300 пикселей. В личном профиле он будет отображаться в круге, на странице компании — в квадрате 130х130 px.

Фото на обложке

Загрузите 1584×396 пикселей для вашей личной страницы и 1536×768 пикселей для страницы вашей компании.

Картинка для поста

При отображении в ленте изображение будет сжато до 520×272 пикселей. Если вы загрузите изображения других размеров, горизонтальные сожмутся до 520 пикселей по ширине, а вертикальные — до 510 пикселей по высоте. Пропорции сохранятся.

Загрузите изображение размером 1200×627 или 520×272 пикселей. Соотношение сторон должно быть 1,91 к 1. Ширина должна быть больше 200 пикселей.

Новый дизайн LinkedIn обрезает обложку компании


Почему сервис рекомендует 1536×768? Красиво будет при просмотре со смартфона. Поэтому при загрузке обложки страницы в LinkedIn обязательно проверяйте результат как на компьютере, так и на смартфоне.


ВОДЯНЫЕ ЗНАКИ ИЛИ ВОДЯНЫЕ ЗНАКИ

Приложение

Водяные знаки необходимы, когда вы хотите защитить изображения. Когда это:

  1. стоковые фотографии, которые вы планируете продавать;
  2. ценная репортажная рамка, и вы хотите ее продать.

Соответственно, если вы ведете страницы фотостоков или размещаете на страницах рамки для продажи, они должны быть защищены. Для таких целей используются полупрозрачные метки, дублированные по всей фотографии, или крупный водяной знак, растянутый на всю площадь изображения.

Водяные знаки — отличная защита, хотя есть много способов их обойти. Google недавно присоединился к борьбе против удаления водяных знаков. Разработчики создали алгоритм, удаляющий водяные знаки пачками. Google также позаботился о защите фотографий от таких алгоритмов. Для этого водяной знак должен, например, по-разному растягиваться на каждом изображении или в алгоритм наложения водяных знаков должен быть внесен элемент случайности. На глаз разница не будет бросаться в глаза, однако полностью убрать метку будет невозможно, а на снимке останутся следы.

Водяные знаки желательны, если вы хотите добиться популярности бренда:

  1. вы фотограф/художник/дизайнер и используете свою подпись для признания;
  2. Это рекламный кадр, но без названия компании или продукта.

Есть правила:

  • Водяной знак не должен перекрывать изображение или привлекать слишком много внимания.
  • Не нужно лепить по фото дополнительные элементы типа рамки.
  • Не добавляйте водяные знаки к изображениям слишком маленького размера и низкого качества.
  • Водяной знак желательно сделать полупрозрачным.
  • Текст должен быть лаконичным и емким: имя фотографа, адрес сайта, логотип.

Если вы не ставите целью читатель считать водяной знак, а ставите фото для эстетического удовольствия, то не стоит ставить горизонтальный текст. Это более заметно и сразу читается. Мы хотим, чтобы подпись была видна только тогда, когда пользователь намеренно ищет ее.



В некоторых случаях водяной знак будет излишним. Например, если на фото уже есть визитка или название товара.

В этих случаях водяной знак или визитка являются подсказкой для потенциального покупателя. Они выступают связующим звеном между заказчиком и компанией. Например, если клиент хочет заказать именно такой торт, он может найти производителя.

Водяные знаки могут дополнять плакаты и информировать:

В остальных случаях можно обойтись без водяного знака.

ПОИСК И СОЗДАНИЕ ИЗОБРАЖЕНИЙ

Фотостоки

Каждый пиксель

Одного этого сайта достаточно, чтобы никогда не искать альтернативу. Это агрегатор фотостоков. Он собирает изображения с 51 сайта: как платного, так и бесплатного. Картинки можно искать не только по ключевым словам, но и сортировать по цвету, ориентации, типу изображения и т.д.

Самый крутой инструмент, который должен добавить в закладки каждый SMM-человек. Вот шаблоны для 16 социальных сетей. К сожалению, нет «ВКонтакте». При выборе социальной сети программа показывает зеленой подсветкой области, для которых можно создать картинку. Просто нажмите на нужный, загрузите файл и переместите шаблон.



Еще один простой и удобный редактор. Нет необходимости регистрироваться. Просто заходите, создавайте, скачивайте, публикуйте. Справа вы можете выбрать один из трех форматов: растянутый вертикальный для Pinterest, квадратный для Instagram и горизонтальный для Facebook и Twitter.

Другие полезные инструменты

Цветовая схема

Отличный инструмент для выбора цветовой схемы. Вы можете выбрать монохром, два, три или четыре цвета, а затем посмотреть, как они могут смотреться в дизайне сайта. Часто хороший дизайн — это просто удачное сочетание цветов. Примеры цветов . Точки во втором круге схемы можно перемещать в поисках понравившейся комбинации, а можно просто нажать кнопку «Случайно».



Справа под палитрой цветов можно нажать «Образец светлой страницы» или «Образец темной страницы», чтобы увидеть, как это выглядит в дизайне. Программа показывает оформление сайта, но можно представить, как эти цвета будут смотреться в социальной сети.

Многопрофильное агентство

Самое полное визуальное руководство по размеру, которое я видел на английском языке. Здесь Facebook, YouTube, Pinterest, Twitter, LinkedIn, Instagram, Google+. На странице показаны размеры изображений как схематически, так и в таблице. Последние обновления даты — 19 апреля, 2017. Расхождения в цифрах с другими источниками есть, но их мало, и они незначительны.

Постер можно скачать, а можно сразу разместить в социальных сетях.

Монозащелка

Помогает делать и упорядочивать скриншоты. Можно размыть название, добавить надпись, нарисовать стрелку и сделать другие полезные мелочи. Очень помогает, если вы публикуете аналитические данные, статистику, процесс работы в редакторах, показываете онлайн-активность партнеров и т.д.


Водяной знак

Простой и интуитивно понятный сервис, где проще всего разместить текстовый водяной знак. Все просто: загрузите изображение, выберите шаблон и разместите его там, где вам нужно. Водяной знак можно увеличивать или уменьшать, играть с прозрачностью и цветом. Вы также можете заполнить изображение водяными знаками.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Закрыть
Menu