Projektowanie stron

Zdjęcia i grafiki na firmowej stronie: jak wyglądać profesjonalnie, nie spowalniając jej

Dominika — WebsiteOK

Dominika

2026-10-05

Dlaczego zdjęcia znaczą więcej, niż się wydaje

Gdy ktoś trafia na Twoją stronę, ocenia ją w sekundę czy dwie — i większość tej oceny opiera się na tym, co widzi, nie co czyta. Rozmyte zdjęcia, generyczne stocki albo strona główna ładująca się wieki wysyłają ten sam cichy komunikat: ta firma nie do końca panuje nad sprawami.

Dobra wiadomość: zdjęcia to jedna z najłatwiejszych rzeczy do zrobienia dobrze. Nie potrzebujesz sesji do każdej podstrony. Potrzebujesz garści uczciwych, dobrze przygotowanych zdjęć i prostej rutyny ich dodawania.

Prawdziwe zdjęcia prawie zawsze biją stocki

Stockowe zdjęcia uśmiechniętych ludzi w słuchawkach rozpoznaje się natychmiast — i odwiedzający je pomijają. Lekko niedoskonałe zdjęcie Twojego prawdziwego busa, prawdziwej witryny w Castlebar albo zespołu na budowie robi dużo więcej roboty, bo dowodzi, że jesteś prawdziwą lokalną firmą.

Priorytetowe ujęcia:

  • siedziba lub pojazd z widocznym logo,
  • Ty i zespół — najlepiej przy pracy, nie pozowani pod ścianą,
  • skończone realizacje, produkty, efekty przed/po,
  • warsztat, kuchnia, gabinet, pracownia.

Nowoczesny telefon w dziennym świetle wystarczy. Trzymaj aparat poziomo, przetrzyj obiektyw i rób więcej zdjęć, niż myślisz, że trzeba — będzie z czego wybrać.

Rozmiar i format: część, która decyduje o szybkości

Najczęstszy powód wolnych stron małych firm to zdjęcia wrzucone prosto z telefonu lub aparatu. Jedno takie zdjęcie potrafi mieć kilka megabajtów, a strona z sześcioma pełznie na wiejskim zasięgu.

Przed wgraniem celuj mniej więcej w te limity:

  • hero/banery na pełną szerokość: około 1600–2000 pikseli szerokości,
  • standardowe zdjęcia w treści: 1200 pikseli w zupełności wystarczy,
  • miniatury i kafelki galerii: 600–800 pikseli,
  • waga pliku: poniżej 200 KB dla większości zdjęć, poniżej 400 KB dla dużego hero.

Zapisuj w formacie WebP, jeśli strona go wspiera — daje wyraźnie mniejsze pliki niż JPEG przy tej samej jakości. Gdy WebP odpada, JPEG w jakości 75–80% to dobry kompromis. PNG zostaw logotypom i grafikom z płaskimi kolorami lub przezroczystością.

Darmowe narzędzia jak Squoosh w przeglądarce albo wbudowany eksport w Zdjęciach na Macu czy Windowsie zmniejszą i skompresują zdjęcia w minutę–dwie. Wiele CMS-ów robi to też automatycznie przy wgrywaniu.

Nazwij i opisz każde zdjęcie

Plik IMG_4823.jpg nie mówi Google nic. Przed wgraniem zmień nazwy tak, by opisywały zawartość, np. montaz-kuchni-ballina.webp albo recepcja-gabinetu-westport.webp.

Potem wypełnij pole tekstu alternatywnego dla każdego obrazka. Alt to krótki opis czytany przez czytniki ekranu i wyszukiwarki. Rzeczowo: „Dębowa kuchnia z wyspą zamontowana w domu w Ballinie" — dobrze. Upychanie fraz — nie.

Trzymaj spójny wygląd

Strona wygląda o niebo profesjonalniej, gdy zdjęcia pasują do siebie. Kilka prostych zasad:

  • te same proporcje dla zdjęć stojących obok siebie (kafelki usług, portrety zespołu),
  • podobne światło tam, gdzie się da; nie mieszaj ciężkich filtrów z naturalnymi ujęciami,
  • wycinaj bałagan, żeby temat zdjęcia był oczywisty,
  • jedno logo we właściwym formacie zamiast jego zrzutu ekranu.

Jeśli masz kolor marki, jego subtelna wersja w tłach i nakładkach spina strony bez dodatkowej pracy projektowej.

Loga, ikony, grafiki

Logo dostarczaj jako SVG albo przezroczyste PNG w przyzwoitym rozmiarze — nie JPEG z białym prostokątem wokół. Masz tylko niską rozdzielczość? Napisz do projektanta po oryginalny plik. Ten mail się opłaca.

Ikony bierz z jednego, spójnego zestawu. Mieszanie stylów z różnych stron to drobiazg, który sprawia, że strona wygląda na skleconą.

Szybki test na dziś

Otwórz stronę główną na telefonie na danych komórkowych, nie Wi-Fi. Jeśli zdjęcia wczytują się powoli albo strona skacze podczas ładowania — są za duże albo brakuje im wymiarów. Potem spójrz na główne podstrony usług i zapytaj: czy obcy człowiek poznałby z samych zdjęć, co robisz i gdzie działasz?

Na koniec

Nie potrzebujesz drogiej fotografii, żeby strona budziła zaufanie. Potrzebujesz prawdziwych zdjęć firmy, zmniejszonych i skompresowanych przed wgraniem, z sensownymi nazwami plików i altami. Te kilka nawyków przyspiesza stronę, pomaga w lokalnych wynikach i daje odwiedzającym prawdziwy powód, by uwierzyć, że to do Was warto zadzwonić.

Ten artykuł jest dostępny także po angielsku.

Chcesz wdrożyć to w swojej firmie?

Napisz po polsku — doradzimy bezpłatnie i odpowiemy w jeden dzień roboczy.