Formaty i rozmiary plików logo: kompletna lista kontrolna

Nie potrzebujesz dziesiątek plików logo — potrzebujesz jednego wektorowego pliku wzorcowego i krótkiego zestawu eksportów z niego. Zachowaj SVG jako źródło, eksportuj PNG do zastosowań rastrowych i zestaw favikon do przeglądarek, a drukarniom daj wektorowy PDF. Ta lista kontrolna przypisuje każdy format i rozmiar do miejsca użycia. Co zawiera pakiet LogoSaga.

Na tej stronie
  1. Zacznij od jednego pliku wzorcowego, resztę wyeksportuj
  2. Formaty, których potrzebujesz
  3. Rozmiary, których potrzebujesz, według miejsca docelowego
  4. Nie zapomnij o wariantach
  5. Organizuj i nazywaj je jasno
  6. Co zawiera pakiet LogoSaga
  7. Przed wysłaniem logo do drukarni
Jeden znak logo eksportowany do pliku wektorowego, pliku rastrowego, favikony i dokumentu do druku.
Jeden wektorowy plik wzorcowy wytwarza każdy inny plik, którego potrzebujesz — nigdy odwrotnie.

Zacznij od jednego pliku wzorcowego, resztę wyeksportuj

Złota zasada plików logo: zachowaj pojedynczy wektorowy plik wzorcowy — SVG — i generuj z niego każdy inny plik. Ponieważ wektory skalują się bez utraty jakości, później wytworzysz dowolny rozmiar czy format. Eksportowanie zamiast tego z pliku rastrowego to sposób, w jaki loga stają się rozmyte. Pełne uzasadnienie znajdziesz w SVG vs PNG dla logo.

Formaty, których potrzebujesz

  • SVG — twój plik wzorcowy i format dla sieci. Skalowalny i maleńki.
  • PNG — do rastrowych zastosowań o stałym rozmiarze: awatary społecznościowe, niektóre narzędzia do e-maili i dokumentów. Obsługuje przezroczystość.
  • Zestaw favikon — favikona SVG plus małe PNG i awaryjny ICO do kart przeglądarki. Zobacz jak zrobić favikonę.
  • PDF — kontener dokumentu, który może zawierać grafikę wektorową, obrazy rastrowe lub oba typy. Jakość przy zmianie rozmiaru zależy od zawartości; przekaż plik zgodny z wymaganiami drukarni, a nie tylko z rozszerzeniem PDF.
  • EPS — starszy format wektorowy, który niektóre drukarnie wciąż zamawiają.
  • Unikaj JPG — brak przezroczystości i stratna kompresja, która rozmazuje ostre krawędzie.

Rozmiary, których potrzebujesz, według miejsca docelowego

Siatka miejsc docelowych logo: nagłówek strony, favikona, awatar społecznościowy, ikona aplikacji i druk.
Dopasuj eksport do miejsca docelowego, zamiast używać jednego rozmiaru wszędzie.
Gdzie się pojawiaFormatRozmiar / uwaga
Strona internetowaSVGskalowalny; domyślny na ekranie
Karta przeglądarkiSVG + ICO + PNGzestaw favikon (32) + ikona touch (180)
Profil społecznościowyPNGkwadrat, w rozmiarze platformy
Zainstalowana PWAPNG + manifest192×192, 512×512
Aplikacja natywnaStosuj aktualne wymagania ikon danej platformy; rozmiary PWA nie są uniwersalnym zestawem dla aplikacji natywnych.—
E-mail / dokumentyPNGumiarkowany stały rozmiar
DrukPDF (lub EPS)Docelowy rozmiar wydruku; wektory lub odpowiednia rozdzielczość rastra według wymagań drukarni

Nie zapomnij o wariantach

Kompletny zestaw to nie tylko formaty i rozmiary — to także wersje: logo pełnokolorowe, wersja jednokolorowa oraz warianty jasny i ciemny na różne tła. Biorą się z tego samego pliku wzorcowego i liczą się tak samo jak typ pliku. Są częścią twojej identyfikacji wizualnej.

Organizuj i nazywaj je jasno

Trzymaj plik wzorcowy z dala od eksportów i nazywaj pliki tak, by każdy mógł chwycić właściwy — na przykład logo-primary.svg, logo-white.png, favicon.svg, apple-touch-icon.png i logo-print.pdf. To uporządkowany folder sprawia, że logo jest naprawdę używalne miesiące później.

Co zawiera pakiet LogoSaga

Pakiet zawiera horizontal, stacked, wordmark i badge z przezroczystymi jasnymi/ciemnymi SVG oraz PNG1024. Dołącza trzy zestawy favicon, Apple180, Android192/512, manifest, recipe.json, README.txt, LICENSES.txt i brand-sheet.pdf. Osobny PNG oferuje 512, 1024 lub 2048 px i tło przezroczyste lub pełne. Sprawdź nazwy i tło przed przekazaniem.

Przed wysłaniem logo do drukarni

brand-sheet.pdf to jednostronicowe podsumowanie z obrazem rastrowym, nie gotowe do druku wektorowe PDF logo. Przekaż SVG i zapytaj o specyfikację PDF, profil kolorów i próbę. Rozszerzenie PDF nie dowodzi wektorów. Sprawdź rozmiar w mm, cienkie linie, jeden kolor i tekst w krzywych. Nie wyprowadzaj CMYK bezmyślnie z HEX.

Powiązane praktyczne poradniki: Logo z przezroczystym tłem: eksport PNG i SVG · Logo w Profilu Firmy w Google: rozmiar i przesyłanie

Stwórz logo i wyeksportuj pełny zestaw plików — za darmo

Częste pytania

Jakich formatów plików potrzebuję dla swojego logo?

Co najmniej: wzorcowego SVG, plików PNG do zastosowań rastrowych (jak awatary społecznościowe), zestawu favikon do przeglądarek i wektorowego PDF do druku. Unikaj JPG, który nie ma przezroczystości i zmiękcza krawędzie.

Jaki rozmiar powinno mieć moje logo?

Nie ma jednego rozmiaru — zależy od zastosowania. W sieci używaj skalowalnego SVG, eksportuj PNG w rozmiarze zalecanym przez każde miejsce docelowe i dostarcz rozmiary favikony (32 i 180) oraz rozmiary PWA (192 i 512).

Jakiego pliku logo potrzebuje drukarnia?

brand-sheet.pdf to jednostronicowe podsumowanie z obrazem rastrowym, nie gotowe do druku wektorowe PDF logo. Przekaż SVG i zapytaj o specyfikację PDF, profil kolorów i próbę. Rozszerzenie PDF nie dowodzi wektorów. Sprawdź rozmiar w mm, cienkie linie, jeden kolor i tekst w krzywych. Nie wyprowadzaj CMYK bezmyślnie z HEX.

Jak organizować i nazywać pliki logo?

Trzymaj wzorcowy SVG osobno i nazywaj eksporty jasno według formatu i użycia — na przykład logo-primary.svg, logo-white.png, favicon.svg, apple-touch-icon.png, logo-print.pdf.

Czym różni się arkusz marki od logo do druku?

brand-sheet.pdf to jednostronicowe podsumowanie z obrazem rastrowym, nie gotowe do druku wektorowe PDF logo. Przekaż SVG i zapytaj o specyfikację PDF, profil kolorów i próbę. Rozszerzenie PDF nie dowodzi wektorów. Sprawdź rozmiar w mm, cienkie linie, jeden kolor i tekst w krzywych. Nie wyprowadzaj CMYK bezmyślnie z HEX.

Źródła