Jeśli naklejka ma biały prostokąt, najpierw sprawdź, czy ten prostokąt jest częścią grafiki. Przezroczystości nie uzyskasz przez nazwanie pliku „transparent” ani zmianę koloru tła podglądu. W pracy z SVG trzeba odróżnić tło edytora, rzeczywisty kształt pod ikoną i tło zapisane wewnątrz obrazu rastrowego.
Rozpoznaj, które tło naprawdę eksportujesz
Tło obszaru roboczego służy do oglądania projektu i nie musi należeć do pliku. Prostokąt w warstwach jest natomiast rzeczywistym obiektem. Trzecia sytuacja to logo wklejone jako obraz, w którym biały prostokąt stanowi część pikseli. Każda z tych sytuacji wymaga innej poprawki.
Zrób prostą próbę: połóż pod znakiem kolorowy kształt, a potem ukryj podejrzaną warstwę tła. Jeśli kolor pojawia się dookoła logo, znalazłeś odpowiedni obiekt. Jeśli biała powierzchnia zostaje, sprawdź osadzony obraz lub kolejną warstwę. Pracuj na kopii, żeby nie usunąć białych części, które rzeczywiście należą do ilustracji.
Gdy białe tło jest częścią obrazu
Rozszerzenie SVG nie wystarcza do ustalenia, czy źródło jest wektorowe. Element image może osadzać raster. W takiej sytuacji nie ma osobnego wektorowego prostokąta, który można po prostu skasować. Potrzebne będzie przygotowanie grafiki w edytorze obrazu lub jej odtworzenie jako wektorów.
Nie opisuj usunięcia bieli jako pełnej wektoryzacji. Obraz z przezroczystym tłem nadal pozostaje obrazem i nie jest obsługiwanym wektorowym źródłem dla tego konwertera TGS. Jeżeli chcesz zrobić zwykłą naklejkę ze zdjęcia, rozważ osobny proces obrazowy w Telegramie. Narzędzie SVG to TGS pasuje do kształtów, a nie do wycinania fotografii.
Usuń niepotrzebne wypełnienie, nie całą ilustrację
W prostym SVG tłem może być pierwszy prostokąt obejmujący całą planszę. Sprawdź go w edytorze, zamiast usuwać wszystkie białe obiekty. Białe wnętrze oka, fragment znaku i obrys mogą być zamierzonymi częściami projektu. Ich skasowanie da inny rysunek, nawet jeśli zniknie też niechciany prostokąt.
Przykładowy poniższy SVG zawiera tylko pomarańczowe koło. Nie dodaje kształtu wypełniającego planszę. To mały przykład struktury źródła, nie deklaracja przetestowanego eksportu. Jeśli po otwarciu widzisz za nim biel, sprawdź tło aplikacji, w której go oglądasz.
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<circle cx="256" cy="256" r="160" fill="#f97316"/>
</svg>Nie myl usunięcia tła ze zmniejszeniem krycia
Zmniejszenie krycia całej grupy osłabia również samą ikonę. Jeśli chcesz tylko przezroczystego otoczenia, nie ustawiaj całego projektu na opacity 0.5. Wtedy znak stanie się półprzezroczysty, a nie tylko pozbawiony prostokąta. MDN opisuje opacity jako przezroczystość obiektu lub grupy.
Po zmianach obejrzyj nakładające się fragmenty. Dwa półprzezroczyste kształty mogą tworzyć ciemniejszy obszar na przecięciu. Jeżeli projekt ma wyglądać jak jednolity symbol, dobierz geometrię i krycie świadomie. Nie naprawiaj takiego efektu przez dodawanie białej płaszczyzny pod spodem, bo problem powróci na ciemnym tle.
Przezroczystość musi iść w parze z czytelnością
Sprawdź ikonę na jasnej, ciemnej i kolorowej planszy testowej. Czarny znak bez otoczenia może być formalnie przezroczysty, lecz źle widoczny w ciemnym motywie. Rozważ prosty obrys lub alternatywny wariant kolorystyczny, jeśli pasuje do projektu. Przezroczystość rozwiązuje problem prostokąta, ale nie projektuje kontrastu za ciebie.
Dla przykładowego koła z białą gwiazdką oceniaj osobno zewnętrzną krawędź koła i gwiazdkę. Jeśli usuniesz białe wypełnienie gwiazdy jako rzekome tło, wewnątrz pojawi się kolor rozmowy. Może to być ciekawy efekt, ale powinien być zamierzony. Zapisz podglądy wariantów, zanim wybierzesz wersję do animacji.
Sprawdź źródło, podgląd i wynik osobno
Wczytaj poprawiony SVG do konwertera naklejek, porównaj nieruchomy import, a następnie obejrzyj cały ruch. Konwerter wymaga logowania przez Telegram, a wybrany plik jest przekazywany do diagnostyki. TGS można pobrać bez opłaty w podstawowym procesie.
Jeśli białego prostokąta nie ma w źródle, lecz widzisz go w jednym podglądzie, nie zakładaj od razu, że został zapisany w pliku. Sprawdź wynik w docelowym procesie Telegrama oraz na innym tle. Zachowaj źródłowy SVG, aby ewentualną poprawkę zrobić w grafice, zamiast próbować usuwać tło z gotowego TGS w nieobsługiwanym importerze.