Фейсбук разрешение фотографий

Содержание страницы:

Почему фото в Facebook выглядят так ужасно и как этого избежать

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

Как Facebook портит ваши изображения

Facebook огромен! Пользователи ежедневно загружают в него около 350 миллионов изображений. Это очень много. Поэтому загружаемые изображения сжимаются для уменьшения размера. В результате качество картинки может заметно пострадать. А после того как ваше изображение пройдёт через весь интернет, будет скачано, затем многократно загружено на разные сервисы, оно может стать совсем ужасным.

Даже текст становится значительно менее привлекательным: появляются шум и размытие, шрифт становится угловатым. Что уж говорить о фотографиях, качество которых играет решающую роль в формировании впечатления зрителя.

Естественно, ситуация только усугубляется, когда весь цикл «Скачать — отредактировать — залить в Facebook» повторяется многократно. А это всё время происходит в интернете:

  1. Вася твитит что-то смешное, делает скриншот и загружает его в Facebook.
  2. Таня подписана на Васю в Facebook, а Twitter не жалует. Она делает скриншот Васиного поста и загружает его в свой Tumblr, добавив комментарий.
  3. Дима делает скриншот этого поста на Tumblr и посылает Кате через Facebook Messenger.
  4. Катя, в свою очередь, скачивает эту картинку и загружает её в свою ленту Facebook.

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

Конечно, Facebook — не единственный сайт, который сжимает изображения. Instagram, Twitter, Tumblr и практически любой другой сайт, куда вы обычно загружаете фотографии применяет некоторый уровень сжатия. Однако сжатие Facebook особенно безжалостно! Вдобавок изображение, сжатое до уровня Facebook, а затем обработанное, например, фильтрами Instagram, становится больше. При последующей загрузке в Facebook процесс сжатия повторится и добавит артефактов.

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

Что можно с этим сделать

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

Используйте возможности Facebook

Чтобы уменьшить негативное влияние сжатия, воспользуйтесь следующими советами:

  • Загружайте фотографии минимум 2 048 пикселей в ширину. В соответствии с руководством Facebook, 2 048px является идеальной шириной изображений с высоким разрешением. Ваши изображения по-прежнему будут подвержены сжатию. Но если они изначально загружаются с более высоким разрешением, последствия сжатия будут не столь заметны. Данный совет в большей степени подходит для фотографий.
  • Создавайте альбомы в высоком качестве. При загрузке фото в Facebook ставьте галочку «Высокое качество». Она позволяет хранить изображения большего размера с меньшим сжатием.

  • Обрезайте фото для обложки до 851 × 315 пикселей. Такой размер рекомендован в Facebook.

Если вы готовы уделить чуть больше времени загрузке фото в Facebook, вы можете сделать кое-что ещё.

Делитесь лучшей версией фото

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

  • Поделитесь прямой ссылкой. Если вы нашли изображение в другом месте, поделитесь ссылкой на само изображение, а не загружайте копию со своего компьютера. Это не только быстрее и проще, но, вероятно, и красивее. В большинстве случаев Facebook вставит изображение в полном размере. Практически на любую картинку в интернете вы можете быстро получить линк, щёлкнув правой кнопкой мыши и выбрав «Скопировать ссылку».
  • Залейте фото сначала на хостинг. Если вы хотите поделиться фотографией без сжатия, воспользуйтесь альтернативным хостингом (Flickr, Picasa, Photobucket, Fotki). Когда вы поделитесь ссылкой на фото с другого хостинга, Facebook вставит версию в более высоком качестве.
  • Спросите у Google. Если картинка, которой вы хотите поделиться, уже довольно низкого качества, стоит попробовать найти лучшую версию изображения. Google Image Search позволяет искать картинки как по прямой ссылке, так и с помощью загрузки с компьютера.

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

Так или иначе, имея дело с Facebook, вы будете сталкиваться со сжатием изображений. Однако, если вы всё же решили поделиться картинкой, обычно есть возможность найти лучшую её версию.

Избавьтесь от вредных привычек при работе с изображениями

Не все технически доступные средства стоит использовать. Например, съёмка вертикальных видео — это моветон. Чтобы не пришлось делиться в Facebook уродливыми, сжатыми изображениями, вам следует избавиться от некоторых привычек при работе с фотографиями:

  • Избегайте повторной загрузки изображений в Facebook. Если изображение уже есть в Facebook, постарайтесь не скачивать его, чтобы затем повторно загрузить. Когда многие делают это раз за разом, это становится похожим на игру в сломанный телефон для изображений. Либо находите оригинал, либо используйте кнопку «Поделиться».
  • Не делитесь скриншотами со смартфона. Скриншот, сделанный вашим смартфоном, будет выглядеть гарантированно плохо при загрузке в Facebook.
  • Избегайте скриншотов с маленьким разрешением. Даже скриншот, сделанный при помощи компьютера, не лучший вариант. Однако, если вы всё же решите сделать его, по крайней мере попытайтесь получить максимально высокое качество, какое сможете. В случае текста — увеличьте немного оригинал. В случае видео — переключитесь на самое высокое качество в настройках. Помните: чем больше, тем лучше.

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

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

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

Если не хочется входить в тонкости, запомните один размер: 1024 x 512 px. В большинстве случаев такая картинка будет отображаться корректно в многих социальных сетях.

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

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

Давайте рассмотрим наиболее важные параметры изображений в Facebook:

  • Картинка к внешним ссылкам: 1200×630 px
  • Картинка для поста: 1200×630 px
  • Обложка: 851х315 px
  • Фото профиля: 180х180 px

# 1 — Изображение к постам — 1200×630 px

В ленте горизонтальная картинка уменьшается до 470 px по ширине, пропорции сохранятся. Вертикальная картинка уменьшается до 394 px по высоте, пропорции сохранятся.

#2 — Изображение к внешним ссылкам — 1200×630 px

При публикации отображается изображение, указанное в метаданных сайта (поле «og:image»). Хотя ее размер 470 x 246 px, facebook рекомендует загружать картинку размером 1200 x 630 px для лучшего отображения на мониторах с высоким разрешением.

Если картинка размером меньше, чем 470х246 px, она будет отображаться в виде небольшого квадрата (158 х158 px) рядом с текстом. Так еще может происходить, если есть ошибки в тэге «og:image».

#3 — Изображение на обложке — 851х315 px

Фото профиля Страницы (Аватар)

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

Сжатие файлов JPEG для Facebook: как добиться лучшего качества для своего фото в Хронике.

Russian (Pусский) translation by Lexie Bykova (you can also view the original English article)

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

Советы Руководства для пользователя

Facebook дает нам такие рекомендации:

Руководство Facebook по загрузке изображений

Давайте посмотрим, как это работает. Начнем с обычных изображений.

Обычные изображения в Хронике

Для наилучших результатов Facebook рекомендует загружать фото с размером по ширине в 720px, 960px или 2048pх. Для сравнения я воспользуюсь этой фотографией:

Образец фото для Facebook

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

Первое заметное отличие — разница в размере файла. Если я начну комментировать по каждому, мы затеряемся в числах. Поэтому возьмем к примеру фото средней ширины: 960рх: мой первоначальный файл был 523kb, а размер файла, сохраненного с Facebook — 86,9kb, так что мы видим, происходит серьезное сжатие.

Вот размеры трех фото при 100% после Facebook:

Сравнение фото в трех рекомендуемых Facebook размерах

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

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

Фотографии обложки

Для своей обложки я собираюсь использовать это фото:

Мое фото для обложки

Если я попытаюсь загрузить свое фото в полном размере (около 7000рх по ширине), вот что происходит:

Обложка Facebook с полным разрешением

Не очень хорошо. Facebook рекомендует сначала изменить размер фото до 851 х 315, поэтому так и сделаем:

Обложка Facebook с новым размером, но файл по-прежнему более 100kb.

Выглядит лучше, но все еще видны искажения, особенно вокруг птицы. Тем не менее, это фото по-прежнему «весит» почти 300kb, хотя Facebook рекомендует 100kb. Поэтому иду в Файл — Сохранить для Веб (Control-Shift-Alt-S) в Adobe Photoshop и подвигаю слайдер Качество (Quality) на отметку меньше 100kb.

Выбирайте опцию Сохранить для Веб, чтобы уменьшить размер фото до менее 100kb Обложка 851 х 134 сохранена в размере ниже 100kb

Как видите, этот способ дает самый лучший результат. Иногда у меня получается добиться немного лучших результатов с фото для обложек, когда я использую PNG вместо JPEG. Но, как я упоминала ранее, эти файлы сложнее сохранять в меньшем размере (менее 100 kb), поэтому попробуйте оба способа и посмотрите, что устроит вас больше.

Заключение

Лучше всего помнить следующее:

Как добиться лучших результатов изображений Хроники:

  • Загружайте фото большого размера
  • Выбирайте максимальное качество при сохранении
  • Сохраняйте в формате PNG для изображений с текстом (логотипов).

Как добиться лучших результатов для изображений Обложки:

  • Измените размер на 851 х 315
  • Выбирайте опцию «Сохранить для Web» и оставайтесь в рамках ниже 100kb
  • Попробуйте и JPEG, и PNG, чтобы выбрать лучший вариант.

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

Envato Tuts+ tutorials are translated into other languages by our community members—you can be involved too!

Оптимизация изображений для постов в Facebook

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

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

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

Размеры изображения

Чтобы соцсеть подтянула к ссылке изображение, оно должно быть на странице внешнего сайта, или на него необходимо указать с помощью тега og:image. Размер картинки должен быть:

— минимум 200Х200 пикселей – подходит для отображения на десктопах.

— для хорошего отображения на iPad и прочих устройствах – минимум 600х600 пикселей, а лучше еще больше.

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

В общем, при выборе картинки, которая будет подтягиваться к ссылке в Facebook, чем больше она будет, тем лучше. Однако не стоит усердствовать – для файла есть ограничения:

Стоит отметить, что большие изображения актуальны не только для Facebook. Например, Google+ также отображает картинки размером вплоть до 1000х700 пикселей.

Разрешение изображения должно быть JPG, PNG, GIF или BMP.

Пропорции картинок

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

Если пропорции картинки превышают 1х1, она будет обрезаться, поэтому необходимо заранее проверить, как она отображается в Ленте.

Тег og:image

Тег og:image позволяет прикрепить к статье картинку, которая будет подтягиваться к ссылке в Facebook. Важно запомнить: данная функция не позволяет менять картинку – ссылка будет расшариваться только с ней.

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

Что лучше: посты со ссылкой или посты с изображением

У пользователей Facebook есть два способа расшарить ссылку с изображением – запостить ссылку с автоматически подтянувшейся картинкой (размер изображения составит 154х154 пикселя) или отдельно опубликовать картинку и сопроводить ее текстом со ссылкой (размер картинки составит 552х480 пикселя).

Официальный ответ Facebook на вопрос, какой тип поста лучше выбрать бренду, звучит так:

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

Размеры картинок для девяти социальных сетей: Facebook, ВК, Twitter, Instagram, YouTube, Pinterest, LinkedIn, G+, OK

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

Иллюстрации в Facebook

  • фото профиля страницы обрезается до квадрата и отображается на десктопе в размере 170х170 px и 128х128 px на смартфонах;
  • обложка страницы отображается на десктопе в формате 820х312 px и 640х360 px на смартфонах;
  • минимальный размер обложки для загрузки 399х150 px;
  • оптимальный формат для более быстрой загрузки — файл sRGB JPG в размере 851х315 px и весом менее 100 KB;
  • чтобы добиться более высокого качества отображения фото профиля или обложки с лого и текстом, используйте файл в формате PNG.

Картинки «В Контакте»

  • максимальная область картинки, которая может отображаться на странице сообщества или фото профиля — 200х500 px;
  • минимальный размер фото профиля или аватара группы — 200х200 px;
  • максимальная сумма высоты и ширины фотографии — 14000 px, иначе фото просто не загрузится;
  • чтобы минимизировать визуальные потери качества загружаемых фотографий, лучше загружать снимки до 1000 px по любой из сторон и перед загрузкой немного увеличивать их резкость. Кроме того, «В Контакте» не рекомендует нажимать на строчку «Добавить новые фотографии», лучше перетаскивать снимок прямо из папки компьютера;
  • еще одна важная деталь: загрузчик «В Контакте» недолюбливает цветовой профиль Adobe RGB, поэтому перед загрузкой лучше преобразовать картинку для Web.
    Алгоритм действий такой: в Photoshop нужно выбрать «Сохранить для WEB» (Alt+Shift+Ctrl+S), затем редактировать настройки качества и отметить «Конвертировать в sRGB». Если нет Photoshop, используйте Pixlr Editor;
  • самые ценные снимки стоит загружать в раздел документов — https://vk.com/docs.

Профиль в Twitter

  • рекомендуемый размер обложки профиля 1500×500 px;
  • рекомендуемый размер фото профиля — 400×400 px;
  • фотографии профиля могут быть в любом из следующих форматов: JPG, GIF или PNG. В то же время Твиттер не поддерживает анимированные GIF-файлы в качестве изображений профиля или обложки.

Фото в Instagram

  • лучший формат фотографий для загрузки в Instagram — 1080×1080 px;
  • в веб-версии фотографии будут отображаться в размере 291×291 px.

Визуальные элементы в YouTube

Дизайн по-разному отображается на компьютерах, мобильных телефонах и телевизорах. Чтобы канал выглядел одинаково привлекательно на всех устройствах, рекомендуется загрузить фоновое изображение (обложку канала) 2560×1440 px и соблюдать рекомендации:

  • минимальный размер изображения: 2048×1152 px;
  • минимальный размер «безопасной зоны»: 1546×423 px — это часть изображения, которая видна на всех устройствах;

  • максимальная ширина: 2560×423 пикселей. Если загрузить такое изображение, «безопасная зона» будет отображаться полностью, а остальные части картинки — в зависимости от окна браузера;
  • размер файла: не более 4 MB.

Графика в Pinterest

  • все картинки в ленте отображаются шириной 235 px;
  • если картинка слишком узкая, программа автоматически ее обрезает, полный размер показывает только при клике.

Иллюстрации в LinkedIn

  • все картинки постов отображаются шириной 350 px;
  • пропорции сохраняются.

Картинки в G+

  • размер обложки — 16:9;
  • можно загружать картинки не более 2120×1192 px и не менее 480×270 px.

Картинки в ОК

  • максимальный размер картинки для загрузки без потери качества — 1680 px по самой большой стороне;
  • в ленте группы изображения отображаются в размере 548×411 px;
  • при клике на картинку она раскроется до 780х585 px.

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

Читайте также, как делать картинки для соцсетей без помощи дизайнера .

Обнаружили ошибку? Выделите ее и нажмите Ctrl + Enter.

Community Manager at online marketing agency Netpeak

Еще по теме:

  • Окато земельный налог Код ОКАТО в квитанциях по уплате взносов и налогов Цитата: УПРАВЛЕНИЕ ФЕДЕРАЛЬНОЙ НАЛОГОВОЙ СЛУЖБЫ РОССИИПО АРХАНГЕЛЬСКОЙ ОБЛАСТИ И НЕНЕЦКОМУ АВТОНОМНОМУ ОКРУГУ от 7 ноября 2007 годаО ПОРЯДКЕ ЗАПОЛНЕНИЯ ПЛАТЕЖНОГО ПОРУЧЕНИЯ. Как известно, в кодах ОКАТО зашифрована информация о […]
  • Международная страховка здоровья Страхование туристов, выезжающих за границу. Что важно учитывать и на что обратить внимание? Страховой полис для выезжающих за рубеж – способ защитить себя и своих близких от непредвиденных расходов. Незначительная сумма, потраченная на полис в базовом варианте, позволит избежать […]
  • Налоги на товары работы услуги это косвенный налог Косвенный налог Оглавление Косвенный налог - налог на товары, работы или услуги, устанавливаемый в виде надбавки к цене или тарифу. К косвенным налогам относятся Налог на добавленную стоимость (НДС), Акциз. В отличии от косвенного налога, прямой налог взимается непосредственно с доходов […]
  • Правила ё о е и после шипящих и ц I. Гласные после шипящих и ц § 1. После х, ч, ш, щ не пишутся ю, я, ы, а пишутся у, а, и, например: чудо, щука, час, роща, жир, шить. Буквы ю и я допускаются после этих согласных только в иноязычных словах (преимущественно французских), например: жюри, парашют (в том числе – в именах […]
  • Органы опеки белгородского Новости Уважаемые жители города! В связи с ликвидацией МБУ «Центр социальной помощи семье и детям» и решением Совета депутатов г. Белгорода от 26.11.2013 года № 27 полномочия по осуществлению деятельности по опеке и попечительству в отношении несовершеннолетних детей переданы […]
  • Закон 138 фз от 2011 года Федеральный закон от 14 июня 2011 г. N 138-ФЗ “О внесении изменений в статью 16 Федерального закона "О содействии развитию жилищного строительства" и Земельный кодекс Российской Федерации” Принят Государственной Думой 3 июня 2011 года Одобрен Советом Федерации 8 июня 2011 года Часть 4 […]
  • Пособие по рождению ребенка в 2014 году москва Пособие при рождении ребенка в 2014 году Такое пособие выплачивается после рождения каждого ребенка, это не зависит от количества родившихся детей ( то есть каждому близнецу). Кроме этого, пособие могут получить также и приемные родители (опекуны) ребенка. Пособие при рождении ребенка в […]
  • Закон о списании пени и штрафов Списание задолженности по налогам Актуально на: 1 февраля 2018 г. Случаи, когда задолженность по налогам признается безнадежной к взысканию и списывается, установлены НК РФ. К таким случаям, в частности, относятся (ст. 59 НК РФ): ликвидация организации; признание ИП банкротом; […]