Розміри і формат фото для Instagram та інших популярних соцмереж

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

У чому ж причина?

А причина, як правило, криється в вихідному розмірі та форматі зображення перед публікацією. Так, сьогодні соціальні мережі вміють цілком непогано міняти розмір зображення прямо під час завантаження.Але непогано - не означає добре. І щоб ваші фото виглядали відмінно після завантаження, потрібно знати і враховувати як мінімум їх рекомендовані розміри.

Ми зібрали для вас актуальну інформацію про розміри фото для популярних соцмереж, а також хочемо розповісти, як швидко і без особливих зусиль «підігнати» знімки під потрібні параметри. Для вашої зручності поділимо статтю на кілька розділів по соцмережах.

Instagram

Instagram - одна з найпопулярніших соцмереж у світі, кількість активних користувачів якої перевищує 600 мільйонів чоловік. Фотографії - основа контенту цієї соціальної мережі. І хоча програма вміє підганяти розмір фото і відео під необхідні значення, робить він це далеко не ідеально.

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

Найкраще різниця помітна при прямому порівнянні. На колажі нижче один і той же знімок, завантажений в Інстаграм з iPhone (зліва) і з Android-смартфона (праворуч). При детальному розгляді різниця очевидна.

Щоб відчутно поліпшити якість знімка при публікації, досить попередньо змінити його розмір. Це працює не тільки з публікаціями в стрічці Instagram, але і зі Stories і навіть аватарками.

Отже, ось рекомендовані розміри фото для Інстаграм:

• Розмір аватарки- 110х110 пікселів (пропорції 1: 1).
• Розмір фото для Інстаграм(Стрічка) - 1080х1080 пікселів для квадратних зображень і 1080х1350 пікселів для портретного формату.
• Розмір Сторіс в Інстаграмі IGTV - 1080х1920 пікселів.

У випадку з Instagram є ще кілька особливостей, які потрібно враховувати. По-перше, аватарка автоматично округляється. Тому на кутах вашого фото не повинно бути нічого важливого - все це буде обрізане. По-друге, ваші Stories можуть виглядати трохи по-різному на різних пристроях в залежності від формату екрану пристрою, з якого їх дивляться. Наприклад, у вашого смартфона співвідношення сторін 16: 9, а у іншої людини - 18: 9.

Інстаграм автоматично заповнює зображенням весь простір екрану, щоб не залишати чорних смуг. Відповідно, він розтягне зображення по висоті, а з боків воно буквально вийде за межі екрану. Це важливо враховувати при публікації контенту і не залишати важливі деталі по краях. Інакше у деяких користувачів вони будуть обрізані. Плюс не забувайте про «чубчик» в смартфонах - вони теж «з'їдають» частину зображення.

Facebook

Facebook - не так сильно орієнтована на візуал соціальна мережа. Але все ж деякі нюанси розмірів фото тут теж варто враховувати:

• Фотографія профілю - 180х180 пікселів. При цьому на комп'ютері аватар відображається з меншим дозволом - 170х170 пікселів, на смартфоні - 128х128 пікселів, а на кнопочному телефоні - 36х36 пікселів.
  

• Розмір обкладинки - 820х312 пікселів. Вона більш містка і дозволяє розмістити більше важливої інформації про вас або про ваш бренд. Якщо ви завантажили фото меншого розміру, Фейсбук автоматично розтягне його, через що зображення стане розмитим. Зверніть увагу, що бренди можуть завантажити анімовану обкладинку, а рядові користувачі - немає.
  

• Розмір картинки поста - 1200х630 пікселів. А ось якщо ви публікуєте зображення з посиланням, то по короткій стороні воно зменшується до 628 пікселів. Різниця практично непомітна, але вона є.
  

Для виділених зображень в Facebook (Highlighted) можна використовувати більший розмір - 1200х717 пікселів, а для обкладинок подій - 1920х1080 пікселів.Таким чином ви можете залучити більше уваги аудиторії і донести максимум важливої інформації через візуал.

YouTube

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

• Розмір аватарки YouTube- 800х800 пікселів.
  

• Розмір шапки YouTube- 2560х1440. Саме шапка - найбільш інформативне зображення ютуб-каналу, тому так важливо наповнити її ключовою інформацією.
  

• Розмір превью для відео- 1280х720 пікселів. При цьому важливо дотримуватися співвідношення сторін 16: 9, інакше превью буде обрізано.
  

Twitter

Twitter - вельми популярна соціальна мережа, де візуалу також відводиться особлива роль. І щоб він виглядав коректно, зображення теж варто підганяти під рекомендовані розміри.

• Розмір фото профілю- 400х400 пікселів. Як і в Інстаграм, в Твіттері зображення обрізається під формат кола. І це потрібно враховувати.
  

• Розмір шапки профілю- 1500х500 пікселів. Як і у випадку з YouTube, в Твіттері шапка - важливе джерело інформації про акаунт і його власника. Тому її наповнення варто приділити особливу увагу.
  

• Розмір фото в пості- від 440х220 до 1024х512 пікселів.
  

Telegram

У мессенджере Telegram єдине фото, для якого є рекомендації за розмірами, - це ваш аватар.Рекомендований розмір - 500х500 пікселів. Мінімум - 300х300 пікселів, а максимум - 1280х1280 пікселів.

Зверніть увагу, що Telegram теж слід тренду з круглими аватарками і обрізає кути. Тому зображення краще центрувати, щоб не обрізати нічого важливого. До речі, зауважте, що аватари в Telegram досить компактні, тому не варто намагатися розмістити тут якийсь текст. Тільки ваше фото або логотип, не більше того.

Чому завантаження зображень розміром більше рекомендованого - це помилка

Реклама камер в нових смартфонах на 100 мегапікселів, величезні дозволу знімків з нових моделей фотоапаратів і планомірне збільшення діагоналей екранів телефонів привели до деяких неочевидним умовиводів аудиторії. Рядовий користувач соцмережі переконаний, що чим вище дозвіл зображення і чим більше його «вага» в мегабайтах, тим краще. І що, наприклад, великий розмір фото в Інстаграм зробить його знімки більш різкими і деталізованими. Ні це не так.

Важливо!Чим більше різниця рекомендованих і поточних розмірів вашої фотографії, тим сильніше може спотворюватися зображення. І навпаки, чим різниця менше, тим менш помітними будуть відмінності. А в ідеалі потрібно налаштовувати розмір зображення точно під рекомендовані значення.

Щоб переконатися, що завантаження «важких» зображень в соцмережі безглузда, можна провести простий експеримент.

1. Візьмемо для порівняння два смартфона: Samsung Galaxy S20 Ultra з камерою 108 Мп і iPhone 12 Pro з камерою 12 Мп.
2. Скористаємося вбудованою камерою Instagram для створення ідентичних знімків в Stories і відразу ж вивантажимо їх.
3. Завантажити опубліковані зображення і подивимося їх параметри.

Результати дуже показові. Зображення з iPhone важить всього 569 кБ, а з Samsung і того менше - 328 кБ. Навіть якщо попередньо робити знімки на основну камеру, а потім публікувати в Stories, додаток все одно змінить розмір Сторіс в пікселях і стисне зображення до тих же пари сотень кілобайт.

Робимо фото в Instagram та інших соцмережах більш різкими, насиченими і якісними

Дивлячись на все обмеження формату фото в Інстаграм, можна сильно розчаруватися в цій «соцмережі для фотографій». Адже якість ваших знімків іноді дійсно сильно страждає при публікації. Але є спосіб відчутно поліпшити його за допомогою Photoshop. Спосіб не найшвидший, але вельми ефективний. Алгоритм дій наступний:

1. Відкрийте зображення в Photoshop і насамперед переведіть його в формат sRGB. Для цього перейдіть в пункт верхнього меню «Редагування», «Перетворити в профіль» і виберіть у випадаючому списку пункт sRGB. Якщо цього не зробити, при експорті кольору можуть бути перекручені.
   
2. Зробіть зображення восьмібітних. Це теж важливий момент, що допомагає зробити кольори на ПК і на смартфоні при публікації ідентичними. Перейдіть в пункт «Зображення», «Режим» та виберіть «8 біт / канал». Візуально ви різниці, швидше за все не побачите, але для алгоритмів обробки зображення це важливо.
   
3. Налаштуйте формат фото в Інстаграм або інший соцмережі. На панелі інструментів зліва виберіть інструмент «Рамка», після чого зверху з'явиться вибір співвідношення сторін. Використовуйте те, що рекомендовано для тієї чи іншої соцмережі. Тут же можна вибрати, яка саме частина зображення буде обрізано, і вирівняти фото по горизонталі.
   
4. Змініть розмір картинки для Сторіс, стрічки Інстаграма і т. Д., Орієнтуючись на рекомендовані значення. У верхній панелі виберіть «Зображення», «Розмір зображення» і в полі «Ширина» задайте 1080 пікселів (для Інстаграма). Інші параметри можна не чіпати - висота налаштуватися автоматично під ширину, якщо активований «замок» між шириною і висотою.
   

   За великим рахунком вже цих чотирьох кроків достатньо, щоб ваші фото при завантаженні в Інстаграм або інші соцмережі виглядали краще. Але є ще одна порада, який додатково поліпшить якість. Алгоритм нескладний - досить потренуватися його використовувати, і далі весь процес буде займати всього пару секунд.

• Якщо ви працювали з декількома шарами зображення, натисніть клавіші Ctrl + Alt + Shift + E. Таким чином ви створите новий шар, який об'єднає всі попередні. Якщо шар був один, натисніть Ctrl + J, щоб продублювати його.
• Натисніть на верхній панелі кнопку «Фільтр» і виберіть пункт «Перетворити для смарт-фільтрів».
• Тепер знову натисніть «Фільтр» і перейдіть у вкладку «Інше». Тут натисніть «Крайовий контраст».
• На цьому етапі потрібно бути уважними. У мініатюрі зображення (сірий квадрат з ледь вловимими контурами) постарайтеся за допомогою кнопок збільшення / зменшення підігнати розмір фото під розмір дисплея вашого телефону. Тепер за допомогою бігунка збільшуйте або зменшуйте радіус до тих пір, поки на зображенні не виявляться контури. Але чи не занадто рельєфні. Тепер натисніть Ок.
  
• Як бачите, все ваше зображення перетворилося в сіре полотно з контурами. Не лякайтеся - все в порядку. Досить змінити режим накладення. Над палітрою шарів (нижня права частина екрану) у вас на даному етапі повинен бути обраний режим накладення «Звичайні». Змініть його на «Перекриття», і картинка знову стане колишньою, тільки більш різкою і виразною. Готово!

Порада!Якщо на четвертому кроці ви переборщіть з радіусом, фотографія стане перешарпленой - занадто різкою і грубою. Щоб це виправити, просто видаліть шар, який ви створили, і повторіть процедуру, вибравши менший радіус. Потренувавшись, ви будете з легкістю вибирати необхідний радіус і робити свої знімки різкіше. Або інший варіант - клікніть два рази на пункт «Крайовий контраст» під верхнім шаром - знову відкриється вікно регулювання радіусу. Цей спосіб зручніше, так як ви відразу можете бачити зміни на знімку в процесі настройки.

До речі, хочемо нагадати, що в Wezom Академії доступний вичерпнийкурс по Web-дизайну, В якому ви навчитеся не просто працювати з Photoshop, але і отримаєте практичні навички проектування і оформлення сайтів, а також створите власне портфоліо в ході навчання.

Тих же, кому ближче соціальні мережі і просування, запрошуємо на курсSMM просування для початківців фахівців, Де ми вчимо студентів всім тонкощам розкрутки в соцмережах.

Простіші способи зміни розміру картинки для Сторіс, постів та інших публікацій в соцмережах

Погодьтеся, не завжди є час і бажання використовувати громіздкий Фотошоп. До того ж, комп'ютер і ноутбук на відміну від телефону зазвичай не знаходяться у вас під рукою. В такому випадку можете використовувати додатки для смартфона. Їх сьогодні більш ніж достатньо.

1. Adobe Lightroom Mobile. Потужний фоторедактор з підтримкою пресетів і гнучкими інструментами налаштування формату зображення. Базові функції доступні безкоштовно. Додаток доступний і для iOS, і для Android.
2. Snapseed. Ще один популярний фоторедактор, до того ж повністю безкоштовний. Володіє багатим функціоналом, в тому числі по налаштуванню формату зображення. Але останнім часом рідко оновлюється і практично не обзаводиться новими функціями.
3. SKRWT. Незамінний додаток не тільки для зміни співвідношення сторін і обрізки знімків, але і для точної роботи з перспективою. В цьому плані SKRWT - одне з найбільш функціональних і зручних рішень. На жаль, розробники, схоже, закинули свій додаток і воно не оновлювалося з 2017 року. Проте, навіть стара версія відмінно справляється з поставленими завданнями. SKRWT коштує близько двох доларів, але ціна більш ніж виправдана.
4. Photo Resizer. На відміну від попередніх програм, Photo Resizer вміє змінювати не тільки співвідношення сторін фотографії, але і дозвіл. Притому не тільки в пікселях, але і в мілімметров, сантиметрах або дюймах. При своїй простоті Photo Resizer відмінно справляється з поставленими завданнями. До того ж, робить це абсолютно безкоштовно. Платна версія по суті відрізняється тільки відсутністю реклами.

Сподіваємося, завдяки нашим порадам у вас більше не виникне труднощів з тим, як підібрати формат фото в Інстаграм або розмір зображення для ВК. Природно, ви можете просто довіритися алгоритмам соцмереж і взагалі не морочитися з цього приводу. Але спробуйте в якості експерименту завантажити фото без будь-якої підготовки, а потім ще раз, використовуючи наші рекомендації. Чи можемо гарантувати, різниця буде дуже помітною.

І наостанок хочемо нагадати, що в Wezom Академії ви можете пройти безкоштовний початковий урок по кожному з напрямків, пов'язаних з веб-дизайном, просуванням в соцмережах і іншими IT-галузями.

Курс "SMM просування"

Хочеш отримати навчання від Ольги Олійник?

На курсі навчимося:

• Створення стратегії

• Роботі з контентом у соціальних мережах

• Роботі з особистим брендом

• І інструментарію рекламних кабінетів та роботі з таргетованою рекламою!

Замовити консультацію

Докладніше про курс

Запрошуємо на курси:

• Web-дизайн з нуля до крутого портфоліо;
• SMM для початківців фахівців{{;}}
• Копірайтинг для початківців фахівців.

У Wezom Академії ви навчитеся не просто працювати з форматами зображень для соцмереж, але і створювати по-справжньому креативний і унікальний контент - як графічний, так і текстовий.Залиште заявку на безекоштовний урок  і почніть освоювати нову професію вже в цьому місяці!