Logo w PNG to zdjęcie logo — sztywna siatka pikseli. Logo w SVG to instrukcja jego rysowania: „poprowadź linię stąd dotąd, wypełnij tym kolorem, zaokrąglij tę krawędź”. Przeglądarka albo program przelicza te instrukcje na bieżąco dla dowolnej rozdzielczości. Dlatego SVG jest zawsze ostry — niezależnie od rozmiaru.
Porównanie wprost
| Cecha | SVG | PNG |
|---|---|---|
| Rodzaj formatu | Wektor (instrukcje XML) | Raster (piksele) |
| Skalowanie bez strat | ✅ Bez ograniczeń | ❌ Pikseluje przy powiększaniu |
| Przezroczystość | ✅ Pełna | ✅ Pełny kanał alfa |
| Dobry do zdjęć | ❌ Nie | ❌ Nie (lepiej JPG/WebP) |
| Dobry do prostych logo | ✅ Najlepszy wybór | ✅ Działa, ale w stałym rozmiarze |
| Edycja przez CSS/JavaScript | ✅ Kolory, animacje, interakcje | ❌ Nie |
| Waga pliku (proste logo) | Bardzo mała (1–10 KB) | Większa (20–200 KB) |
| Akceptowany w social media | ❌ Nie (większość serwisów odrzuca SVG) | ✅ Wszędzie |
| Akceptowany w e-mailu | ❌ Nie | ✅ Tak |
| Akceptowany w drukarniach | ✅ Tak (i preferowany) | ✅ W wysokiej rozdzielczości |
| Indeksowany przez Google | ✅ Czytelny tekst | ❌ Tylko przez atrybut alt |
Dlaczego SVG wygrywa przy logo na stronach
Logo w PNG o szerokości 200 pikseli wygląda ostro na monitorze Full HD, ale rozmywa się na ekranie 4K albo na iPhonie z ekranem Retina — bo wyświetlacz próbuje pokazać obraz na większej liczbie pikseli, niż ten obraz ma. Żeby obsłużyć ekrany Retina w PNG, trzeba eksportować logo w rozmiarze 2× albo 4× większym niż wyświetlany, co podnosi wagę pliku.
SVG rozwiązuje to całkowicie: przeglądarka renderuje go w dokładnej rozdzielczości ekranu, zawsze bez straty i bez potrzeby trzymania kilku wariantów rozmiarowych. Proste logo w pliku SVG o wadze 5 KB będzie ostre na telefonie o gęstości 460 PPI, na monitorze 4K i na dziesięciometrowym billboardzie.
Do tego SVG da się sterować z poziomu CSS i JavaScriptu: zmienić kolor logo na wersję do trybu ciemnego, dodać animację po najechaniu kursorem, podmienić element logo zależnie od kontekstu — czasem jedną linijką CSS.
Kiedy PNG wciąż jest niezbędny
SVG nie wszędzie jest akceptowany. PNG pozostaje nie do zastąpienia w takich miejscach:
- Media społecznościowe: Instagram, Facebook, LinkedIn, WhatsApp i większość platform przyjmuje wyłącznie JPG lub PNG w zdjęciach profilowych i przesyłanych plikach.
- E-mail marketing: programy pocztowe nie renderują SVG osadzonego w treści. Logo w mailu musi być w PNG.
- Prezentacje i dokumenty: PowerPoint, Word i Prezentacje Google przyjmują PNG, a obsługę SVG mają ograniczoną albo niekonsekwentną.
- Naklejki i aplikacje: formaty takie jak naklejki na WhatsAppa wymagają wprost PNG.
- Złożone logo z gradientami i cieniami: efekty rodem ze zdjęć (niezalecane, ale spotykane) słabo przekładają się na SVG.
Jak profesjonaliści prowadzą plik logo
Branżowy standard to trzymanie logo w obu formatach:
- SVG: na stronę, do aplikacji webowych, do drukarni i wszędzie tam, gdzie liczy się skalowalność
- PNG z przezroczystym tłem (wysoka rozdzielczość): do mediów społecznościowych, maili, dokumentów i wszędzie tam, gdzie SVG nie przechodzi
Kreator logo w ImageTools zapisuje plik od razu w obu formatach. Jeśli masz już logo w PNG i potrzebujesz wersji SVG, grafik może je zwektoryzować na podstawie pliku rastrowego — droga odwrotna, z SVG do PNG, jest prosta i wystarczy do niej Konwerter obrazów.
Stwórz swoje logo w SVG i PNG
Kreator logo w ImageTools zapisuje plik w obu formatach — bez rejestracji i bez znaku wodnego.
Stwórz logo za darmo