PerfectVector
Autor: Claire Yoon

Jak zachować przezroczyste tło przy konwersji do SVG

Znajdź przyczynę białego prostokąta w SVG, zachowaj przezroczystość PNG lub usuń odpowiednie tło wektorowe. Przed zapisem sprawdź białe detale wewnętrzne.

8 min czytania
Na tej stronie

SVG domyślnie nie ma namalowanego tła, ale może zawierać kształt tła lub raster z nieprzezroczystymi pikselami. Jeśli po konwersji pojawi się biały prostokąt, przed usunięciem czegokolwiek ustal, który obiekt daje biel. Przezroczysty PNG może zachować puste obszary podczas trasowania; nieprzezroczyste źródło też może stać się przezroczyste, jeśli odtworzone tło jest osobnym obiektem wektorowym, który można usunąć.

Zachowaj niezmienione źródło i wynik. Potrzebujesz edytora obsługującego SVG lub odblokowanego edytora wyników PerfectVector oraz kontrastowego podłoża do kontroli. Biała strona nie pozwala stwierdzić, czy biel oznacza pustą przestrzeń, obiekt tła czy zamierzoną część grafiki.

Ustal, skąd bierze się biel

Raster przechowuje piksele. Kanał alfa przechowuje stopień krycia: dzięki niemu PNG może zawierać naprawdę przezroczyste piksele. Specyfikacja PNG obsługuje przezroczystość, a poradnik formatów MDN dokumentuje brak przezroczystości alfa w JPEG.

SVG przechowuje geometrię i instrukcje malowania, ale może też osadzać PNG lub JPEG. Specyfikacja osadzonej zawartości SVG wyjaśnia, dlaczego białe piksele rastra mogą pozostać w pliku .svg.

Co widziszCo sprawdzićWłaściwa naprawa
Biel tylko w obszarze roboczym edytoraUmieść SVG na innym kolorzeNie zmieniaj pliku, jeśli grafika już jest przezroczysta
Jeden prostokąt lub ścieżka za obiektemZaznaczaj obiekty lub sprawdź strukturę SVGUsuń rzeczywisty obiekt tła
Kilka białych kształtów, w tym detale wewnętrzneOkreśl rolę każdego kształtuUsuń tylko tło lub świadomie wybierz szersze wycięcie
Jeden osadzony obraz z nieprzezroczystymi białymi pikselamiSprawdź obiekt obrazu i źródłowy rasterZmień tło rastra, a potem zastąp lub ponownie przetrasuj źródło
Szachownica nadal widoczna na innym kolorzeSprawdź kanał alfa i pobrany obrazUsuń namalowany wzór zamiast traktować go jako przezroczystość

Wybierz porządkowanie przed trasowaniem lub po nim

Czy JPEG może stać się SVG z przezroczystym tłem? Tak. JPEG nie zapisuje przezroczystości, ale trasowanie może utworzyć geometrię wektorową z widocznych pikseli. Jeśli wynikowe tło jest osobnym obsługiwanym obiektem wektorowym, usuń je po konwersji. Jeśli tło jest złożone, dzieli kształty z głównym obiektem lub pozostaje w osadzonym obrazie, najpierw przygotuj przezroczysty raster albo edytuj wektor ręcznie.

Są dwie przydatne drogi:

  • Najpierw przygotuj raster. Wyodrębnij obiekt w edytorze obrazów, wyeksportuj PNG z prawdziwym kanałem alfa i przetrasuj go. Użyj tej metody do fotograficznego tła, namalowanej szachownicy lub sytuacji, gdy oddzielenie pierwszego planu od tła wymaga interpretacji.
  • Usuń tło wektorowe po konwersji. Przetrasuj płaską grafikę, sprawdź wynikowe obiekty i usuń odrębny kształt tła. Zachowaj zamierzone białe elementy wewnętrzne, chyba że one także mają stać się przezroczyste.

Zmiana .jpg na .png nie tworzy kanału alfa wokół obiektu. Konwersja formatu i usuwanie tła to osobne operacje. Przygotowanie JPEG opisuje jak przekonwertować JPG do SVG.

Zachowaj przezroczystość podczas konwersji

  1. Sprawdź źródło na kontrastowym kolorze. Potwierdź, że przezroczyste miejsca są naprawdę puste, a nie białe lub wypełnione namalowaną szachownicą. Zapisz przygotowany PNG, jeśli trzeba uporządkować raster.
  2. Przetrasuj i porównaj podgląd. W PerfectVector przekonwertuj PNG do SVG i porównaj bezpłatny podgląd ze źródłem. Sprawdź zewnętrzny kontur, zamierzone otwory i białe elementy wewnętrzne.
  3. Odblokuj przed edycją. Odblokowanie wyniku włącza edytor i eksport; fakty o produkcie odróżniają je od bezpłatnej konwersji i podglądu.
  4. Wybierz odpowiednią operację tła. Jeśli edytor wykryje tło możliwe do usunięcia, otwórz Remove Background i porównaj dwie opcje poniżej. Jeśli nie wykryje odpowiedniego obiektu, sprawdź plik w edytorze wektorowym lub wróć do przygotowania rastra.
  5. Sprawdź zmieniony wynik i w razie potrzeby cofnij. Skontroluj zewnętrzny kontur, litery, białe detale i otwory. Cofnij zmianę usuwającą grafikę, którą chcesz zachować.
  6. Wyeksportuj SVG i sprawdź na innym kolorze. Otwórz zapisany plik w docelowej aplikacji. Kontrastowy kolor powinien prześwitywać tylko tam, gdzie chcesz przezroczystości.

PerfectVector: Background only a Background color

Edytor wyników oferuje dwie operacje, gdy wykryje tło możliwe do usunięcia:

OpcjaZakresCo sprawdzić
Background onlyUsuwa wykryty dolny obiekt tłaBiałe detale wewnętrzne powinny pozostać, jeśli są osobne względem tego obiektu
Background colorUsuwa obiekty pasujące do wykrytego koloru tła i stosuje wycięcia uwzględniające warstwyDetale w tym samym kolorze też mogą zniknąć lub stać się otworami

Wykrywanie opiera się na obsługiwanej strukturze wektorowej i pokryciu płótna; nie rozpoznaje dowolnych obiektów fotograficznych. Szersza operacja kolorystyczna przydaje się, gdy pasujące obszary mają stać się przezroczyste, ale jest niewłaściwa, gdy biały kształt wewnątrz ma pozostać biały.

W kontroli edytora z białym tłem, pomarańczowym trójkątem i małym białym prostokątem w środku Background only zachowało wewnętrzny prostokąt. Background color usunęło oba białe obiekty i pozostawiło przezroczysty otwór w trójkącie. Cofnięcie przywróciło trzy oryginalne kształty. Ten test sprawdza operacje na jednolitych kształtach, a nie rozpoznawanie fotograficznego tła.

Zacznij od Background only, jeśli chcesz zachować białe litery, oczy lub inne wewnętrzne szczegóły. Przed zastosowaniem obejrzyj efekt. Jeśli tło i pierwszy plan współdzielą jeden obiekt, ani globalna zmiana koloru, ani automatyczne wykrywanie nie zapewnią wiarygodnego rozdzielenia; edytuj obiekty osobno lub przygotuj lepszy raster.

Posiadany już SVG otwórz w zgodnym edytorze i sprawdź rzeczywisty obiekt tła. Opisany tutaj edytor wyniku konwersji PerfectVector działa po odblokowaniu wyniku; nie stanowi obietnicy nieograniczonej bezpośredniej edycji każdego przesłanego SVG.

Biały prostokąt
Ilustracja logo z widocznym białym prostokątem tła na kolorze turkusowym
Biały obiekt zasłania podłoże poza logo. Sprawdź plik, aby ustalić, co go tworzy.
Pusto poza obiektem
Ilustracja logo na turkusowym podłożu bez białego prostokąta wokół obiektu
Kolorowe podłoże prześwituje przez pusty obszar. Sprawdź detale wewnętrzne oraz zewnętrzną krawędź.

Sprawdź wyeksportowany plik, nie tylko miniaturę

Umieść SVG na ciemnym lub nasyconym tle w aplikacji, w której będzie używany. Sprawdź przestrzeń poza obiektem oraz zamierzone białe detale wewnętrzne. Podgląd może wyglądać poprawnie na białym płótnie, choć nadal zawiera biały obiekt.

Przy projekcie do cięcia sprawdź również ścieżki. Przezroczysta wartość koloru może wizualnie ukryć geometrię, pozostawiając obiekt w pliku; usunięcie obiektu tła i ukrycie jego wypełnienia to różne działania. Wykonaj audyt SVG przed cięciem, zanim użyjesz projektu do produkcji z materiału.

Jeśli zapisany plik nadal ma prostokąt, otwórz go ponownie i znajdź odpowiedzialną ścieżkę tła lub osadzony obraz. Jeśli prostokąt widać tylko w docelowej aplikacji, porównaj ten sam SVG w innej przeglądarce plików i sprawdź obsługę importu oraz eksportu tej aplikacji przed ponownym trasowaniem.

Obrazy AI i namalowane szachownice

Szachownica to tylko konwencja wyświetlania. Jeśli kwadraty pozostają widoczne po umieszczeniu obrazu na innym kolorze, należą do grafiki, a nie do pustej przestrzeni. Sprawdź kanał alfa pobranego pliku zamiast oceniać miniaturę generatora.

Niektóre generatory oferują prawdziwą przezroczystość. Dokumentacja Images API OpenAI opisuje tryby tła: przezroczysty, nieprzezroczysty i automatyczny. Te opcje nie przesądzają o zawartości konkretnego pobranego pliku. Jeśli tło jest namalowane w pikselach, uporządkuj raster i wyeksportuj prawdziwy kanał alfa przed trasowaniem.

FAQ

Czy SVG obsługuje przezroczyste tło? Tak. Domyślnie SVG nie ma namalowanego tła, ale kształty lub osadzone rastry mogą tworzyć nieprzezroczyste tło. Sprawdź rzeczywisty plik na kontrastowym kolorze.

Jak zapisać SVG z przezroczystym tłem? Usuń rzeczywisty obiekt tła lub przygotuj przezroczystość osadzonego rastra, zachowaj zamierzone elementy wewnętrzne i wyeksportuj SVG. Otwórz go ponownie na innym kolorze w docelowej aplikacji, aby sprawdzić zapisany wynik.

Dlaczego SVG ma białe tło po konwersji? Źródło może mieć nieprzezroczyste białe piksele, wynik może zawierać obiekt tła lub raster może pozostać osadzony. Sprawdź źródło i strukturę SVG przed wyborem porządkowania rastra lub usunięcia obiektu wektorowego.

Czy mogę przekonwertować JPG do SVG z przezroczystym tłem? Tak, jeśli usuniesz tło podczas przygotowania lub później z odpowiedniej geometrii wektorowej. Sam JPEG nie zapisuje kanału alfa. Usuń odrębny przetrasowany obiekt tła; przy złożonym lub osadzonym tle rastrowym najpierw przygotuj przezroczysty PNG albo edytuj ręcznie.

Jak zachować przezroczystość przy konwersji PNG do SVG? Potwierdź prawdziwy kanał alfa w PNG, przetrasuj go i porównaj wynik ze źródłem. Jeśli pojawi się niechciany obiekt tła, usuń odpowiedni obiekt po uzyskaniu dostępu do edycji. Sprawdź wyeksportowany SVG na innym kolorze.

Jak usunąć białe tło z SVG w PerfectVector? Odblokuj wynik konwersji przed edycją. Jeśli wykryto tło możliwe do usunięcia, wybierz Background only, aby usunąć wykryte podłoże i zachować osobne białe elementy wewnętrzne. Background color działa szerzej i może usunąć także pasujące detale wewnętrzne; sprawdzaj podgląd i w razie potrzeby cofaj.

Dlaczego obraz AI ma szachownicę zamiast przezroczystego tła? Wzór może być namalowany w pikselach. Jeśli pozostaje na innym kolorze, uporządkuj raster i wyeksportuj PNG z prawdziwym kanałem alfa. Opcja przezroczystości generatora nadal wymaga kontroli pobranego pliku.

Źródła

  1. W3C — specyfikacja PNG, wydanie trzecie — Krycie i przezroczystość kanału alfa w PNG.
  2. MDN — przewodnik po typach i formatach obrazów — Różnice przezroczystości JPEG i PNG.
  3. W3C — osadzona zawartość SVG — Piksele rastra mogą pozostać wewnątrz dokumentu SVG.
  4. PerfectVector — fakty o produkcie — Podgląd wyniku, odblokowanie oraz dostęp do edycji i eksportu.
  5. OpenAI — dokumentacja Images API — Udokumentowane tryby tła generowanych obrazów.

Obejrzyj podgląd PNG jako SVG, sprawdź źródło i odtworzone tło oraz odblokuj przed edycją. Usuń tylko obszary, które mają być przezroczyste, a potem sprawdź zapisany plik na innym kolorze.

Więcej z bloga

PerfectVector

Zamień plik obrazu w
edytowalny SVG

Bez karty kredytowej