Co to jest plik SVG?
SVG (Scalable Vector Graphics) zasadniczo różni się od innych formatów obrazów.Podczas gdy pliki JPEG, PNG i WEBP przechowują obrazy jako siatki kolorowych pikseli (raster), SVG opisuje obrazy jako kształty matematyczne — koła, prostokąty, ścieżki, krzywe i tekst — zdefiniowane w kodzie XML.
Oznacza to obrazy SVG:
- Skaluj w nieskończoność — powiększaj do 10 000% bez pikselizacji i rozmycia
- Mają małe rozmiary plików — logo o rozmiarze 500 KB w formacie PNG może mieć 5 KB w formacie SVG
- Można edytować jako tekst — otwórz w dowolnym edytorze tekstu, aby zmienić kolory, rozmiary i kształty
- ** Są niezależne od rozdzielczości** — wyglądają idealnie na każdej gęstości ekranu (telefon, tablet, telewizor 4K)
SVG to standardowy format logo, ikon, ilustracji, wykresów, map i dowolnej grafiki, która musi wyglądać ostro w każdym rozmiarze.
Skąd pochodzą pliki SVG
Narzędzia do projektowania: Figma, Adobe Illustrator, Sketch, Inkscape i Canva eksportują projekty jako SVG do użytku w Internecie i aplikacjach.
Biblioteki ikon: Ikony materiałów, Font Awesome, Heroicons i tysiące pakietów ikon rozpowszechnianych jako pliki SVG.
Pobieranie z Internetu: Logo, ilustracje i grafika pobierane ze stron internetowych są często w formacie SVG (kliknij prawym przyciskiem myszy → Zapisz jako).
Zasoby programisty: Twórcy aplikacji na Androida używają formatu SVG (przekonwertowanego do formatu VectorDrawable) w przypadku ikon aplikacji i elementów interfejsu użytkownika.
Wizualizacja danych: Wykresy, wykresy i infografiki z narzędzi takich jak D3.js, Chart.js i Tableau eksportowane jako SVG.
Mapy: Eksporty OpenStreetMap, mapy niestandardowe i wizualizacje geograficzne korzystają z formatu SVG.
Projekt druku: Logo i zasoby marki są dystrybuowane w formacie SVG w celu skalowalnej reprodukcji.
Wyświetlanie SVG na Androidzie
AnExplorer obsługuje pliki SVG na dwa sposoby:
Renderowanie wizualne (przeglądarka zdjęć):
- Przejdź do pliku SVG w AnExplorer
- Stuknij, aby otworzyć — grafika wektorowa renderuje się w przeglądarce
- Powiększ — obraz pozostaje idealnie ostry przy każdym powiększeniu
- Bez pikselizacji i rozmycia, niezależnie od tego, jak daleko powiększysz
Widok kodu (edytor tekstu):
- Naciśnij i przytrzymaj plik SVG → Otwórz za pomocą → Edytor tekstu
- Wyświetl kod źródłowy XML
- Edytuj kolory (zmień
fill="#FF0000"na dowolny kolor szesnastkowy) - Zmodyfikuj rozmiary, pozycje lub dodaj/usuń elementy
- Zapisz — zmiany zostaną odzwierciedlone natychmiast po ponownym przejrzeniu
Zarządzanie plikami SVG za pomocą AnExplorer
Przeglądaj i organizuj:
- Pliki SVG są wyświetlane z ikonami grafiki wektorowej na listach plików
- Sortuj według nazwy, daty lub rozmiaru
- Twórz foldery, aby organizować je według projektu (logo, ikony, ilustracje)
- Zmień nazwy plików dla lepszej organizacji
Prześlij i udostępnij:
- Wysyłaj pliki SVG do komputera za pomocą funkcji Device Connect (projektanci często pracują na komputerze stacjonarnym)
- Prześlij na Dysk Google, Dropbox, aby współpracować zespołowo
- Skopiuj na serwer NAS w celu archiwizacji zasobów projektu
- Udostępnij za pośrednictwem poczty elektronicznej lub wiadomości (pliki SVG są małe — zwykle poniżej 100 KB)
Operacje archiwalne:
- Wyodrębnij pliki SVG z archiwów pakietów ikon (ZIP zawierający setki plików SVG)
- Kompresuj kolekcje SVG do ZIP w celu udostępnienia
- Przeglądaj archiwa zawierające pliki SVG bez rozpakowywania
Edytuj jako kod:
- Otwórz we wbudowanym edytorze tekstu AnExplorer -SVG to format XML — czytelny dla człowieka i edytowalny
- Zmień kolory: znajdź atrybuty
fill="..."lubstroke="..." - Zmień rozmiary: zmodyfikuj atrybuty
widthiheight - Usuń elementy: usuń tagi
<path>,<circle>lub<rect>
SVG vs PNG vs PDF dla grafiki
| Aspekt | SVG | PNG | |
|---|---|---|---|
| Wpisz | Wektor (matematyka) | Raster (piksele) | Oba (mogą zawierać dowolne) |
| Skalowalność | ✅ Nieskończony | ❌ Naprawiono rozdzielczość | ✅ Jeśli zawartość wektorowa |
| Rozmiar pliku (logo) | ~5-50 KB | ~50-500 KB | ~10-100 KB |
| Przejrzystość | ✅ | ✅ | ✅ |
| Treść zdjęcia | ❌ Nie nadaje się | ✅ | ✅ |
| Edytowalne jako tekst | ✅ (XML) | ❌ | ❌ |
| Obsługa Androida | ✅ | ✅ | ✅ (przeglądarka PDF) |
| Standard sieciowy | ✅ (natywny w przeglądarkach) | ✅ | ❌ (potrzebuje przeglądarki) |
Kiedy używać formatu SVG: Logo, ikony, ilustracje, wykresy, elementy interfejsu użytkownika — wszystko, co nie jest fotografią. Kiedy używać formatu PNG: Zrzuty ekranu, zdjęcia z przezroczystością, grafika rastrowa o stałym rozmiarze. Kiedy używać formatu PDF: Dokumenty, treść wielostronicowa, pliki gotowe do druku.
Typowe przypadki użycia na Androidzie
Zarządzanie pakietami ikon
Projektanci i programiści pracują z bibliotekami ikon:
- Pobierz pakiet ikon (zwykle ZIP zawierający setki plików SVG)
- Wyodrębnij za pomocą menedżera archiwum AnExplorer
- Przeglądaj pliki SVG — przeglądaj miniatury, aby znaleźć odpowiednią ikonę
- Skopiuj potrzebne ikony do folderu projektu
- Lub otwórz w edytorze tekstu, aby dostosować kolory przed użyciem
Wyświetlanie zasobów projektowych od zespołu
Kiedy współpracownicy udostępniają pliki projektu:
- Otrzymuj pliki SVG za pośrednictwem poczty elektronicznej, udostępniania w chmurze lub funkcji Device Connect
- Otwórz w AnExplorer, aby wyświetlić podgląd projektu
- Sprawdź kolory, układ i zawartość
- W razie potrzeby prześlij na pulpit w celu szczegółowej edycji
Edycja kolorów SVG na urządzeniu mobilnym
Szybkie zmiany kolorów bez użycia narzędzi do projektowania:
- Otwórz SVG w edytorze tekstu AnExplorer
- Wyszukaj
fill="#, aby znaleźć definicje kolorów - Zamień szesnastkowe kody kolorów (np.
#FF0000→#0066CC) - Zapisz — otwórz w przeglądarce, aby zweryfikować zmianę
- Udostępnij zmodyfikowany plik SVG
Przepływ pracy programisty
Programiści Androida pracujący z zasobami wektorowymi:
- Pobierz ikony SVG z Material Design lub innych bibliotek
- Wyświetl podgląd w AnExplorer, aby sprawdzić, czy są poprawne
- Przenieś na maszynę programistyczną za pomocą funkcji Device Connect
- Konwertuj na XML VectorDrawable do użytku w aplikacjach na Androida
Rozmiary plików SVG
Pliki SVG są wyjątkowo małe w porównaniu do ich odpowiedników rastrowych:
| Treść | Rozmiar SVG | Odpowiednik PNG (1024px) |
|---|---|---|
| Proste logo | 2-10 KB | 50-200 kB |
| Złożona ikona | 5-30KB | 100-500 kB |
| Szczegółowa ilustracja | 50-500 KB | 1-5 MB |
| Mapa/wykres | 100 KB - 2 MB | 2-10 MB |
To sprawia, że SVG idealnie nadaje się do przechowywania dużych bibliotek ikon — 1000 ikon SVG może łącznie zająć 10 MB, podczas gdy tyle samo ikon PNG będzie mieć ponad 500 MB.
Powiązane przewodniki
- Otwórz pliki PNG na Androidzie — format obrazu rastrowego
- Otwórz pliki PDF na Androidzie — format dokumentu
- Edytor tekstu — bezpośrednio edytuj kod SVG
- Menedżer archiwów — wyodrębnij archiwa pakietu ikon
