Konwersja na SVG
Logo, rysunki i grafiki w wektorach, do powiększania bez pikselozy.
3 konwersje na SVG
SVG to wektorowy format sieci: grafika, która pozostaje ostra w każdym rozmiarze, od ikony po baner. Tutaj możesz go uzyskać na dwa sposoby: wektoryzując obraz (obrysowujemy kształty Twojego logo lub rysunku w PNG lub JPG) albo wyciągając wektory, które PDF już zawiera. Wybierz powyżej konwersję odpowiednią dla Twojego pliku.
Czym jest format SVG
SVG (Scalable Vector Graphics) to otwarty standard W3C od 2001 roku. Zamiast pikseli opisuje rysunek za pomocą kształtów, linii i krzywych w pliku tekstowym, dzięki czemu można go powiększać bez końca bez utraty ostrości, a przy prostej grafice zwykle zajmuje bardzo mało.
Wyświetlają go wszystkie współczesne przeglądarki, a edytować można go w programach takich jak Inkscape (darmowy), Illustrator czy Figma.
Kiedy warto używać SVG
- Logo i ikony na stronie: wyglądają idealnie na każdym ekranie, a ich kolor zmienisz w CSS.
- Wycinanie i grawerowanie: Cricut Design Space, plotery tnące i lasery pracują ze ścieżkami.
- Druk wielkoformatowy: szyld czy baner z tego samego pliku co logo na wizytówce.
- Edycja projektu: przesuwanie, zmiana koloru lub usuwanie kształtów jeden po drugim.
Do zdjęć się nie nadaje: SVG nie opisze niuansów zdjęcia kilkoma kształtami. Do zdjęć używaj JPG lub WebP.
Wektoryzacja obrazu a konwersja PDF
To dwa różne procesy i warto wiedzieć, którego potrzebujesz:
- Z PNG lub JPG nie ma wektorów do skopiowania: obrysowujemy kształty obrazu i zamieniamy je w krzywe o jednolitych kolorach. Sprawdza się świetnie przy logo, ikonach, podpisach i rysunkach, a słabo przy zdjęciach.
- Z PDF, jeśli dokument powstał w programie graficznym lub biurowym, wektory już w nim są: wyciągamy je bez zmian, niczego nie obrysowując. Jeśli PDF to skan, każda strona jest obrazem i trzeba ją zwektoryzować jak obraz.
SVG, PNG i PDF w porównaniu
| SVG | PNG | ||
|---|---|---|---|
| Zawartość | Kształty wektorowe | Piksele | Strony z wektorami, tekstem i obrazami |
| Powiększanie bez utraty ostrości | Tak | Nie | Tak (jego wektory) |
| Wyświetlanie na stronie | Bezpośrednio | Bezpośrednio | W przeglądarce PDF |
| Edycja kształt po kształcie | Tak | Nie | W programach graficznych |
| Najlepszy do | Logo, ikon, wycinania | Zrzutów ekranu, szczegółowych obrazów | Dokumentów do czytania i druku |
Najczęściej zadawane pytania
Czym jest plik SVG?
To grafika wektorowa: zamiast pikseli zapisuje kształty i krzywe opisane tekstem. Dlatego można ją powiększyć do dowolnego rozmiaru bez pikselozy, a przeglądarki wyświetlają ją jak zwykły obraz.
Jakim programem otworzyć plik SVG?
Każda przeglądarka go wyświetli, jeśli przeciągniesz go na kartę. Do edycji darmowy jest Inkscape; otwierają go też Illustrator, Affinity Designer i Figma.
SVG czy PNG na logo strony internetowej?
SVG, jeśli logo jest wektorowe: mało waży, jest ostre na każdym ekranie i zmienia kolor w CSS. PNG jest lepszy tylko wtedy, gdy logo ma złożone gradienty lub fotograficzne tekstury.
Czym różni się wektoryzacja obrazu od konwersji PDF na SVG?
Wektoryzując obraz PNG lub JPG, obrysowujemy jego kształty, które wcześniej były pikselami. Konwertując PDF, kopiujemy wektory, które dokument już miał, bez ich przerysowywania, chyba że strony są skanami.
Czy można zamienić zdjęcie na SVG?
Można, ale wynik będzie wyglądał jak plakat w kilku kolorach i będzie ważył więcej niż zdjęcie. SVG jest przeznaczony do logo, ikon i rysunków o jednolitych kolorach.