Przejdź do głównej treści

Wymiary zdjęć i grafik na social media w 2023 roku

Facebook, Instagram i wiele więcej

30 listopada 2023

7 min czytania

Chcielibyśmy zatytułować artykuł „Wszystko, co chcesz wiedzieć na temat wymiarów zdjęć na social media, ale bałeś się zapytać”…

ale byłoby za długie 😁

Brzmi jak wysoko zawieszona poprzeczka? Być może, ale właśnie tak lubimy.

Reklama bez grafik nie ma racji bytu. Tak samo jak pominięcie responsywności w dzisiejszych czasach! Nie jest jednak łatwo ogarnąć grafiki, zdjęcia i stories tak, aby było spójnie z brandingiem, z wartościami marki i na dodatek… z zachowaniem proporcji na urządzeniach mobilnych. Można się pogubić 😵‍💫

Właśnie dlatego przybywamy z pomocą!

Zaczniemy od tabeli z rozpiską większości wymiarów, jakie kiedykolwiek będą Ci potrzebne do mediów społecznościowych.

Później weźmiemy na warsztat najpopularniejsze platformy i prześwietlimy je przez pryzmat wymagań co do grafik. A to wszystko dzięki Damianowi, który zrobił giga research!

Zbierzemy w jednym miejscu wszelkie wytyczne i dobre praktyki, które sprawdzą się zawsze i wszędzie. Chcesz wiedzieć, jak uniknąć „takich dziwnych pasków” na zdjęciach podczas optymalizacji? To wszystko i jeszcze więcej czeka na Ciebie… właśnie tutaj! 👇

Najpopularniejsze wymiary grafik na media społecznościowe w 2023 roku

Aktualne wymiary zdjęć i grafik na social media | Kryptonum

Zawsze chcieliśmy mieć taką tabelkę 😀

Jeśli zastanawiasz się, w jakiej rozdzielczości przygotować karuzelę na Instagrama lub jakie proporcje powinno mieć profilowe na LinkedInie, jesteś w dobrym miejscu!

YouTube – obrazek wyróżniający i nie tylko

Aktualne wymiary zdjęć i grafik na YouTube | Kryptonum

Wiesz, że Youtube to druga największa wyszukiwarka na świecie? 🤔

W przypadku tego serwisu, warto uważać na umieszczanie elementów w prawym dolnym rogu. Pokazywany jest tam czas filmu, więc w tym miejscu na obrazie wyróżniającym wideo lepiej nie umieszczać kluczowych informacji.

Sekcja z video na Youtube | Kryptonum

Obrazek wyróżniający ważna sprawa. Uwaga, żeby nie dodać do niego czerwonego obrysu lub elementów, które mogą zostać pomylone z czerwonym paskiem postępu wykorzystywanym przez YouTube. Odbiorca może przez przypadek pomyśleć, że już widział Twój film.

Aktualne wymiary grafik na Facebooku

Kolebka social media wciąż jest na czasie i trudno wskazać znajomych, którzy nie mają konta na FB 🕵🏻‍♂️

Aktualne wymiary grafik na Facebook'u | Kryptonum

Jeśli prowadzisz fanpage swojej działalności, wiedza na temat zalecanych wymiarów grafik na Facebooku może okazać się niezbędna 👆🏻

Rozmiar zdjęcia w tle jest mega ważny. Warto również wziąć pod uwagę, że na mobile zdjęcie profilowe (to kółeczko) bardzo na nie nachodzi – nie polecamy umieszczać tekstów i ważnych elementów grafiki w jego lewej części.

Mockup z wizualizacją profilu na Facebook'u | Kryptonum

Wszystkie zdjęcia wgrywane na Facebooka są obrabiane przez algorytm FB. Żeby zachować jak najlepszą jakość i kolory, polecamy wgrywać foty w przestrzeni barw sRGB, rozszerzeniu JPG i maksymalnie do 100 kB. Wtedy mamy pewność, że foto będzie minimalnie zoptymalizowane przez algorytm Facebooka i prawie dokładnie takie, jak być powinno.

Co jeszcze warto wiedzieć? 👇🏻

  • Facebook rekomenduje wgrywanie logo i zdjęcie w tle z tekstami w formacie PNG.

  • Jeśli na grafice nie ma przezroczystości, to podczas eksportu PNG eksportuj bez kanału transparentności. Plik będzie mniejszy i mniej straci na jakości.

  • W zdjęciu w tle można wykorzystać pokaz slajdów i wideo. To daje mega możliwości do pokazania marki w całej okazałości.

  • Zdjęcia profilowe są zawsze przycinane do koła. Weź to pod uwagę, żeby nie przycięło ważnych elementów w rogach.

  • Tworzysz wydarzenie na FB? Uwaga! Wgranego zdjęcie w tle nie da się później zmienić.

  • Mocno nasycone kolory na zdjęciach na FB nie wyglądają korzystnie z powodu algorytmu optymalizacji, np. 100% czerwony często jest niewyraźny, elementy grafiki są rozmyte i pojawiają się dziwne artefakty.

  • Skompresowane pliki do 100 kB powinny zostać prawie niezmienione – zgodnie z zaleceniami FB.

  • Grafika w tle profilu jest unikalna pod tym względem, że jako jedyna nie zostanie w ogóle zoptymalizowana, gdy plik będzie ważył maksymalnie 100 kB.

Wymiary grafik na Instagramie – stories i nie tylko

Aktualne wymiary zdjęć i grafik na Instagramie | Kryptonum

Obecność w social mediach prawie zawsze wiąże się z posiadaniem konta na Instagramie. To platforma, którą większość osób darzy szczególnym uczuciem. Jesteśmy prostymi ludźmi – lubimy ładnie i estetycznie 😉

O czym warto wspomnieć w przypadku zdjęć na Instagramie?

Jeśli chodzi o stories – pamiętaj o pasku górnym, który przysłania część treści 🚨

Mockup z pokazaniem layoutu Instagrama | Kryptonum

Polecamy wrzucać pionowe zdjęcia i karuzele, bo zajmują większą część ekranu niż kwadratowy format. Jednocześnie warto pamiętać, że na firmowym feedzie przycina je do kwadratu, zabierając tyle samo miejsca z góry i dołu. Warto mieć się na baczności i nie umieszczać ważnych elementów grafiki w górnym i dolnym skraju grafik.

Wymiary grafik na LinkedIn

Na LinkedInie dzieje się biznes… Dlatego profesjonalny wygląd jest tam bardzo wskazany. Warto zadbać o profilowe i zdjęcie w tle spójne z brandingiem firmy.

Aktualne wymiary postów na LinkedIn | Kryptonum

Co do rekomendowanych wymiarów zdjęć, trudno nam będzie Was zaskoczyć, ale odkryliśmy jedną nietypową rzecz… LinkedIn również wspiera format karuzelowy, czyli 10 grafik widocznych w formie przewijanej karuzeli.

Aby wgrać karuzelę na LinkedIn, slajdy trzeba wyeksportować do PDF i wrzucić ją na portal w formie dokumentu.

Google wizytówka

Wymiary zdjęć i grafik w Google Wizytówce | Kryptonum

Wyskakujemy niczym Filip z konopi z tą wizytówką, ale… mało kto docenia, jaki ruch i zaufanie można zdobyć dzięki dobrze przygotowanym zdjęciom i grafikom na profilu firmowym Google wizytówki 🤩

Testowaliśmy różne podejścia rozdzielczości. Jeśli wgrasz grafikę w kwadracie o boku 720 pikseli, będzie pięknie!

TikTok

Jasne, TikTok to głównie krótkie formy wideo, ale od roku wspiera również format karuzelowy.

Możesz wybrać do 35 grafik, dowolnie zmienić ich kolejność i dodać audio.

Aktualne wymiary grafik na TikToku | Kryptonum

Przy dodawaniu dowolnych treści na TikToka uwaga na HUD, czyli interfejs i informacje dotyczące treści. Zajmują bardzo dużo miejsca. 10% na górze, 20% ekranu na dole i kolumna z reakcjami w prawym dolnym rogu zabierają spory kawałek treści. Można włączyć tryb clear mode, który pozbywa się tych elementów, ale większość użytkowników tego nie robi. Dlatego warto sprawdzać, czy przypadkiem nie zakryliśmy czegoś ważnego 😉

Polecamy wrzucać pionowe zdjęcia i karuzele, bo zajmują większą część ekranu niż kwadratowy format. Jednocześnie pamiętając, że na firmowym feedzie przycina je do kwadratu, zabierając tyle samo miejsca z góry i dołu. Lepiej mieć się na baczności i nie umieszczać ważnych elementów grafiki w górnym i dolnym skraju grafik.

O czym pamiętać podczas przygotowania grafik na media społecznościowe?

Aż 93,5% użytkowników mediów społecznościowych przegląda je na smartfonach. Dlatego niezależnie od portalu – wszystkie grafiki powinny być dopasowane do małych ekranów 📱

Kwadratowa grafika to połowa sukcesu!

Większość portali społecznościowych wspiera zdjęcie w kwadracie. Wybierz największy możliwy kwadrat (1500 pikseli wystarczy) i wykorzystasz je prawie wszędzie. To się nazywa recykling treści i mega oszczędność czasu! ⌚

Dla osób używających Figmy: przed eksportem upewnij się, że współrzędne (x, y) i wymiary (width, height) są całkowitymi liczbami. Przez pół piksela stracicie połowę włosów z głowy, gdy przy eksporcie pojawi się tajemnicza jednopikselowa linia psująca cały efekt grafiki.

Jeśli da się tak przygotować grafikę, wykorzystuj największy możliwy wymiar wspierany przez dane medium społecznościowe. Zajmie wtedy największą część ekranu i odbiorcy będą mogli bardziej skupić się na Twoich treściach. Na przykład na Instagramie polecamy posty o wymiarach 1080 × 1350.

Grafika wyróżniająca

Podczas linkowania każdej podstrony na social media może wyświetlić się tzw. social share image (np. og:image). Aby oszczędzić czas i mieć pewność, że przy linkowaniu do artykułów wszystko jest dopracowane na 100%, polecamy jako grafikę wyróżniającą artykuł na stronie wykorzystać proporcje zgodne z og:image, czyli 1200 × 630 px.

Grafika wyróżniająca na stronie www Kryptonum

Popularne social media wspierają tożsame wielkości zdjęć, więc można mega szybko wrzucić treści na różne kanały. Narzędzia, które mogą w tym pomóc:

Rekomendacje platform dotyczące wielkości zdjęć nie mają znaczenia. Liczą się proporcje, każda platforma automatycznie skaluje zdjęcie. Zauważyliśmy, że często lepiej eksportować grafikę w 4 razy większej rozdzielczości, bo po skalowaniu wygląda znacznie lepiej niż w zwykłej rozdzielczości.

Jeśli chcesz podejrzeć, jak będzie wyglądało social share image, polecamy 2 dobre narzędzia:

Open Graph

Social Share Preview

Po dodaniu efektu na zdjęcie, uważaj na wynik końcowy po wgraniu na medium społecznościowe. Często zdarza się, że efekty nie są skalowane proporcjonalnie i np. ramka wokół zdjęcia nie wygląda dobrze.

Co jeszcze warto wiedzieć?

  • Zasada zawsze na czasie: jeśli możesz, wykorzystuj grafiki wektorowe.

  • Pamiętaj, że działamy w cyfrze, więc ustawienia DPI nie mają znaczenia. Zwróć na nie uwagę tylko, gdy drukujesz grafikę.

  • Jakość grafiki zawsze spadnie → zdjęcia zawsze przechodzą przez algorytm kompresji i skalowania medium społecznościowego.

  • Programy czasem kombinują. Uwaga na podgląd w zredukowanej jakości, bo można przypadkowo wyeksportować zdjęcie w słabszej jakości.

  • Jeśli tylko możesz, eksportuj plik wyjściowy zamiast np. pobierania zdjęcia z FB i wgrywania je na IG.

  • Jeśli grafika to logo, zawiera dużo tekstu, jest ikoną bądź ilustracją, polecamy zapisywać ją w formacie PNG.

  • Jeśli grafika to zdjęcie i jest w większości rastrowa, polecamy zapisywać ją w formacie JPG.

Grafika jest połączeniem zdjęcia i wektorów? Nie pozostaje nic innego niż testowanie 😉

Jeśli po optymalizacji widać wyraźne (i niekorzystne) paski przy przejściu jednego koloru w drugi, jest na to ratunek! Jaki? Dithering, czyli dodanie np. 1% szumu do zdjęcia. Często algorytmy lepiej go zoptymalizują i unikniesz bandingu, czyli pasmowania.

Polecamy używać testowego (prywatnego) konta, by eksperymentować ze zdjęciami na różnych social mediach. Przypadkowe wciśnięcie publikuj nie będzie Cię wtedy kosztowało nerwów 😱

Jak dobrać format i rozmiar grafik na social media i nie sprzedać duszy?

Po zapoznaniu się z artykułem widzisz, że jeżeli chodzi o wymiary, prowadzenie social mediów to nie taki diabeł 👹 straszny, jak go malują. Wystarczy ustalić kilka rzeczy i życie stanie się prostsze.

Co polecamy zrobić?

  1. Wybierz platformy społecznościowe, na których publikujesz.

  2. Ustal formaty, w jakich publikujesz. Wybierz proporcje, które sprawdzą się na maksymalnej liczbie social media.

  3. Przetestuj ustawienia programów graficznych. Zwróć uwagę na przestrzeń kolorów, wymiary, dithering.

  4. Zapisz te ustawienia na przyszłość odpowiednią nazwą, np. IG-karuzela czy FB-post-kwadrat.

  5. Korzystaj z ustawień, modyfikuj je w ramach potrzeb i… baw się dobrze 😀

Potrzebujesz pomocy z rozkręceniem Twojego biznesu? ✨

A może szukasz kogoś, kto stworzy zniewalającą identyfikację wizualną dla Twojej marki? Daj nam znać!

Kto się z Tobą skontaktuje?

Zobacz nasze najnowsze posty na blogu

Przejdź do bloga

Spieszysz się? Skubnij ciekawostkę na raz!

Oto nasz TOP3:

Logo technologii wykorzystywanych do tworzenia stron i sklepów internetowych – Sanity, DatoCMS, Next.js, WordPress, Shopify i inne

Co wpływa na dobór technologii tworzenia stron internetowych

Wybór technologii projektowania witryn zależy od wielu czynników – niektóre z nich są tak nietypowe, że łatwo je pominąć

Czytaj więcej
Męski design w interfejsie stron, aplikacji internetowych oraz brandingu

Cała prawda o mężczyznach

Najlepszy design stworzony dla panów wyróżnia się mocnymi barwami, geometrią i dynamiką.

Czytaj więcej
But na obcasie o pięknym kształcie, wysokim podwyższeniu, delikatna skóra i łańcuszek

Czego pragną kobiety?

O elementach kobiecego designu na stronach internetowych. Obowiązkowe elementy kobiecego wizerunku to krągłości, pastele i ozdobne pismo.

Czytaj więcej

Scrolluj, by przejść do następnego artykułu

Następny post:

Przygotowanie zdjęć na stronę internetową