Przytnij zdjęcie online i wykadruj pod rozmiar: przewodnik po proporcjach dla platform i mediów społecznościowych

Wydaje się, że przyciąć zdjęcie to sprawa dwóch sekund: pociągnąłeś za róg i gotowe. Ale właśnie na tym kroku najczęściej psuje się karta produktu albo post w mediach społecznościowych. Platformy sztywno wymagają konkretnych proporcji, i jeśli przesłać zdjęcie w niewłaściwym stosunku boków, albo utnie je automat jak popadnie, albo doda białe pola, albo w ogóle odrzuci wgranie. W studio gdefoto codziennie przygotowujemy setki kadrów pod platformy sprzedażowe i media społecznościowe i widzimy te same grabie: produkt ucieka za krawędź, twarz ucięta po brodę, infografika rozciągnięta w owal. W tym przewodniku rozłożyliśmy wszystko na czynniki pierwsze: jakie proporcje są potrzebne gdzie, czym kadrowanie różni się od zmiany rozmiaru, jak zachować ostrość i nie wyrzucić tego, co ważne. A jeśli nie chce ci się grzebać, można po prostu przyciąć zdjęcie online za minutę w naszym narzędziu z gotowymi presetami pod każdą platformę.

Stosunek boków to proporcja szerokości do wysokości kadru. Jest ważniejszy niż bezwzględne piksele: platforma sama przeskaluje obraz, ale jeśli proporcja nie zgra się z jej siatką, zaczynają się pola i przycięcia. Omówmy kluczowe formaty.

3:4 (pionowy, platformy sprzedażowe). To podstawowy standard dla kart produktów. Większość platform pokazuje zdjęcia pionowo, bo w liście i na karcie pion zajmuje więcej powierzchni ekranu i lepiej sprzedaje. Zdjęcie 900x1200, 1200x1600 albo 1500x2000 pikseli to wszystko ta sama proporcja 3:4. Trzymaj się jej, a produkt się nie utnie.

1:1 (kwadrat). Uniwersalny format. Pasuje do awatarów, miniatur, części banerów i starszych układów mediów społecznościowych. Platformy sprzedażowe kwadrat też przyjmują, ale pion prawie zawsze jest korzystniejszy pod względem powierzchni wyświetlania.

4:5 (pion dla feedu mediów społecznościowych). To maksymalny dopuszczalny pion w feedzie. Rozmiar 1080x1350. Zajmuje więcej wysokości niż kwadrat, czyli jest bardziej zauważalny przy przewijaniu. Jeśli wystawić węższe zdjęcie, platforma utnie je do 4:5 sama i zwykle po środku, co nie zawsze wychodzi udanie.

9:16 (stories i wideo pionowe). Pełnoekranowy format pionowy, 1080x1920. Używany w stories, rolkach, klipach. Ważny niuans: górne i dolne około 250 pikseli przykrywa interfejs (awatar, podpisy, przyciski), dlatego kluczowy obiekt i tekst trzymaj w centralnej strefie bezpiecznej.

Częste błędy na tym kroku:

• Wgrywają zdjęcie poziome tam, gdzie potrzebny jest pion. Algorytm ucina boki i produkt ucieka za ramkę.
• Mylą 3:4 i 4:5. Są bliskie, ale nie równe, i przez różnicę na platformie pojawiają się cienkie pola.
• Wgrywają kwadrat do stories. Dostają ogromne puste pasy u góry i u dołu.

Żeby nie liczyć proporcji w głowie, wygodniej wybrać gotowy preset. W naszym narzędziu można przyciąć zdjęcie online od razu pod 3:4, 1:1, 4:5 albo 9:16, a przy okazji zajrzyj do sąsiednich narzędzi w hubie narzędzi, jeśli trzeba jeszcze ścisnąć albo skonwertować. Tym, którzy przygotowują asortyment systemowo, przyda się nasza analiza tego, jak fotografować produkt pod platformy sprzedażowe, tam mowa o kadrze już na etapie zdjęcia.

Dwa słowa, które mylą się najczęściej. Różnica jest zasadnicza i od niej zależy, czy zdjęcie pozostanie normalne.

Kadrowanie (przycinanie) usuwa część obrazu. Odcinasz zbędne po krawędziach, a to, co jest wewnątrz ramki, zostaje w oryginalnej skali. Proporcja się zmienia, bo ty decydujesz, co zostawić. Kadrowanie jest potrzebne, gdy trzeba doprowadzić zdjęcie do proporcji platformy albo usunąć zbędne po krawędziach, na przykład cudzą rękę, brzeg stołu, śmieć w rogu.

Zmiana rozmiaru (skalowanie) zmienia rozmiar całego obrazu w całości, nie wyrzucając niczego. Zmieniają się tylko wymiary pikselowe. Jeśli zmianę rozmiaru robić z zachowaniem proporcji, obraz po prostu staje się mniejszy albo większy. Jeśli bez zachowania, rozciąga się albo spłaszcza, i tu zaczyna się bieda.

Prosta zasada: najpierw kadrowanie pod potrzebną proporcję, potem zmiana rozmiaru pod potrzebne piksele. Czyli najpierw decydujesz, co trafi do kadru i w jakiej proporcji, a dopiero potem doprowadzasz do docelowych rozmiarów w rodzaju 1200x1600.

Kiedy stosować kadrowanie:

• Zdjęcie zrobione w 4:3, a potrzebne jest 3:4. Obracać nie można, trzeba wykadrować pionowo.
• Produkt zajmuje połowę kadru, reszta to pustka. Kadrowaniem przybliżasz obiekt.
• W róg trafiło coś zbędnego. Tu pomoże też nasza analiza tego, jak usunąć zbędne ze zdjęcia online.

Kiedy stosować zmianę rozmiaru:

• Proporcja jest już poprawna, ale plik jest zbyt duży pod względem pikseli albo wagi.
• Trzeba dopasować pod konkretne wymaganie platformy co do szerokości w pikselach.

Czego robić kategorycznie nie wolno, to rozciągać kadr bez zachowania proporcji, żeby wypełnić potrzebny format. Twarze się wyciągają, okrągłe przedmioty stają się owalne, tekst na infografice płynie. Jeśli zdjęcie nie dociąga do potrzebnej proporcji, kadruj, a nie ciągnij. A jeśli po kadrowaniu brakuje rozdzielczości, lepiej powiększyć rozsądnie, o tym mamy osobny artykuł, zwiększyć rozdzielczość zdjęcia online. Tym, którzy chcą rozumieć mechanikę głębiej, przyda się materiał o rozmiarze zdjęcia w Photoshopie, gdzie omówiony jest związek pikseli, cali i DPI.

Samo w sobie kadrowanie jakości nie pogarsza: po prostu odcinasz część pikseli, a pozostałych nie ruszasz. Strata jakości pojawia się przy sąsiednich operacjach i oto gdzie trzeba być ostrożnym.

1. Nie kadruj zbyt drobno. Jeśli ze zdjęcia 1000x1000 wyciąć centralny kwadrat 300x300, a potem rozciągnąć go z powrotem do 1000x1000, obraz stanie się rozmyty. Fizycznie miałeś zaledwie 300 pikseli informacji. Dlatego rób zdjęcia i przechowuj oryginały w dużej rozdzielczości, a kadrowanie rób z dużego oryginału.

2. Pilnuj docelowych pikseli pod platformę. Platformy sprzedażowe lubią duże boki: zwykle rekomendują od 900x1200, optymalnie 1200x1600, dopuszczają do kilku tysięcy pikseli po dłuższym boku. Minimum bywa rzędu 700x900. Jeśli po kadrowaniu zostało mniej niż minimum, zdjęcie albo odrzucą, albo rozmyje je automatyczne powiększenie platformy.

3. Wybieraj właściwy format pliku. JPG do zdjęć produktu, PNG do grafiki z przezroczystym tłem, infografiki z ostrymi liniami i tekstem. Zapisując JPG, nie schodź poniżej 80 procent jakości, bo na jednolitym tle wyjdą artefakty. Jeśli plik wyszedł ciężki, lepiej osobno go ścisnąć, mamy poradnik o tym, jak ścisnąć zdjęcie online, oraz o nowoczesnych formatach w rodzaju AVIF dla strony.

4. Nie przezapisuj w kółko. Każdy ponowny zapis JPG to nowa kompresja i nowe straty. Wykadrowałeś, zapisałeś raz, dalej pracujesz z tym plikiem albo wracasz do oryginału.

Częste błędy, które zabijają ostrość:

• Kadrowanie ze zrzutu ekranu albo miniatury. Bierz oryginał, a nie pomniejszoną kopię z komunikatora.
• Kadrowanie z HEIC bez konwersji. Zdjęcia z telefonu często są w HEIC, a edytory je gniotą. Najpierw przekonwertuj na JPG, mamy narzędzie HEIC na JPG online.
• Zbyt agresywne dodawanie ostrości po kadrowaniu. Pojawiają się białe aureole po konturach.

Jeśli trzeba szybko i bez programów, można przyciąć zdjęcie online za minutę, narzędzie zachowuje maksymalną dostępną jakość i nie przepakowuje pliku zbędnie. Kto pracuje w Photoshopie, temu przyda się nasza instrukcja krok po kroku o tym, jak przyciąć zdjęcie w Photoshopie.

Żeby nie trzymać wszystkiego w głowie, zebraliśmy robocze rozmiary w jedną listę. To wartości, na których opieramy się codziennie przy przygotowaniu kart i treści.

Platformy sprzedażowe (pion 3:4):

• Standard podstawowy: od 900x1200, optimum 1200x1600, do kilku tysięcy pikseli po dłuższym boku. Format JPG lub PNG, tło najczęściej białe lub jasne.
• Minimum: wiele platform przyjmuje od 700x900, ale rekomenduje 1200x1600 i większe. Proporcja 3:4, główne zdjęcie na białym tle.
• Warianty kwadratowe: niektóre platformy dopuszczają od 600x600, rekomendując od 1000x1000, i przyjmują zarówno kwadrat, jak i pion. Białe tło dla głównego obrazu.

Media społecznościowe:

• Feed, kwadrat 1:1: 1080x1080.
• Feed, pion 4:5: 1080x1350, maksymalna wysokość w feedzie.
• Stories i rolki, 9:16: 1080x1920, strefa bezpieczna po środku.
• Poziom 16:9: 1920x1080, do okładek wideo i nagłówków.

Dokumenty i formularze urzędowe:

• Zdjęcie do dokumentów (proporcja 3:4): standard druku 35x45 mm. Do portali urzędowych wgrywa się JPG, zwykle od 600x800 pikseli, twarz ściśle w owalu dopuszczalności, pola u góry i u dołu zachowane.
• Awatar profilu: kwadrat 1:1, od 400x400.

Kluczowe błędy przy pracy z rozmiarami:

• Wgrywają zdjęcie mniejsze niż minimum platformy. Efekt to rozmycie albo odmowa przy wgrywaniu.
• Robią jedno zdjęcie i wpychają we wszystkie formaty. Pod 3:4, 1:1 i 9:16 potrzebne są różne kadrowania, a nie jedno rozciągnięte.
• Zapominają o strefie bezpiecznej w stories. Cena albo wezwanie do działania uciekają pod przycisk.
• Kadrują infografikę i tracą krawędź tekstu. Przed kadrowaniem sprawdź, że cały tekst mieści się wewnątrz ramki.

Jeśli przygotowujesz asortyment paczką, wygodniej pracować przez przygotowanie pod platformy sprzedażowe, doprowadza zdjęcia do potrzebnych proporcji i tła od razu. Osobno do obróbki samych kart mamy wycinanie tła (wycięcie obiektu na białe tło) oraz infografikę dla platform sprzedażowych. A wybrać tło pod kartę pomoże artykuł o tym, jakie tło wybrać do karty produktu.

Proste kadrowanie pod proporcję zrobisz sam za minutę, tu specjalista nie jest potrzebny. Ale są przypadki, gdzie ręczna praca oszczędza ci i nerwy, i sprzedaż. Pierwszy to duża ilość: gdy trzeba doprowadzić do 3:4 i jednolitego tła setki kart, ważne jest nie tylko przycięcie, ale i jednakowa kompozycja, wyśrodkowanie produktu, odstępy, żeby seria wyglądała równo w katalogu. Drugi to trudne kadry, gdzie po kadrowaniu wychodzą problemy: produkt ucięty nieudanie, tło niejednorodne, trzeba najpierw wyciąć obiekt, a potem kadrować. Trzeci to sytuacje, gdy oryginał jest słaby, drobny albo pomięty i naiwne kadrowanie tylko obnaży wady, tu potrzebna jest retusz i porządne powiększenie przed kadrowaniem. W gdefoto robimy to wsadowo i według jednego standardu, żeby karty wyglądały jak jedna seria, a nie jak przypadkowa zbieranina. A do codziennych zadań szybciej i prościej wziąć narzędzie online.

Najważniejsze, co warto zapamiętać: najpierw wybierasz proporcję pod platformę (3:4 dla platform sprzedażowych, 1:1 i 4:5 dla feedu, 9:16 dla stories), potem kadrujesz, i dopiero na końcu zmieniasz rozmiar pod potrzebne piksele. Nigdy nie rozciągaj kadru bez zachowania proporcji i nie kadruj z drobnych miniatur, trzymaj duży oryginał. Przestrzegaj minimów platform i sprawdzaj, że do ramki trafiło wszystko, co ważne, a zbędne odeszło. Gdy zasady są jasne, samo przycięcie zajmuje sekundy. Nie chcesz grzebać w liczbach, po prostu otwórz nasze narzędzie i przytnij zdjęcie online za minutę z gotowymi presetami pod platformy sprzedażowe i media społecznościowe. A do sąsiednich zadań, ścisnąć, skonwertować, usunąć tło, zajrzyj do hubu narzędzi albo przeczytaj, jak usunąć tło ze zdjęcia online bezpłatnie.

Przycinanie to nie tylko trafienie w potrzebny stosunek boków, ale i to, jak obiekt jest rozmieszczony wewnątrz kadru. Najprostszy roboczy chwyt to zasada trójpodziału: w myślach dzielimy kadr na trzy części w poziomie i w pionie i rozmieszczamy to, co najważniejsze, na przecięciu linii albo wzdłuż nich. Tak zdjęcie wygląda żywiej i bardziej harmonijnie, niż gdy obiekt jest po prostu wklejony po środku. Do zdjęć produktowych wyśrodkowanie też jest na miejscu, ale i tam ważne jest zostawienie odrobiny powietrza po krawędziach, żeby przedmiot nie opierał się o granice kadru i nie tworzył wrażenia ciasnoty.

Przy kadrowaniu pilnuj, co trafia na krawędzie. Przecięte w połowie przedmioty, przypadkowe obiekty po rogach, ucięty cień, wszystko to ściąga uwagę na siebie i obniża wartość kadru. Przycinaj tak, żeby wzrok od razu szedł do tego, co najważniejsze, a tło pracowało na nie, a nie spierało się z nim. Jeśli produkt jest wydłużony, pionowy kadr podkreśli wysokość, jeśli szeroki, poziomy pokaże go korzystniej. Właściwe przycięcie potrafi wyciągnąć nawet średni jakościowo kadr, a nieudane zepsuć dobry.

Każda platforma ma swoją logikę kadru, i to samo zdjęcie pod różne zadania przycina się różnie. Omówmy praktykę według głównych kierunków.

Platformy sprzedażowe

Wiele platform pracuje w pionie 3 na 4, dlatego pod nie kadrujemy pionowo, zostawiając produkt w strefie centralnej. Część platform lubi kwadrat 1 na 1, tu przycinamy po środku, pilnując, żeby produkt nie dotykał krawędzi. Serwisy ogłoszeniowe pokazują kwadratowe miniatury, więc i pod nie wygodniejszy jest kwadrat. Klucz do wieloformatowości to robić zdjęcia z zapasem po krawędziach, wtedy z jednego kadru nadaje się i pion, i kwadrat.

Media społecznościowe

Feed pokazuje najlepiej pion 4 na 5, zajmuje więcej ekranu. Stories i wideo pionowe to 9 na 16 na cały ekran. Kwadrat 1 na 1 jest uniwersalny do siatek i miniatur. Do okładek i postów poziomych bierzemy 16 na 9 albo 1.91 na 1.

Awatary i dokumenty

Awatar to ścisły kwadrat 1 na 1 z twarzą albo logotypem po środku, z niewielkim powietrzem u góry. Zdjęcie do dokumentów kadruje się w standardowe proporcje: często 35 na 45 milimetrów dla dowodu i wizy, z zachowaniem pól i położenia głowy. Tu kadrowanie musi być dokładne, bo odstępstwo od wymagań to odmowa.

Kadrować nie trzeba koniecznie przy komputerze, telefon radzi sobie z tym za minutę. Na telefonie z systemem iOS otwórz zdjęcie, naciśnij Edytuj, potem ikonę kadrowania, wybierz potrzebny stosunek z listy albo ustaw ręcznie, pociągnij za rogi ramki i zapisz. Na Androidzie w galerii logika jest ta sama: Edytuj, Kadruj, wybór proporcji, dopasowanie ramki. Minus ręcznego przycinania na telefonie polega na tym, że trudno trafić w dokładny stosunek w rodzaju 3 na 4 albo osiągnąć jednakowe kadrowanie na dziesiątkach zdjęć. Jeśli potrzebny jest równy wynik pod konkretną platformę, szybciej i dokładniej zrobić to naszym narzędziem wyżej na stronie: przycina według zadanego stosunku za parę kliknięć i od razu oddaje gotowy plik.

Kiedy zdjęć są dziesiątki albo setki, przycinanie każdego ręcznie to godziny pracy i nieunikniona niejednolitość. Dla sklepów i sprzedawców na potoku najważniejsza jest jednolitość: wszystkie karty w jednym stosunku, produkt w jednym miejscu kadru, jednakowe pola. Równa siatka jednakowo przyciętych zdjęć od razu zdradza profesjonalną witrynę. Kadrowanie wsadowe to rozwiązuje: ustawiasz stosunek i regułę kadru raz, a narzędzie stosuje je do całej partii. Z naszego doświadczenia przygotowania katalogów dla sklepów jubilerskich i marek odzieżowych to właśnie jednolite kadrowanie w całej serii, a nie rozbieżność od zdjęcia do zdjęcia, odróżnia schludny sklep od zebranej na szybko witryny. Taki jednolity standard oszczędza godziny i czyni karty przewidywalnie czystymi.

Zdjęcie do dokumentów to osobna dyscyplina kadrowania, gdzie ważne są nie kompozycja i uroda, tylko dokładne przestrzeganie standardu. Błąd w proporcjach albo położeniu głowy oznacza odmowę, dlatego przycinać trzeba starannie.

• Dowód, wiza, wiele ankiet wizowych: 35 na 45 milimetrów, twarz zajmuje około 70 na 80 procent wysokości, wzrok prosto, niewielkie powietrze nad głową.
• Dokumenty w proporcji 3 na 4: legitymacje, przepustki, zaświadczenia, stosunek 3 do 4 z twarzą po środku.
• Zdjęcie do CV i sieci zawodowych: zwykle kwadrat 1 na 1 albo pion portretowy, głowa i ramiona, biznesowe neutralne tło.
• Wiza USA: ścisły kwadrat 2 na 2 cale, 51 na 51 milimetrów, z surowymi wymaganiami co do pól.

Przed drukiem albo wgraniem na portal sprawdź wymagania konkretnego urzędu, czasem różnią się w szczegółach. Dokładne kadrowanie pod potrzebny standard zdejmuje większość przyczyn odmowy przy przyjęciu.

• Kadrowanie do małego rozmiaru. Wycięli malutki fragment z dużego zdjęcia i stał się rozmyty. Po przycięciu powinno zostać dość pikseli pod wymagania platformy.
• Ucięte ważne detale. Ucięli krawędź produktu, logotyp albo część twarzy. Sprawdzaj granice kadru przed zapisaniem.
• Błędny stosunek. Przycięli w kwadrat dla platformy, której potrzebny jest pion, w efekcie zdjęcie wpasowuje się z białymi polami i maleje.
• Rozbieżność w partii. Każde zdjęcie przycięte na oko po swojemu, galeria wygląda niechlujnie. Ustawiaj jednolity stosunek i regułę kadru.
• Rozciąganie zamiast przycinania. Zamiast kadrowania zmienili proporcje i obiekt się spłaszczył albo wyciągnął. Zmieniaj kadr przycięciem, a nie deformacją.

Czy przy przycinaniu traci się jakość?

Samo w sobie kadrowanie nie pogarsza pozostałej części, piksele nie są przeliczane. Jakość spada tylko wtedy, gdy wyciąć zbyt mały fragment, wtedy zostaje w nim mało pikseli. Przycinaj tak, żeby wynik mieścił się w potrzebnym rozmiarze platformy.

Czym przycinanie różni się od zmiany rozmiaru?

Przycinanie usuwa część kadru i zmienia jego proporcje, a zmiana rozmiaru ściska albo rozciąga cały obraz w całości bez straty zawartości. Często używa się ich razem: najpierw kadruje w potrzebny stosunek, potem doprowadza do wymaganego rozmiaru w pikselach.

Jak przyciąć zdjęcie dokładnie pod 3 na 4 albo 1 na 1?

Najprościej narzędziem, które przyjmuje stosunek i samo trzyma proporcje. Ręcznie trafić w dokładny stosunek trudno, zwłaszcza na partii zdjęć.

Czy da się przyciąć od razu dużo zdjęć jednakowo?

Tak, kadrowaniem wsadowym: ustawiasz stosunek i regułę kadru raz i stosujesz do całej partii. To oszczędza czas i daje jednolity wygląd całej galerii.

Przycinanie do druku różni się od przygotowania pod ekran i tu łatwo się pomylić. Standardowe formaty fotograficzne mają swoje proporcje: 10 na 15 centymetrów to mniej więcej 2 na 3, 15 na 21 blisko 3 na 4, 20 na 30 znów 2 na 3, a zwykły kadr z aparatu 3 na 2 dobrze kładzie się w 10 na 15 bez przycinania. Jeśli proporcje zdjęcia nie zgadzają się z formatem papieru, laboratorium albo utnie zbędne, albo zostawi białe pola, dlatego kadrować pod potrzebny stosunek lepiej z wyprzedzeniem samemu, żeby kontrolować, co dokładnie pójdzie pod obcięcie.

Do druku ważna jest też rozdzielczość: zakładaj około 300 pikseli na cal w gotowym rozmiarze, bo inaczej odbitka będzie nieostra. Zostawiaj niewielki zapas po krawędziach pod obcięcie, tak zwane pola na spad, żeby ważne detale i twarze nie okazały się ucięte przy samej krawędzi. Sprawdzaj, że po kadrowaniu w kadrze zostało dość pikseli pod wybrany format papieru, rozciągnięty drobny fragment na druku wygląda zauważalnie gorzej niż na ekranie.

Czasem najtrudniej zrozumieć, gdzie poprowadzić granice kadru. Wychodź od jednej myśli: co w tym zdjęciu jest najważniejsze i co pomaga to najważniejsze pokazać. Wszystko, co nie pracuje na temat, przypadkowe przedmioty, puste rogi, rozpraszające tło, to kandydaci na przycięcie. Wszystko, co zadaje kontekst i skalę, warto zostawić. Dla produktu to sam przedmiot w dużym planie plus odrobina powietrza, żeby oddychał. Dla portretu to twarz i ramiona z niewielką przestrzenią nad głową, ucinać czubek głowy to prawie zawsze błąd. Jeśli masz wątpliwości, zrób kilka wariantów kadru, gęstszy i luźniejszy, i porównaj je obok siebie, najlepszy zwykle widać od razu. Pamiętaj, że przyciąć zawsze można, a zwrócić uciętego nie da się, dlatego przechowuj oryginał w całości, a kadrowanie rób kopiami pod każde zadanie.