Jak przyciąć zdjęcie w kółko (Bezpłatnie, bez przesyłania)

Okrągłe zdjęcia profilowe są wszędzie — Slack, Zoom, Teams, konta Google, WhatsApp, awatary autorów WordPress, większość stron zespołów. Więc gdy ktoś pyta, jak przyciąć zdjęcie w kółko, szczera odpowiedź zwykle ich zaskakuje: prawie nigdy nie potrzebujesz pliku kolistego. Potrzebujesz idealnego kwadratu ze zlokalizowanym obiektem, a aplikacja narysuje dla ciebie kółko.

Oto jak uzyskać ten kwadrat, i co zrobić w rzadkim przypadku, gdy naprawdę potrzebujesz okrągłego obrazu z przezroczystymi narożnikami.

Dlaczego przycinanie do kwadratu to odpowiedź w 90% przypadków

Aplikacje wyświetlające okrągłe awatary nie przechowują okrągłych obrazów. Przechowują twój kwadratowy (lub prostokątny) upload i nakładają na niego kołową maskę CSS. Koło wpisane w kwadrat dotyka środka każdej krawędzi, więc widoczna powierzchnia to kwadrat minus cztery narożniki — około 21% obrazu zostaje ukryte.

To jest część, którą ludzie źle rozumieją. Jeśli wgrasz zdjęcie, gdzie twoja głowa wypełnia ramkę od krawędzi do krawędzi, kołowa maska odetnie górę twoich włosów i oba uszy. Przycinaj dla kółka, nie dla kwadratu.

Krok po kroku: wyśrodkowane przycinanie do kwadratu

1. Otwórz narzędzie przycinania w przeglądarce. Nic się nie przesyła — obraz jest przetwarzany na twoim urządzeniu, więc zdjęcie twojej twarzy nigdy nie opuszcza twojego laptopa.
2. Przeciągnij kwadratowy wybór 1:1. Zablokuj proporcje, jeśli narzędzie to umożliwia, aby nie skończyć się 4 pikselami daleko od celu i nie uzyskać przymruszczonego awatara.
3. Umieść wybór tak, aby ważna treść siedziała w środkowej trzeciej części. Dla zdjęcia portretowego: oczy mniej więcej w jednej trzeciej od góry, widoczna przestrzeń tła ponad głową i po obu stronach.
4. Eksportuj, a następnie sprawdź wynik, wyobrażając sobie koło narysowane w jego wnętrzu. Wszystko dotykające narożnika będzie zniknąć.
5. Jeśli plik jest większy, niż potrzebujesz, uruchom go przez zmianę rozmiaru — 400×400 lub 512×512 to wystarczająco dla prawie każdego gniazda awatara — a następnie skompresuj, jeśli istnieje limit rozmiaru przesyłania.

Szybki test rozsądności: przyłóż kciuk do każdego narożnika eksportowanego obrazu. Jeśli nic ważnego nie znajduje się pod twoim kciukiem, okrągłe przycinanie będzie wyglądać dobrze.

Logo i zdjęcia produktów

Logo to najtrudniejszy przypadek, ponieważ wordmark jest szeroki, a kółko nie jest. Nie zmniejszaj całego logo, aż zmieści się w kółku — będzie wyglądać maleńko. Zamiast tego przytnij do części ikony lub monogramu, wyśrodkowanej, z przestrzenią oddychania. Jeśli logo znajduje się na tle, które nie chcesz, usuń tło najpierw i zapisz jako PNG, aby przezroczysta powierzchnia pasowała do dowolnego koloru używanego przez platformę.

Kiedy naprawdę potrzebujesz okrągłego obrazu

Istnieje kilka przypadków, w których kwadrat się nie sprawdzi: umieszczenie okrągłego zdjęcia portretowego na kolorowym slajdzie, ulotce drukowanej lub podpisie e-mail, gdzie nie istnieje maska CSS. Opcje, od najłatwiejszych:

• PowerPoint / Google Slides / Canva: wstaw swój kwadratowy obraz, a następnie użyj przycinania kształtu ("Przytnij do kształtu → Owal"). Ponieważ twój obraz jest już kwadratowy, owal staje się idealnym kołem.
• Strony internetowe: zachowaj plik kwadratowy i dodaj border-radius: 50% w CSS. Jedna linia, bez edycji obrazu i plik pozostaje mniejszy.
• Word lub podpis e-mail: wstaw obraz, a następnie Format obrazu → Przytnij do kształtu → Owal.

W każdym z tych przypadków, zaczynając od prawidłowo wyśrodkowanego przycinania do kwadratu, uzyskujesz wynik, który wygląda celowo, a nie przypadkowo przycięty.

Zapisz jako PNG, jeśli istnieje przezroczystość

Jeśli twój okrągły obraz będzie miał przezroczyste narożniki, musi być PNG — JPG nie ma kanału alfa i wypełni narożniki białym kolorem. Jeśli musisz zmienić format, konwerter obrazu obsługuje PNG, JPG i WebP w przeglądarce.

Jedna ostatnia notatka o prywatności: zdjęcia profilowe są osobiste, a większość witryn "bezpłatnego przycinania koła" przesyła twój plik na serwer w celu jego przetworzenia. Każde narzędzie cutbg działa całkowicie w twojej przeglądarce — bez przesyłania, bez konta, bez kopii twojej twarzy w czyjejś przestrzeni dyskowej. Zamknij kartę i jest już gotowa.