Zaokrąglanie rogów obrazu i dodawanie ramek

Złagodź krawędzie, przytnij do koła i nałóż kolorowe ramki z przezroczystym tłem. Kilka obrazów naraz, wszystko w przeglądarce.

Przeciągnij tutaj swoje obrazy
lub kliknij, aby je wybrać — JPG, PNG, WEBP. Można wybrać kilka naraz.

Jak zaokrąglić rogi i dodać ramki

Zacznij od przeciągnięcia obrazów do strefy wczytywania albo kliknij ją, żeby otworzyć okno wyboru plików. Kilka zdjęć naraz wysyła się z wciśniętym Ctrl (lub Cmd na Macu), a akceptowane formaty to JPG, PNG, WEBP, GIF i BMP. Przy więcej niż jednym pliku nad podglądem pojawiają się karty z nazwą każdego obrazu: kliknij, żeby przełączać i sprawdzać, jak ustawienia wypadają na każdym zdjęciu. Tuż pod podglądem widnieją końcowe wymiary pliku w pikselach, już z ramką w środku.

Pierwsza decyzja dotyczy kształtu. Zaokrąglone rogi zachowują oryginalne proporcje zdjęcia i tylko łagodzą krawędzie. Koło przycina obraz centralnie do 1:1 i nakłada okrągłą maskę: właściwy wybór do zdjęć profilowych i awatarów, bo unika spłaszczenia, które powstaje przy wciskaniu pionowego portretu w koło. Kwadrat po prostu przycina centralnie do 1:1, bez zaokrąglania. W trybie zaokrąglonych rogów suwak promienia steruje krzywizną jako procentem krótszego boku, a cztery przyciski poniżej pozwalają wyłączyć konkretne rogi: jedno kliknięcie i róg znów jest prosty.

Grubość ramki ustawia się w pikselach i rysowana jest poza obrazem, więc nic z oryginalnej treści nie zostaje obcięte. Gdy wartość przekroczy zero, pojawiają się próbnik koloru, pole na kod szesnastkowy i paleta ośmiu gotowych barw. Ramka podąża za wybraną krzywizną, więc w trybie koła zamienia się w idealny pierścień. Opcja miękkiego cienia lekko odrywa obraz od podłoża, co pomaga przy miniaturach na jasnych tłach. Pole przezroczystego tła jest domyślnie zaznaczone i to ono gwarantuje, że wycięte rogi naprawdę pozostaną puste.

Na koniec wybierz format pobierania. PNG to zalecana wartość, bo zachowuje przezroczystość rogów bez utraty jakości. WEBP też utrzymuje przezroczystość i daje lżejsze pliki, przez co świetnie nadaje się na stronę. JPG nie zna przezroczystości, więc przy tym wyborze rogi wypełniane są kolorem tła z regulatorów. Przycisk pobierania zapisze tylko zdjęcie z ekranu, a pobranie wszystkich odda całą partię w .zip z tymi samymi ustawieniami.

Najczęstsze pytania

Czy moje obrazy są wysyłane na serwer?
Nie. Zarówno przycinanie, jak i rysowanie ramki odbywają się w przeglądarce przez Canvas. Żaden plik nie wędruje przez internet.
Czy mogę zaokrąglić rogi kilku obrazów naraz?
Tak. Wczytaj tyle obrazów, ile chcesz: ten sam promień, ramka i kształt zostaną zastosowane do wszystkich. Pobieraj je pojedynczo albo weź całą partię w jednym pliku .zip.
Dlaczego zaokrąglone rogi po zapisie wychodzą białe albo czarne?
Dzieje się tak przy eksporcie do JPG, formatu bez żadnej przezroczystości: wycięty obszar musi zostać czymś wypełniony. Aby rogi naprawdę pozostały puste, wybierz PNG lub WEBP i zostaw zaznaczone pole przezroczystego tła. Jeśli miejsce docelowe wymusza JPG, ustaw kolor tła taki sam jak na stronie albo w dokumencie, w którym obraz wyląduje.
Jaki promień pasuje do miniatur i kart na stronie?
Nowoczesne interfejsy mieszczą się zwykle między 8% a 16% krótszego boku, co odpowiada mniej więcej 8–16 px na miniaturze 100 px. Powyżej 25% kształt zaczyna przypominać przycisk w formie kapsułki, a przy 50% prostokąt staje się kołem lub elipsą. Jeśli karty twojej strony mają już promień zdefiniowany w CSS, ta sama proporcja na obrazie da idealne dopasowanie.
Jak zrobić okrągłe zdjęcie profilowe z ramką?
Wybierz kształt Koło: narzędzie przycina obraz centralnie do 1:1 przed nałożeniem maski, więc pionowe portrety nie zostają spłaszczone. Następnie podnieś grubość ramki do 10–30 px i wybierz jej kolor. Wyeksportuj do PNG, żeby obszar wokół koła pozostał przezroczysty na każdym tle — tego formatu oczekują LinkedIn, Discord, WhatsApp i większość systemów awatarów.
Czy można zaokrąglić tylko niektóre rogi?
Tak. W kształcie z zaokrąglonymi rogami są cztery przyciski, po jednym na róg. Wyłącz te, które mają zostać proste: przydaje się przy obrazach przylegających do górnej krawędzi karty, gdzie zaokrąglenia potrzebują tylko dolne rogi, albo przy banerach wyrównanych do boku ekranu.
Czy ramka powiększa obraz?
Tak. Ramka rysowana jest poza zdjęciem, więc obraz 800×600 px z ramką 20 px wychodzi jako plik 840×640 px. Nic z oryginalnej powierzchni nie zostaje obcięte. Końcowe wymiary widać tuż pod podglądem.
Kontynuuj z innym narzędziem
Powiązane artykuły
Zobacz wszystkie artykuły →