Содержание
Полное руководство по размерам изображений в Твиттере на 2022 год [обновлено]
Твиттер СНОВА обновил рекомендуемые размеры изображений. Если вы ужасно отстаете от последних обновлений Twitter, пришло время наверстать упущенное. Платформы социальных сетей постоянно совершенствуют свои алгоритмы и интерфейсы. Создатели контента и маркетологи должны проявлять инициативу и быть в курсе последней информации. Несмотря на то, что это небольшой элемент всего пользовательского опыта, размеры изображений имеют большое значение в социальных сетях. Неправильные размеры изображения могут привести к неподходящему или обрезанному содержимому. Что еще хуже, целевая платформа может отклонить ваши тщательно отредактированные изображения, если они не оптимизированы по размеру.
В этом посте мы составили шпаргалку по размеру изображения Twitter с обновленной информацией на 2022 год. Руководство охватывает все следующее, и вы можете сразу перейти к разделу, который вам подходит:
- Профиль, заголовок и изображение твита размеры
- Размер изображения Twitter Card
- Размер изображения для рекламы в Твиттере
- Моменты Твиттера
Полное руководство по размеру изображения Twitter на 2022 год:
- Бесплатный инструмент для изменения размера изображения в социальных сетях
- Profile, заголовок и твитовые размеры изображений
- Размер изображения карты Twitter
- Размеры рекламы Twitter
- Twitter Moments
- Часто задаваемые вопросы
БЕСПЛАТНЫЙ ИЗОБРАЖЕНИЕ ИЗОБРАЖЕНИЯ.
Media Image Resizer Tool для изменения размера ваших изображений до правильных размеров и форматов для рекламы в Twitter.
Размеры изображений профиля, заголовка и твита
Twitter предписывает размеры и соотношение сторон для изображений заголовка, профиля и сообщений. Если вы не будете следовать стандартам, ваши изображения могут выглядеть перекошенными, обрезанными или кривыми, что выставит ваш бренд в плохом свете.
Чтобы показать себя с лучшей стороны, следуйте этим размерам изображений, спецификациям и рекомендациям:
Изображение профиля
В 2017 году Twitter перешел с квадратных на круглые изображения профиля. Теперь стандартное соотношение сторон 2:1 больше не приемлемо в Твиттере. Теперь ваш аватар должен иметь соотношение сторон 1:1. Рекомендуемый размер по-прежнему составляет 400 x 400 пикселей, а допустимые форматы — JPG, PNG и GIF. Максимальный размер файла составляет 2 МБ.
Совет для профессионалов: Старайтесь, чтобы изображение вашего профиля было одинаковым во всех ваших учетных записях в социальных сетях, чтобы повысить узнаваемость бренда.
Также воздержитесь от использования логотипов или кавычек на своем аватаре. Лучше всего использовать фото анфас на незагроможденном фоне. Покажите свое лучшее лицо вперед и поэкспериментируйте с разными углами, чтобы получить наиболее удачный снимок головы. Посмотрите несколько хороших и плохих примеров фотографий профиля ниже.
Если вы представляете компанию, логотип может быть приемлемым. Даже в этом случае влиятельные лица, предприниматели и коучи/консультанты должны показывать свои лица, чтобы добавить человеческое прикосновение.
Если вы используете логотип в качестве аватара, будьте особенно осторожны. Горизонтальные логотипы обрезаются при размещении в круглом заполнителе Twitter. То же самое верно и для квадратных логотипов. Вы можете обойти это узкое место, создав стопку изображений или сжав изображения, чтобы их края были видны.
Фото обложки Twitter
Заголовок Twitter больше не отвечает. Раньше его можно было обрезать сотней разных способов, а теперь нет.
Теперь это будет статическая форма, независимая от устройства. Для баннеров Twitter рекомендует соотношение сторон 3:1, размер 1500 x 500 пикселей и максимальный размер файла 5 МБ.
Изображение вашего баннера можно редактировать на настольных компьютерах или мобильных устройствах, но цвета темы можно обновлять только на веб-сайте Twitter. Изображения могут быть в форматах JPG, PNG или GIF, но не в анимированных GIF.
Изображения в Твиттере
Прежде чем мы упомянем об оптимальном размере изображения, мы определили некоторые рекомендации, которым вы должны следовать, чтобы получать безупречные изображения с богатым содержанием для Твиттера:
- Не используйте сторонние веб-сайты, которые утверждают, что показать, как ваше изображение будет отображаться на разных устройствах. Такие почти никогда не работают.
- Протестируйте изображение на максимально возможном количестве устройств — настольных компьютерах, планшетах и других мобильных устройствах.
- Используйте приватную учетную запись, чтобы протестировать изображения для своих твитов перед публикацией в общедоступной учетной записи. Дополнительные усилия могут избавить вас от смущения.
- Если у вас мало времени, оптимизируйте изображения для мобильных устройств в приоритетном порядке. Люди обычно получают доступ к социальным приложениям через мобильные устройства и почти никогда не нажимают, чтобы увидеть полноразмерные изображения.
- Твиттер может свернуть ваше изображение, чтобы оно поместилось в ленте. Убедитесь, что вы размещаете важный контент в центре внимания, чтобы он не был обрезан.
Идеальный размер изображения и соотношение сторон — 1200 x 675 пикселей и 16:9 соответственно. Максимальный размер файла составляет 5 МБ для фотографий и анимированных GIF-файлов. Вы можете увеличить размер до 15 МБ, если публикуете через их веб-сайт.
Вы можете опубликовать до четырех изображений в сообщении. Два изображения будут расположены рядом друг с другом, оба с соотношением сторон 7:8.
Если вы публикуете три изображения в твите, одно будет выглядеть больше (с соотношением сторон 7:8), а два других — с соотношением сторон 4:7.
Четыре изображения будут расположены в сетке 2X2. Каждое изображение будет иметь соотношение сторон 2:1.
Размер изображения карточки Twitter
Твиттер создает расширенную карточку Твиттера, когда вы публикуете ссылку с избранным изображением вверху. Сжатая форма изображения встраивается в твит. Вы можете отрегулировать положение изображения, чтобы подписи не обрезались, когда сообщение появляется в потоке. Как и аватары, изображения в твиттере не соответствуют соотношению сторон 2:1. Скорее они должны подойти на 1.9Размер 1:1 или 1200 x 628 пикселей.
Обратите внимание, что вы не можете создать карту Twitter. Они автоматически генерируются, если вы публикуете сообщения с веб-сайта, на котором в HTML-коде включено свойство «twitter:card».
Вы можете использовать валидатор карт Twitter, чтобы предварительно просмотреть свою карту.
Типы карточек и их размеры
- Сводные карточки : На этих карточках отображается эскиз избранного изображения, название страницы, имя автора и краткое описание (длиной до 200 символов). Изображения для сводных карточек должны иметь размер 120 x 120 пикселей и размер файла не более 1 МБ.
- Карта медиаплеера : Сводная карта с аудио/видеоклипами вместо статических изображений является картой медиаплеера. Миниатюра изображения должна быть больше 640 x 360 пикселей. Соотношение сторон, предписанное Twitter, составляет 1:1 и 16:9. Согласно спецификациям видео в социальных сетях, размер клипа не должен превышать 5 МБ.
- Карточки галереи : Эти карточки содержат эскизы до четырех изображений вместе с кратким описанием связанного URL-адреса. Описание не должно превышать 200 символов, а соотношение сторон такое же, как у твитов в Steam с четырьмя картинками.
- Карточки товаров : Карточки товаров позволяют вставлять изображение (160 x 160 пикселей или больше), описание и две другие детали (местоположение, цена, рейтинги и т. д.) о товаре. Они в основном используются розничными торговцами для перенаправления трафика на свои веб-сайты. Поставщики приложений, которые хотят выделить свои рейтинги в магазине приложений, также могут использовать эти карточки.
Размеры рекламных изображений в Twitter
Маркетологи и предприниматели используют Twitter для привлечения потенциальных клиентов и конверсии продаж. Твиттер облегчает им жизнь, предлагая карты лидогенерации и карты веб-сайтов, которые также называются «рекламой». Как и Twitter Cards, реклама также имеет визуальную привлекательность. Они выделяются в захламленных потоках и побуждают зрителей совершать нужные действия.
Мы не будем слишком углубляться в то, как работает эта реклама.
Вместо этого мы сосредоточимся на спецификациях макета, которым вы должны следовать.
Размер изображения для карт генерации лидов
Карты генерации лидов содержат предложение, изображение, призыв к действию и возможность собирать имена и адреса электронной почты пользователей. Рекомендуемый размер изображения — 800 x 200 пикселей. При необходимости вы можете настроить призыв к действию.
Размер изображения для карточек веб-сайта
Если ваша цель — увеличить посещаемость вашего сайта, карты сайта — отличное решение. Они включают изображение баннера веб-сайта, описание и прямую ссылку. Вы также можете выбрать из набора предопределенных призывов к действию, которые будут добавлены в ваше объявление. Твиттер предписывает размер 800 x 320 пикселей для изображений рекламы веб-сайта.
Twitter Moments
Так же, как Instagram Highlights, Twitter позволяет сохранять ваши любимые твиты как Twitter Moments.
Вы можете создать коллекцию отзывов клиентов, коллекций продуктов, праздничных фотографий и запусков событий в виде моментов. Давайте обсудим, как вы можете разработать и оптимизировать свои «моменты».
Вы можете получить доступ к Twitter Moments, щелкнув вкладку «Дополнительно» (обозначенную горизонтальным многоточием) и выбрав «Моменты» в появившемся меню. Каждый момент сохраняется в виде слайд-шоу с обложкой. Вы также можете поделиться своими моментами в твитах.
Источник: Twitter
Чтобы создать момент, выберите «Создать новый момент» на странице «Моменты». Откроется страница «Редактировать момент». Там вы можете указать заголовок и обложку, а также выбрать твиты, чтобы добавить их в свой момент.
Источник: Twitter
В настоящее время Twitter не указывает размеры изображений для моментов. Это означает, что вы можете включать изображения, видео и GIF-файлы различных размеров в момент. Но на наш взгляд лучше всего смотрится вертикальное соотношение сторон 9:16.
Моменты отзывчивые; они меняют свою ориентацию в зависимости от размера экрана, на котором их просматривают. Убедитесь, что фотография на обложке привлекательна. Вы можете выбрать изображение из коллекции Moment или загрузить его из галереи вашего устройства. Статичное изображение лучше, чем анимированный GIF или изображение с подписями.
Вы можете изменить цвет мобильной темы Момента, удалить или отменить публикацию Момента с помощью кнопки «Дополнительно» в строке заголовка страницы «Редактировать момент».
Как и было обещано, мы расскажем вам о лучших практиках, связанных с Twitter Moments. В Моменты желательно добавлять только свои личные твиты. Вы должны воздерживаться от использования сторонних твитов, чтобы избежать нарушения авторских прав.
Заключение
Плохо расположенное изображение может испортить весь визуальный опыт вашей трансляции в Твиттере. Соблюдая приведенные выше требования, ваши изображения будут оптимизированы для платформы и произведут благоприятное впечатление на зрителей.
Часто задаваемые вопросы
Каковы размер и соотношение сторон изображения профиля Twitter?
В настоящее время стандартное соотношение сторон изображения профиля в Твиттере составляет 1:1 (уже не 2:1). Тем не менее, рекомендуемый размер по-прежнему составляет 400 x 400 пикселей. Вы можете использовать JPG, PNG или GIF, если размер файла не превышает 2 МБ.
Что такое Twitter Moment?
Твиттер теперь также позволяет сохранять ваши любимые твиты в качестве моментов Твиттера (аналогично Инстаграм Хайлайтс). Моменты реагируют и меняют свою ориентацию в зависимости от размера экрана, на котором они просматриваются. Вы можете создать коллекцию отзывов клиентов, коллекций продуктов, праздничных фотографий и запусков событий в виде моментов Twitter. Однако лучше не использовать сторонние твиты, так как это может вызвать проблемы с нарушением авторских прав.
Как создать момент в Твиттере?
Чтобы получить доступ к функции «Моменты в Твиттере», щелкните вкладку «Дополнительно», выберите «Моменты» во всплывающем меню, а затем на странице «Моменты» выберите «Создать новый момент».
Откроется страница «Редактировать момент», где вы сможете указать заголовок, добавить увлекательную статичную обложку и выбрать твиты, которые вы хотите добавить к своему моменту. В настоящее время вы можете включать видео, изображения и GIF-файлы различных размеров (хотя соотношение сторон по вертикали 9:16 выглядит лучше всего).
Как можно использовать Twitter для привлечения потенциальных клиентов?
Вы можете использовать карточки для генерации лидов в Твиттере и/или карточки веб-сайтов для генерации лидов. Эти рекламные изображения в Твиттере выделяются среди загроможденных потоков и мотивируют пользователей выполнять определенные призывы к действию. Карта лидогенерации имеет размер 800 x 200 пикселей и имеет предложение, изображение, призыв к действию и возможность собирать имена и адреса электронной почты пользователей. Карточка веб-сайта имеет размер 800 x 320 пикселей и содержит изображение баннера веб-сайта, описание, прямую ссылку и предопределенный CTA.
Каков размер и соотношение сторон баннера Twitter?
Twitter рекомендует соотношение сторон 3:1, размер 1500 пикселей X пикселей и максимальный размер файла 5 МБ.
Изображения могут быть в формате JPG, PNG или GIF (но не анимированные GIF). Вы можете редактировать изображение своего баннера на мобильных устройствах или настольных компьютерах, но вам придется использовать веб-сайт Twitter, если вы хотите обновить цвет темы.
Что такое разрешение экрана или соотношение сторон? Что означают 720p, 1080i и 1080p?
Раньше разрешение экрана (также называемое разрешением экрана) не было большой проблемой. Windows поставлялась с несколькими предустановленными параметрами, и чтобы получить более высокое разрешение или больше цветов (или и то, и другое), вам нужно было установить драйвер для вашей видеокарты. Со временем вы могли выбирать лучшие видеокарты и лучшие мониторы. Сегодня у нас есть множество вариантов, когда речь идет о дисплеях, их качестве и поддерживаемых разрешениях. В этой статье я хотел бы рассказать вам немного истории и объяснить все важные концепции.
Все началось с IBM и CGA
Технология цветной графики была впервые разработана IBM.
Первым был CGA, за ним последовали цветной графический адаптер EGA и VGA, улучшенный графический адаптер, массив видеографики. Независимо от возможностей вашего монитора, вам все равно придется выбирать один из нескольких вариантов, доступных через драйверы вашей видеокарты. Ради ностальгии, вот посмотрите на когда-то известный дисплей CGA.
С появлением видео высокой четкости и ростом популярности формата 16:9Соотношение сторон (я объясню подробнее о соотношениях сторон чуть позже) выбор разрешения экрана — это не простое дело, как раньше. Тем не менее, это также означает, что есть гораздо больше вариантов на выбор, что-то, что удовлетворит предпочтения почти каждого.
Давайте посмотрим, что такое сегодняшняя терминология и что она означает.
Экран какой чем?
Я уверен, что некоторые из вас уже знают, что термин «разрешение» неверен, когда он используется для обозначения количества пикселей на экране. Это ничего не говорит о том, насколько плотно сгруппированы пиксели.
«Разрешение» — это количество пикселей на единицу площади, а не общее количество пикселей. Здесь я буду использовать термин в его общепринятом, а не абсолютно технологически правильном значении.
С самого начала разрешение описывалось (точно или нет) количеством пикселей, расположенных на мониторе по горизонтали и вертикали, например 640 x 480 = 307200 пикселей. Доступные варианты определялись возможностями видеокарты и различались от производителя к производителю.
Разрешения, встроенные в Windows, были очень ограниченными, поэтому, если у вас не было драйвера для вашей видеокарты, вы застряли бы на экране с более низким разрешением, которое предоставляет Windows. Если вы смотрели программу установки Windows или устанавливали более новую версию видеодрайвера, возможно, вы видели экран с низким разрешением 640 x 480 на мгновение или два. Это было уродливо даже на экранах CGA, но это было по умолчанию в Windows.
По мере улучшения качества монитора Windows начала предлагать несколько дополнительных встроенных опций, но основная нагрузка по-прежнему ложилась на производителей графических карт, особенно если вам нужен дисплей с действительно высоким разрешением.
Более поздние версии Windows могут определить разрешение экрана по умолчанию для вашего монитора и видеокарты и настроить его соответствующим образом. Это не означает, что то, что выбирает Windows, всегда является лучшим вариантом, но он будет работать, и вы можете изменить его, если хотите, после того, как увидите, как он выглядит. (Я расскажу об этом в следующей статье.)
Помните о своих P и I
Возможно, вы видели, что разрешение экрана описывается как что-то вроде 720p или 1080i. Что это значит?
Начнем с того, что буквы говорят о том, как «рисуется» картинка на мониторе. «p» означает прогрессивный, а «i» — чересстрочный.
Чересстрочная развертка является пережитком телевидения и первых ЭЛТ-мониторов. Экран монитора или телевизора имеет линии пикселей, расположенных горизонтально поперек него. Линии было довольно легко увидеть, если вы подошли близко к старому монитору или телевизору, но в настоящее время пиксели на экране настолько малы, что их очень трудно увидеть даже при увеличении.
Электроника монитора «рисует» каждый экран построчно, слишком быстро, чтобы глаз мог это увидеть. Прогрессивный дисплей сначала рисует все нечетные строки, а затем все четные.
Поскольку экран рисуется чередующимися строками, мерцание всегда было проблемой при чересстрочной развертке. Производители пытались решить эту проблему различными способами. Самый распространенный способ — увеличить количество раз, которое весь экран закрашивается за секунду, что называется частотой обновления. Наиболее распространенная частота обновления составляла 60 раз в секунду, что было приемлемо для большинства людей, но ее можно было немного увеличить, чтобы избавиться от мерцания, которое воспринимали некоторые люди.
По мере того, как люди отказывались от старых ЭЛТ-дисплеев, терминология изменилась с частоты обновления на частоту кадров из-за разницы в том, как работает светодиодный монитор. Частота кадров — это скорость, с которой монитор отображает каждый отдельный кадр данных. В самых последних версиях Windows частота кадров установлена на уровне 60 Гц, или 60 циклов в секунду, а светодиодные экраны не мерцают.
И система изменилась с чересстрочной развертки на прогрессивную, потому что новые цифровые дисплеи были намного быстрее. При прогрессивной развертке строки рисуются на экране последовательно, а не сначала нечетные строки, а сначала четные. Например, если вы хотите перевести 1080p, это используется для дисплеев, которые характеризуются 1080 строками по горизонтали, вертикальным разрешением и прогрессивной разверткой.
В Википедии есть довольно ошеломляющая иллюстрация различий между прогрессивной и чересстрочной разверткой: Прогрессивная развертка. Другие интересные уроки истории читайте также в видео с чересстрочной разверткой.
А числа: 720p, 1080i и 1080p?
Когда телевизоры высокой четкости стали нормой, производители придумали сокращенное обозначение разрешения своих дисплеев. Наиболее распространенные числа, которые вы увидите, это 720p, 1080p и 1080i. Как мы видели, «p» и «i» говорят вам, является ли это дисплеем с прогрессивной или чересстрочной разверткой.
И эти сокращенные числа иногда также используются для описания компьютерных мониторов, хотя в целом монитор способен отображать изображение с более высоким разрешением, чем телевизор. Число всегда относится к количеству горизонтальных строк на дисплее.
Вот как переводится это сокращение:
- 720p = 1280 x 720 (соотношение сторон 16:9)
- 1080p = 1920 x 1080 (широкоэкранный дисплей с соотношением сторон 16:9)
- 1080i = 1920 x 1080 (широкоэкранный дисплей с соотношением сторон 16:9)
Что такое соотношение сторон?
В начале я упомянул термин соотношение сторон. Первоначально это использовалось в кино, указывая, насколько широким было изображение по отношению к его высоте. Первоначально фильмы были в формате 4: 3, и это было перенесено на телевидение и первые компьютерные дисплеи. Соотношение сторон движущегося изображения изменилось гораздо быстрее в сторону более широкого экрана, а это означало, что, когда фильмы показывались по телевизору, их приходилось обрезать или обрабатывать изображение другими способами, чтобы оно соответствовало экрану телевизора.
По мере совершенствования технологии отображения производители телевизоров и мониторов также начали переходить на широкоэкранные дисплеи. Первоначально «широкоэкранный» относился ко всему, что шире, чем обычный дисплей с соотношением сторон 4:3, но вскоре оно стало означать соотношение сторон 16:10, а позже — 16:9. В настоящее время почти все компьютерные мониторы и телевизоры доступны только в широкоэкранном режиме, и телетрансляции и веб-страницы адаптировались к ним.
До 2010 года соотношение сторон 16:10 было самым популярным для широкоэкранных компьютерных дисплеев. Но с ростом популярности телевизоров высокой четкости, которые использовали разрешения высокой четкости, такие как 720p и 1080p, и сделали эти термины синонимами высокой четкости, 16:9.стало стандартным соотношением сторон для высокой четкости. Сегодня найти дисплеи с соотношением сторон 16:10 практически невозможно.
В зависимости от соотношения сторон вашего дисплея вы можете использовать только разрешения, соответствующие его ширине и высоте.
Ниже приведены некоторые из наиболее распространенных разрешений, которые можно использовать для каждого соотношения сторон:
- . 1050, 1440×1080, 1600×1200, 1856×1392, 1920×1440 и 2048×1536.
- Разрешения с соотношением сторон 16:10: – 1280×800, 1440×900, 1680×1050, 1920×1200 и 2560×1600.
- Соотношение сторон 16:9 Разрешения: 1024×576, 1152×648, 1280×720, 1366×768, 1600×900, 1920×1080, 2560×1440 и 3840×2160.
Как размер экрана влияет на разрешение?
Хотя дисплей телевизора с соотношением сторон 4:3 можно настроить для отображения черных полос вверху и внизу экрана во время показа широкоэкранного фильма или шоу, для монитора это не имеет смысла, поэтому вы обнаружите, что Windows даже не предложит вам широкоформатный дисплей на выбор. Вы можете смотреть фильмы с черными полосами, как если бы вы смотрели на экран телевизора, но это делает ваш медиаплеер.
Важнее не размер монитора, а его способность отображать изображения с более высоким разрешением.