80% просмотров в социальных сетях происходит с мобильных устройств, поэтому важно понимать, как размеры изображений отображаются по-разному на мобильных устройствах и на компьютерах.
В этом материале мы собрали информацию по изображениям для социальных сетей, а также несколько профессиональных советов, как заставить эти изображения работать эффективно.
Facebook по-прежнему остается крупнейшей платформой с точки зрения среднего числа пользователей в день. По данным компании Zephoria, 1,79 миллиарда человек заходят на Facebook ежедневно. Платформа постоянно обновляет требования к изображениям и контенту — нужно постоянно быть в курсе событий, чтобы использовать ее максимально эффективно. Для достижения лучших результатов обязательно просматривайте все ваши изображения на десктопе и мобильном устройстве.
Особенности каждого формата изображений Facebook.
Изображение профиля отображается с разрешением 170 x 170 пикселей на десктопе, 128 x 128 пикселей на смартфонах и на большинстве других телефонов 36×36; изображение квадратное, помещенное в круг.
Что такое DPI PPI пиксели, размер и разрешение фотографии для начинающих!
Помните, что если кто-то кликнет по фото, чтобы открыть его, оно будет больше. Если у вас есть возможность увеличить фотографию, убедитесь, что она высокого качества. Соотношение сторон должно быть квадратным. При выборе дизайна имейте в виду, что 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 пикселей).
При создании изображения для вашей ленты новостей есть еще несколько важных рекомендаций:
300 dpi (Что это значит и сколько нужно?)
- Поддерживаются соотношения от 1,91:1 до 4: 5.
- Рекомендуется размер не менее 1080 x 1080 пикселей
- Минимум 600 x 600 пикселей
- Максимальный размер файла 30 МБ
Вы можете проявить творческий подход. Постарайтесь вспомнить все, что вы знаете о своей аудитории и о том, какие изображения она хотела бы видеть.
Баннер мероприятий Facebook: 1200 x 628 пикселей. Facebook рекомендует размер изображения 1200 x 628 пикселей. Но, как и обложка страницы Facebook, оно будет выглядеть по-разному на компьютере и на мобильном устройстве.
Изображение профиля: минимум 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 эффективнее.
В отличие от 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 обновил свои настройки за последние годы. Теперь вы можете добавлять водяные знаки на изображения, маркировать миниатюры изображений и добавлять изображения каналов.
ВКонтакте
- Аватар для сообщества: миниатюры — 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 пикселей.
Проверьте, все ли ваши профили обновлены? Если нет, возможно, сейчас самое время провести аудит социальных сетей и посмотреть, как скорее это сделать!
Источник: supa.ru
Luzerblog.ru
Разрешение. Пиксели. Мегапиксели.
28.12.2008 | Sepulka | Блог
Что такое: Разрешение. Пиксели. Мегапиксели.
Разрешение экрана, размер фотографий, матрица фотоаппарата. Всё это измеряется в пикселях. Попробую рассказать, что это такое.
Пиксель(pixel) – это точка. Экран вашего монитора это много точек. Чем больше точек и они меньше, тем лучше качество картинки. Разрешение экрана вашего монитора это количество точек по вертикали и горизонтали. ЖК мониторы 17-19 дюймов имеют в основном разрешение 1280 точек по горизонтали, на 1024 точки по вертикали, для НЕ широкоэкранных мониторов.
Широкоэкранные, могут быть разные, например 1440×900 или 1366×768. На картинке(1) можно увидеть, окно «Свойства: Экран» где указанно разрешение.
На второй картинке, на мониторе с разрешением 1280×1024 видно экран размером 1024×768, можно сравнить размеры.(2)
Просмотр фотографий и качество.
Когда разрешение экрана совпадает с разрешением (размером) фотографии, тогда на экране отображается оптимальное качество изображения. Когда разрешение фотографии маленькое, а вы хотите её посмотреть во весь экран или сделать её фоновым рисунком рабочего стола, то компьютер растянет её под размер вашего экрана, и будет видно, что качество картинки расплывчатое. На картинках (3) и (4)
маленькая картинка размером 252×186 точек растянулась до 1024×768, т. е каждый пиксель картинки увеличился в размерах и отсюда ухудшение качества. Если я увеличу изображение обезьянки в несколько раз, то увижу, пиксели (5).
Если мне поместить эту картинку на экран с разрешением 1280×1024, то вся картинка будет в таких квадратиках.
На следующей картинке я отображаю фотографию разрешением 2592×1944 в реальном размере, на экране разрешением 1280×1024, естественно фотография не помещается на экране.(6)
Я вижу только 1280×1024 пикселя, а всё остальное остаётся за пределами экрана. На картинке (7) вся фотография а на картинке(8).
Светлая часть это экран 1280×1024 на фоне всей фотографию 2592×1944, конечно если подогнать такую фотографии под размер экрана то качество такой картинки будет очень высокое т.к. пиксели будут сжиматься и станут меньше, чем есть на самом деле.
Ещё есть такой параметр как соотношение сторон. Экран 1280×1024 имеет соотношение сторон 5 к 4. Т.е если разделить 1280 на 5 получится 256, умножим, 256 на 4 получим, 1024.
Фотоаппараты, в основном, снимают с соотношением сторон 4 к 3. Т.е четыре части по горизонтали и 3 таких же части по вертикали. Например, 2592×1944, это соотношение 4 к 3, тут часть, равняется 648 пикселей. Т.к. соотношение картинки 4 к 3 не соответствует соотношению сторон экрана мониторов с разрешением 1280×1024, которое 5 к 4. То мы получаем не полное заполнение экрана(9).
Если же растянуть фото во весь экран, то получится искажение фотографии. На картинке видно, что часы стали овальные(11).
Что бы всё исправить, нам нужно обрезать фотографию так, что бы соотношение сторон фото было равно соотношению сторон монитора (10)
После обрезки размер фото уменьшится (12)
И теперь фотография будет заполнять весь экран без изменения геометрии.
Раньше всё было просто, старые ЭЛТ мониторы имели соотношение 4 к 3, это были разрешения экрана 800×600 или 1024×768 и.т.д. Кстати телевизионная картинка тоже имеет соотношение 4 к 3 и разрешение 640×480. Из-за этого современные широкоформатные телевизоры плохо показывают телевизионные каналы.
Сейчас ситуация такова, фотоаппараты снимают в соотношении 4×3, мониторы отображают 5×4, у широкоэкранных телевизоров вообще 16×9. В результате, когда вы смотрите фотографии на мониторе то у вас сверху и снизу остаются полосы, если на телевизоре то по бокам.
Идеально, когда, соотношение сторон и разрешение, одинаковое у фотографии и монитора. В этом случае каждый пиксель монитора заполнен одним пикселем фотографии. Если фотография больше в два раза, то в каждом пикселе монитора располагаются два пикселя фотографии и.т.д.
Многие, когда покупают фотоаппарат, считают что количество мегапикселей самый важный показатель. На самом деле это не так, подробнее об этом можно будет прочитать в одной из заметок. Если я понятно всё написал выше. То вы поняли, что ваша фотография разрешением 1024 на 768 это достаточно большая картинка, просто приложите фотобумагу 10 на 15 см к экрану монитора.
А ведь 1024 на 768 это всего лишь 0.8 мегапикселя. Посчитать мегапиксели просто, умножайте 1027*768=786432, округляют до 800000. Т.к мега, это 1 миллион то получаем 0.8 мегапикселя. Соответственно фотоаппарат в 10 мегапикселей это 10 миллионов пикселей т.к. соотношение сторон 4 к 3 то получаем, что такой фотоаппарат может снимать фотографии разрешением 3648×2736 точек.
Т.е это примерно как если соединить девять! девятнадцати дюймовых мониторов. Если учесть, что пиксель, почти во всех 19 дюймовых мониторах равен 0,294 мм. То получается, что для просмотра в реальном размере нам нужен монитор: 0,294 мм умножить на 3648, это больше одного метра по горизонтали, и с таким же разрешением 3648×2736. И напечатать можно будет такую же гигантскую фотографию.
А вот насколько эта фотография будет качественна, можно посмотреть, если это фото отобразить в реальную величину на вашем мониторе, и тогда вы увидите все изъяны матрицы фотоаппарата. Но об этом в другой раз.
Поделиться:
Раздел: Что и как? | На главной | Просмотров: 32524 | 0
Источник: luzerblog.ru