Konwerter PNG/JPG do SVG

Zamień logo lub ilustrację na wektor SVG z wiernymi kolorami: bez szarych obwódek, rozmycia i brudnej przezroczystości. Wszystko dzieje się w Twojej przeglądarce.

Dokumentacja narzędzia

Zaloguj się, aby korzystać z: Konwerter do SVG

Załóż konto i przez 7 dni korzystaj ze wszystkich narzędzi za darmo. Potem 10 zł / miesiąc — z możliwością anulowania w dowolnym momencie. Twoje pliki i tak nigdy nie opuszczają przeglądarki.

Załóż konto Mam już konto

Zobacz też dokumentację narzędzia.

Konwerter PNG i JPG do SVG online — z wiernymi kolorami

Ten konwerter zamienia rastrowe logo, ikony i proste ilustracje (PNG, JPG, WebP, GIF) na skalowalną grafikę wektorową SVG. W przeciwieństwie do typowych „trace’erów” nie zmienia barw marki: #FE9923 zostaje #FE9923, a czerń zostaje czernią. Pliki nie opuszczają Twojej przeglądarki — nic nie jest wysyłane na serwer.

Jak to działa

  1. Paleta z dokładnych kolorów. Zliczamy dokładne wartości RGB pikseli, łączymy bliskie odcienie i wybieramy najczęstszy z nich jako kolor skupiska. Kolory „pośrednie” z antyaliasingu są pomijane.
  2. Przezroczystość jako osobna maska. Kanał alfa nigdy nie jest mieszany z kolorem, więc nie ma szarych obwódek.
  3. Powiększenie robocze. Obraz jest skalowany bikubicznie (małe pliki) lub uśredniany obszarowo (duże) do około 2200 px, a współrzędne wracają do rozmiaru oryginału.
  4. Jedna ścieżka na kolor. Warstwy układane są od największej powierzchni; kształty odizolowane (np. pomarańczowy słupek obok liter) nie dostają ciemnej obwódki od warstwy spodniej.

Wskazówki

Najczęstsze pytania

Czy moje pliki są wysyłane na serwer?

Nie. Wektoryzacja odbywa się w całości w Twojej przeglądarce — obraz nie opuszcza urządzenia, a serwer grafikit.pl nigdy go nie widzi.

Jaki format wejściowy jest najlepszy do logo?

PNG z przezroczystym tłem, w jak największej rozdzielczości. Pliki JPG też działają: włącz opcję „Usuń jednolite tło”, a program usunie jednolite tło i pominie artefakty kompresji.

Dlaczego kolory w SVG są identyczne jak w logo?

W trybie „Logo / ikona” paleta powstaje z dokładnych kolorów pikseli, a nie ze średniej (k-means). Jako kolor skupiska wybierany jest najczęstszy dokładny odcień, więc #FE9923 zostaje #FE9923. Kolory pośrednie z antyaliasingu są odrzucane.

Czym różni się tryb „Ilustracja / zdjęcie”?

Ten tryb wyznacza paletę algorytmem k-means w przestrzeni Lab (do 32 kolorów) i nakłada warstwy jedna na drugiej. Sprawdza się przy rysunkach, ikonach z gradientami i uproszczonych zdjęciach; wynik jest „plakatowy”, a nie fotorealistyczny.

Jak zmienić kolor w gotowym SVG?

W sekcji „Paleta wynikowa” kliknij próbkę koloru i wybierz nowy odcień. Podmieniamy atrybut fill w kodzie SVG, bez ponownego śledzenia obrazu.

Dlaczego wynik ma tylko kilka ścieżek?

Każdy kolor to jedna ścieżka (<path>) z wszystkimi konturami i otworami, więc plik jest mały i łatwo go edytować w Inkscape, Figmie lub Illustratorze.