Zaokrąglanie rogów obrazu

Zaokrąglij rogi dowolnego obrazu

Zaokrąglone rogi sprawiają, że miniatury, awatary, zrzuty ekranu aplikacji i karty wyglądają łagodniej i nowocześniej. To narzędzie do zaokrąglania rogów przycina obraz do zaokrąglonego prostokąta i czyni obszar poza krzywizną całkowicie przezroczystym, dzięki czemu wynik czysto układa się na każdym tle. Przeciągnij jeden suwak, aby kontrolować stopień zaokrąglenia – od ledwo zauważalnego złagodzenia o 4 px aż po pełne koło – i zobacz zmianę na żywo w podglądzie przed eksportem.

Cały proces odbywa się lokalnie w Twojej przeglądarce. Obraz jest dekodowany na canvasie, ścieżka zaokrąglonego prostokąta służy jako maska przycinająca, a widoczne piksele są rysowane ponownie na przezroczystym canvasie, który eksportuje się jako PNG. Nic nie jest przesyłane, więc prywatne zrzuty ekranu, zdjęcia produktów i zdjęcia profilowe pozostają na Twoim urządzeniu. Ponieważ PNG zachowuje kanał alfa, przezroczyste rogi pozostają przezroczyste, gdziekolwiek później umieścisz obraz.

Wybór promienia

Promień mierzony jest w pikselach oryginalnego obrazu. Subtelna karta interfejsu może używać od 12 do 24 pikseli, a przyjazna ikona aplikacji – 80 lub więcej. Aby zamienić kwadratowe zdjęcie w koło, ustaw promień na połowę szerokości obrazu. Suwak jest ograniczony tak, by nigdy nie przekroczył połowy najkrótszego boku, co zapobiega nakładaniu się rogów i utrzymuje czysty kształt przy każdym ustawieniu.

Gdzie zaokrąglone obrazy sprawdzają się najlepiej

Stosuj zaokrąglone obrazy w kartach hero na stronach internetowych, miniaturach wpisów na blogu, awatarach w opiniach klientów, kafelkach produktów w sklepie oraz slajdach prezentacji. Ponieważ eksport to przezroczysty PNG, możesz nałożyć go na kolory, gradienty lub zdjęcia bez widocznego prostokąta wokół. Jeśli później potrzebujesz jednolitego tła, wrzuć PNG do konwertera i spłaszcz go na wybrany kolor.

Uwagi dotyczące eksportu

Wynik zachowuje pełną szerokość i wysokość źródła i jest zapisywany jako PNG o nazwie oryginalnego pliku. Duży promień może sprawić, że plik będzie wyglądał jak koło lub pigułka, ale canvas pozostaje prostokątny, a przezroczyste piksele wypełniają rogi. Niektóre formularze przesyłania i komunikatory konwertują PNG na JPG, co zastąpiłoby przezroczystość jednolitym kolorem, więc najpierw sprawdź, jak miejsce docelowe obsługuje przezroczyste obrazy.

Szybka lista kontrolna

• Zwiększaj suwak, aż rogi będą wyglądać dobrze w podglądzie na żywo.
• Użyj połowy krótszego boku, aby uzyskać koło lub pigułkę.
• Pobierz PNG i umieść go na kolorowym tle, aby potwierdzić, że rogi są przezroczyste.