SVG vs PNG dla logo: którego formatu użyć (i kiedy)

Zachowaj SVG ze ścieżkami jako oryginał i eksportuj PNG do rastra. SVG może zawierać raster: rozszerzenie nie dowodzi wektorów. Uzgodnij plik i ustawienia druku z drukarnią.

Na tej stronie
  1. Czym różnią się formaty?
  2. Jaki format do jakiego celu?
  3. Jak eksportować na stronę?
  4. Jak przygotować kwadratowy profil?
  5. Czy PDF gwarantuje wektory do druku?
  6. Czy PNG może zostać wektorem?
  7. Co z małymi ikonami?
Krzywe wektorowe i siatka pikseli pokazują różne skalowanie.
Ścieżki są przeliczane; siatka ma ograniczone detale.

Czym różnią się formaty?

PNG zapisuje stałą siatkę; specyfikacja pozwala na opcjonalną przezroczystość. Powiększenie nie odtwarza szczegółów. SVG może rysować ścieżki w rozmiarze końcowym, ale osadza także PNG i JPEG. Mały raster pozostaje ograniczony.

LogoSaga eksportuje ścieżki bez aktywnego tekstu i osadzonego rastra. Zachowaj tę wersję; nieznane SVG sprawdź w edytorze wektorowym.

Jaki format do jakiego celu?

CelWybór początkowyKontrola
StronaSVG ze ścieżkamiObsługa i mała czytelność
Profil/narzędzie rastrowePNGWymiary, kadr, przezroczystość
Favicon przeglądarkiSVG z alternatywą rasterPrzeglądarka i wyszukiwanie osobno
DrukUzgodniony wektor/PDFZawartość, kolor, produkcja
Rozgałęziona ilustracja źródła prowadzącego do krzywych i siatki pikseli.
Wybierz według celu i sprawdź rzeczywistą zawartość.

Jak eksportować na stronę?

Kawiarnia chce przykładowo logo szerokie na 160 pikseli w nagłówku. Wybierz czytelny poziomy układ, SVG, jasny lub ciemny wariant oraz przezroczyste tło, jeśli strona ma prześwitywać. Wstaw plik i sprawdź telefon oraz komputer. Ścieżki zapobiegają powiększaniu rastra, ale nie ratują za małego sloganu.

Jeżeli narzędzie przyjmuje tylko PNG, eksportuj świeżo 512, 1024 lub 2048 pikseli szerokości i wyświetl odpowiednio mniejsze. Sprawdź rzeczywistą stronę, nie duże pobranie. Szerokość nie oznacza kwadratowej powierzchni.

Jak przygotować kwadratowy profil?

Dla sklepu wybierz zwarty symbol lub pionowy układ, PNG1024 jako źródło i przezroczyste albo jednolite tło. To rzeczywiste opcje. W razie potrzeby umieść prostokąt w edytorze na osobnej kwadratowej powierzchni, bez ściskania.

Sprawdź końcowe wymiary, plik, kadr i jasne/ciemne tła. Zachowaj SVG do następnych PNG, zamiast małej kopii. Poradnik profilu Google opisuje cel; test przezroczystości wykrywa prostokąty i poświaty.

Czy PDF gwarantuje wektory do druku?

Nie. PDF zawiera raster, wektory albo oba, rozróżnione w dokumentacji Adobe PDF. Uzgodnij format, profil i ustawienia. Ekran nie gwarantuje identycznego koloru druku.

brand-sheet.pdf LogoSaga jest zestawieniem tożsamości z obrazu rastrowego, nie wektorowym PDF logo do produkcji. Zachowaj SVG i ustal konwersję z drukarnią albo edytorem wektorowym. AI to roboczy plik Illustrator; EPS starszy format wymiany żądany przez część dostawców.

Czy PNG może zostać wektorem?

Zmiana nazwy lub osadzenie w SVG zmienia opakowanie, nie piksele. Trasowanie odtwarza kształty i może zmienić krzywe, odstępy i detale. Porównaj normalnie i w małej skali; użyj prawdziwego wektora, jeśli istnieje. LogoSaga nie wektoryzuje przesłanych PNG.

JPG nie ma zwykłej alfy i kompresuje stratnie. Unikaj go jako źródła, choć cel może przyjąć jednolite tło.

Co z małymi ikonami?

SVG favicon w przeglądarce i opublikowane formaty Google Search to różne wymagania. Zobacz poradnik favicon oraz źródło Google. Upraszczaj drobne znaki: ostry wektor może być nieczytelny. Lista plików oddziela profil, przeglądarkę i druk.

Utwórz logo i eksportuj SVG lub PNG

Częste pytania

Czy SVG jest lepsze?

Ścieżki pomagają w skalowaniu. PNG pasuje do rastra. Mały raster w SVG nie odzyskuje szczegółów.

Czy SVG zawsze jest ostre?

Ścieżki oblicza się w rozmiarze celu, raster pozostaje ograniczony. Cienkie linie i mały tekst mogą być nieczytelne.

Dlaczego PNG jest rozmyte?

Może być wyświetlane zbyt duże lub wielokrotnie skalowane. Eksportuj ponownie z oryginału.

Czy JPG bywa dopuszczalne?

Cel może je przyjąć dla zamierzonego jednolitego tła. Dla krawędzi i przezroczystości zwykle lepsze PNG lub obsługiwane SVG wektorowe.

Co otrzymuje drukarnia?

Uzgodnij format, wektory, profil i ustawienia. brand-sheet.pdf LogoSaga to odniesienie rastrowe, nie gwarantowany oryginał wektorowy do produkcji.

Źródła