Jak używać logo na stronie i w materiałach reklamowych?
Ostatnia aktualizacja: czerwiec 2026 r. — odświeżyłem listę formatów (dodałem WebP i AVIF), informacje o narzędziach AI w pracy z logo oraz przypomnienie o księdze znaku.
Samo posiadanie dobrego logo to nie wszystko. Ważne jest, aby umieć je poprawnie używać na stronie internetowej, w social mediach oraz na materiałach reklamowych. Jeśli dopiero otrzymałeś swoje nowe logo – ten przewodnik jest dla Ciebie! Dowiesz się, jak i gdzie używać logo, by budować spójny, profesjonalny wizerunek.
1. Formaty plików – który format do czego?
Logo otrzymujesz w różnych formatach – każdy z nich ma swoje konkretne zastosowanie:
- PNG – logo z przezroczystym tłem, idealne do stron internetowych i mediów społecznościowych.
- WebP / AVIF – nowoczesne formaty internetowe (zastępują PNG/JPG na większości stron w 2026 r.). 30-50% mniejsze pliki przy tej samej jakości. Sprawdź, czy Twoja strona ich używa.
- JPG – używaj na tle, gdzie przezroczystość nie jest potrzebna, np. wizualizacje.
- SVG – logo skalowalne bez utraty jakości, świetne do stron internetowych.
- PDF – pliki do druku w wysokiej jakości.
- EPS – format dla profesjonalnych drukarni, np. banery i wizytówki.
Pamiętaj: Do druku używaj plików wektorowych (PDF, EPS), a do internetu – PNG, SVG, WebP lub AVIF.
2. Kolorystyka logo – kiedy i jak używać?
Logo powinno być zawsze czytelne i spójne z Twoją marką. Zadbaj o odpowiedni dobór wersji kolorystycznej:
- Wersja pełnokolorowa – używaj jej na jasnym tle. To podstawowa wersja logo.
- Monochromatyczna (czarna/biała) – idealna na ciemnych tłach, druk jednokolorowy, tłoczenia lub nadruki.
- Tła: Zachowaj kontrast – logo musi być widoczne na tle.
Wskazówka: Nie umieszczaj kolorowego logo na tle o podobnym odcieniu – unikniesz efektu „zlewania się”.
3. Skalowanie logo – zachowaj jakość
Twoje logo musi wyglądać dobrze w każdej skali – od małej ikony po ogromny baner.
- Nie rozciągaj ani nie zniekształcaj logo.
- Używaj plików wektorowych (SVG, EPS) – możesz je skalować bez utraty jakości.
✅ Poprawnie: Logo powiększone proporcjonalnie.
❌ Niepoprawnie: Logo rozciągnięte wszerz lub w pionie.
4. Użycie logo na stronie internetowej
Prawidłowe rozmieszczenie logo na stronie internetowej jest kluczowe:
- Nagłówek strony: Logo umieść w lewym górnym rogu lub na środku – tam szukają go użytkownicy.
- Stopka: Powtórz logo, aby wzmocnić identyfikację wizualną.
- Favicon: Użyj miniatury logo (16×16 px lub 32×32 px) jako ikony przeglądarki.
- Rozmiar: Optymalna wysokość to 100–200 px – logo musi być czytelne, ale nie przytłaczające.
5. Użycie logo na materiałach reklamowych
Wizytówki
- Umieść logo w górnym rogu lub na środku.
- Zadbaj o odpowiednie marginesy – logo nie może być „ściśnięte” przez inne elementy.
Banery i ulotki
- Logo powinno być wyraźne, ale nie dominujące.
- Umieszczaj je w górnym lub dolnym rogu.
- Dopasuj wersję kolorystyczną do projektu – zachowaj kontrast.
Social Media
- Zdjęcia profilowe: Używaj wersji dopasowanej do formatu kwadratu lub koła.
- Posty: Logo nie może przytłaczać grafiki – używaj go jako subtelnego dodatku.
- Reklamy: Najlepiej umieszczać logo w dolnym prawym rogu.
6. Przestrzeń ochronna – zadbaj o marginesy
Zostaw wokół logo odpowiednią przestrzeń ochronną, aby było czytelne i nie „zlewało się” z innymi elementami.
Zasada: Zostaw co najmniej połowę wysokości logo jako margines z każdej strony.
7. Błędy, których należy unikać
❌ Zmiana kolorów logo.
❌ Dodawanie cieni, gradientów i efektów 3D.
❌ Rozciąganie logo i zmiana jego proporcji.
❌ Dodawanie napisów lub innych elementów do logo.
Pamiętaj: Twoje logo to kluczowy element identyfikacji wizualnej marki – dbaj o jego spójność i profesjonalne użycie.
8. AI a logo – co zmieniło się w 2024-2026 r.
Od 2024 r. narzędzia AI zmieniły rynek projektowania logo. Pojawiły się generatory takie jak Midjourney v7, Ideogram, czy specjalistyczne (Looka, Brandmark). Co to znaczy dla Ciebie:
- Logo z generatora AI nie ma w UE i Polsce ochrony praw autorskich (decyzja US Copyright Office, styczeń 2025). To znaczy: konkurent może legalnie skopiować Twoje logo z AI.
- Logo z AI to zwykle PNG bez wektorów – przy druku wielkoformatowym lub uszlachetnieniach (haft, grawer, tłoczenie) będzie problem.
- Logo z AI bywa podobne do istniejących – generator trenuje na bazie logo z internetu. Sprawdź w UPRP (Urząd Patentowy RP) czy Twoje nie koliduje z zastrzeżonymi znakami.
- AI pomaga w fazie ideacji – jako moodboard / wstępne kierunki kreatywne. Następnie projektant „ręcznie” rysuje finalny wektor.
Mój sposób: używam AI do generowania wstępnych kierunków podczas briefu, ale finalne logo zawsze rysuję wektorowo z pełnym przeniesieniem praw majątkowych.
Podsumowanie
Poprawne użycie logo na stronie i materiałach reklamowych to podstawa budowania profesjonalnego wizerunku. Dzięki tym wskazówkom Twoje logo będzie zawsze prezentować się estetycznie, spójnie i profesjonalnie.
Wszystkie zasady używania logo (przestrzeń ochronna, minimalne rozmiary, dopuszczalne i zabronione modyfikacje, paleta CMYK/RGB/HEX/Pantone, typografia) zbierze w jednym PDF Księga znaku do posiadanego już logo – to instrukcja obsługi Twojego logo dla każdego, kto go używa (drukarnie, agencje, freelancerzy).
Potrzebujesz logo, księgi znaku albo pakietu na start?
Projekt logo – 1 200 zł | Księga znaku do posiadanego już logo – 1 900 zł | Logo + księga znaku – 2 900 zł
SPRAWDŹ MOJĄ OFERTĘ →