Edycja SVG online: zmiana kolorów i usuwanie tła bez instalowania oprogramowania

1. Co potrafi edytor SVG online

Na myśl o edycji SVG przychodzi od razu „zainstaluj Illustratorsa”, ale przy lekkich zadaniach, takich jak przekolorowanie, usunięcie tła czy skasowanie elementu, edytor online w zupełności wystarczy. Edytor SVG online w PolySVG działa w przeglądarce, jest darmowy, nie wymaga instalacji ani rejestracji i obsługuje operacje na poziomie ścieżek: kliknięcie i usunięcie, usuwanie tła jednym kliknięciem, malowanie pędzlem, kasowanie maską, zmianę kolorów, cofanie i ponawianie, a na końcu eksport SVG lub PNG. Możesz wgrać SVG bezpośrednio albo pobrać wynik konwersji jednym kliknięciem z narzędzia Obraz na SVG. Dla projektantów to dobry sposób na końcowe porządki przed przekazaniem pliku; dla programistów — szybka droga do korekty kolorów i rozmiarów ikon, zanim trafią na stronę, bez ciągłych powrotów do programu do projektowania.

2. Zmiana koloru: nadaj ikonie nowy kolor motywu

Kliknij plamę koloru na płótnie, aby zaznaczyć pasującą ścieżkę, a następnie zmień wypełnienie w panelu kolorów. Typowe scenariusze: przełączanie zestawu ikon między jasnym a ciemnym motywem, kalibracja zwektoryzowanego logo do koloru marki oraz ujednolicenie palet zasobów z różnych źródeł. W porównaniu z szukaniem atrybutu fill w kodzie zmiana koloru kliknięciem jest dużo bardziej intuicyjna i znacznie mniej ryzykowna dla pozostałych ścieżek.

3. Usuwanie tła: automatycznie i ręcznie

Kliknij „usuwanie tła jednym kliknięciem”, a silnik wykryje dominujący kolor krawędzi i usunie warstwę tła, przez co SVG z białym tłem stanie się przezroczysty w kilka sekund. Każdą pozostałą ścieżkę tła można wskazać myszą i usunąć. Jeśli wciąż dysponujesz bitmapą, skorzystaj z narzędzia obraz na przezroczysty wektor, aby w jednym kroku przekonwertować i usunąć tło, a dokończenia wykonaj w edytorze.

4. Pędzel i gumka: malowanie i kasowanie

Pędzel jest addytywny: maluje brakujące kreski, które są automatycznie wektoryzowane do nowych ścieżek i wtapiają się w oryginalną grafikę — idealnie nadaje się do naprawy przerwanych kresek w zwektoryzowanym logo. Gumka jest subtraktywna: ukrywa obszar maską, nie niszcząc oryginalnych danych ścieżki, a przy nadmiernym wymazaniu możesz cofnąć operację. Oba narzędzia działają razem z cofaniem i ponawianiem, więc możesz swobodnie eksperymentować. Pociągnięcia pędzla są dodawane do pliku jako niezależne ścieżki i można je później przekolorować kliknięciem; efekt maski gumki jest stosowany w chwili eksportu, więc wyeksportowany SVG odpowiada temu, co widzisz na płótnie.

5. Cofanie, ponawianie i eksport

Edytor przechowuje pełną historię działań: cofnij pomyłkę i ponów ją, jeśli zmienisz zdanie. Gdy skończysz, wyeksportuj SVG do sieci lub do dalszej edycji albo wyeksportuj PNG do dokumentów i jako obraz podglądowy. Sposoby otwierania i oglądania plików SVG opisuje Jak otworzyć plik SVG; bezpośredni link do edytora to /editor. Eksportując PNG, wybierz rozdzielczość wystarczającą, aby grafika była ostra w dokumencie; do sieci eksportuj SVG, aby zachować właściwości wektorowe.

6. Szybkie odniesienie do typowych zadań edycji

• Przekolorowanie ikon do motywu: kliknij ścieżkę i zmień jej wypełnienie, a następnie wyeksportuj wersję jasną i ciemną;
• Uczynienie zasobu przezroczystym: usuwanie tła jednym kliknięciem, usunięcie pozostałych ścieżek, eksport przezroczystego SVG;
• Naprawa przerwanych kresek w logo: maluj pędzlem wzdłuż przerwy, aby kreski zostały automatycznie zwektoryzowane, a potem ujednolic ich kolor;
• Kasowanie niepotrzebnych elementów: klikaj każdą niepotrzebną plamę koloru i usuwaj ją, a do detali krawędzi używaj gumki;
• Obrazy do dokumentów: po zakończeniu edycji wyeksportuj PNG i wstaw go do programu Word, PowerPointa albo okna czatu.