Jak edytować pliki SVG w przeglądarce

SVG (Scalable Vector Graphics) przechowuje obraz jako kształty i ścieżki: matematykę, a nie piksele. Dlatego logo zapisane jako SVG pozostaje idealnie ostre, niezależnie od tego, czy jest favicon, czy billboardem, i dlatego jest to właściwy format dla ikon, logo i ilustracji. Oznacza to również, że możesz otworzyć plik i edytować rzeczywiste kształty, zamiast przesuwać piksele.

Edytowanie źródłowego pliku SVG jest niemal zawsze lepsze niż edytowanie wyeksportowanego PNG. Przesuń punkt kotwiczący, a krzywa pozostaje gładka; zmień wypełnienie, a kolor jest dokładny; przeskaluj całość, a nic się nie rozmywa. Do tego potrzebny jest edytor, który rozumie wektory.

Edytor wektorowy EditItAll otwiera pliki SVG bezpośrednio w przeglądarce:

• Otwórz edytor i wczytaj swój plik .svg: logo, zestaw ikon lub ilustrację.
• Użyj narzędzia zaznaczania (V), aby przesuwać i zmieniać rozmiar całych obiektów, oraz narzędzia zaznaczania bezpośredniego (A), aby chwytać pojedyncze punkty kotwiczące.
• Zmieniaj kolory wypełnień i konturów, edytuj dowolny tekst narzędziem tekstowym (T) oraz ustawiaj kształty za pomocą inteligentnych prowadnic i skrótów w stylu Illustratora.

Twoja praca jest automatycznie zapisywana w przeglądarce w miarę pracy, a cały edytor działa dalej, nawet jeśli po wczytaniu strony przejdziesz offline: to wyraźny znak, że twój plik nigdzie nie jest wysyłany.

Prawdziwa moc tkwi w przekształcaniu ścieżek. Pen tool (P) umieszcza punkty kotwiczące z uchwytami beziera, dzięki czemu możesz przerysować krzywą, dodać punkt do logo lub narysować nowy kształt od zera. Ołówek służy do rysowania odręcznego.

Aby tworzyć bardziej złożone grafiki, łącz prostsze kształty za pomocą operacji logicznych: Suma, aby je scalić, Odejmij z przodu, aby wyciąć jeden kształt z drugiego, Część wspólna, aby zachować tylko część wspólną, oraz Wyłączenie, aby ją usunąć. Działają one na silniku geometrii o dokładnej arytmetyce, dzięki czemu powstałe krawędzie pozostają czyste, zamiast przesuwać się o ułamki piksela. Tak właśnie zamieniasz kilka prostokątów i okręgów w gotową ikonę.

Gdy skończysz, zapisz z powrotem do .svg, aby plik pozostał w pełni edytowalny, albo wyeksportuj PNG w 2×, gdy potrzebujesz obrazu rastrowego do internetu lub dokumentu. Jeśli masz już SVG i chcesz tylko PNG, dedykowany konwerter SVG na PNG zrobi to w jednym kroku.

Dwa uczciwe ograniczenia: edytor odczytuje standardowe SVG, a nie pliki .ai lub .eps firmy Adobe, i nie obsługuje siatki gradientowej, wypełnień wzorem ani koloru CMYK. Jednak do edytowania codziennych logo, ikon i ilustracji jako SVG wszystko, czego potrzebujesz, działa na twoim urządzeniu. Otwórz edytor wektorowy, aby zacząć.