Zdjęcia na stronie firmowej: jakie wybrać, jak je skompresować i opisać pod SEO

Zdjęcia na stronie firmowej to jeden z najczęstszych powodów, dla których strona ładuje się wolno — i jeden z najprostszych do naprawienia. Zasada jest krótka: publikuj prawdziwe zdjęcia swojej pracy, zapisuj je w lekkim formacie (WebP lub AVIF), kompresuj do rozsądnej wagi i opisuj atrybutem alt. Ten artykuł pokazuje, jak zrobić to krok po kroku, bez specjalistycznej wiedzy technicznej.

Jakie zdjęcia naprawdę działają na stronie firmy usługowej

Klient, który trafia na stronę firmy usługowej, zadaje sobie jedno pytanie: „czy ta firma robi to, czego ja potrzebuję?”. Zdjęcie ma na nie odpowiadać szybciej niż jakikolwiek tekst. Najlepiej działają zdjęcia własnych realizacji: ukończonych prac, ekipy przy pracy, efektów przed i po. Zdjęcia stockowe rozpoznasz po tym, że wyglądają „za dobrze” — idealne oświetlenie, modele w czystych kombinezonach, nikt nie patrzy w obiektyw. Klienci je ignorują, a czasem podświadomie obniżają zaufanie do firmy.

Praktyczna zasada: jedno prawdziwe zdjęcie realizacji jest warte więcej niż pięć stockowych. Jeśli dopiero zaczynasz i nie masz jeszcze materiałów, rób zdjęcia telefonem przy każdej zleceniu — w dobrym świetle dziennym, z kilku ujęć. To wystarczy na start. Stockowe grafiki zostaw wyłącznie do sekcji, które nie opisują Twojej pracy, np. abstrakcyjnych banerów.

Formaty i kompresja: co wybrać i do jakiej wagi

Format decyduje o wadze pliku bardziej niż sama kamera. Dla zdjęć na stronę internetową obowiązują dziś dwie opcje: WebP i AVIF — oba są znacznie lżejsze niż JPEG przy tej samej jakości. PNG zostaw wyłącznie dla grafik z przezroczystym tłem, np. logo. JPEG traktuj jako format awaryjny, gdy starsze narzędzie nie obsługuje nic innego.

Konkretne progi, których możesz się trzymać:

• Zdjęcie w treści artykułu lub podstrony: do ok. 150–200 kB.
• Duże zdjęcie główne (hero): jak najlżej, bo to ono zwykle decyduje o wskaźniku LCP.
• Szerokość pliku: nie publikuj zdjęcia szerszego, niż wyświetla je strona — zdjęcie o szerokości 4000 px w kolumnie o szerokości 800 px to marnowane kilometry danych.

Do kompresji wystarczy darmowe narzędzie online, np. Squoosh, albo eksport z edytora grafiki z wybranym formatem WebP. Ustaw jakość w okolicach 70–80% i porównaj wynik na ekranie — różnicy zwykle nie widać, a waga spada kilkukrotnie.

Rozmiar zdjęcia a Core Web Vitals: LCP i CLS

Dwa wskaźniki Core Web Vitals zależą bezpośrednio od zdjęć. Pierwszy to LCP (Largest Contentful Paint), czyli czas wyrenderowania największego elementu na ekranie — najczęściej jest to właśnie duże zdjęcie główne. Jeśli strona otwiera się wolno, zacznij diagnostykę od tego pliku: zmniejsz jego wymiary, skompresuj mocniej i upewnij się, że nie jest opóźniany przez leniwe ładowanie.

Drugi to CLS (Cumulative Layout Shift), czyli przesuwanie się treści podczas ładowania. Dzieje się tak, gdy przeglądarka nie zna z góry wymiarów zdjęcia: tekst skacze w dół w momencie, gdy obraz się wczytuje. Rozwiązanie jest proste — każde zdjęcie w kodzie strony powinno mieć zdefiniowane atrybuty szerokości i wysokości. Jeśli dodajesz zdjęcia przez panel administracyjny, sprawdź po publikacji, czy treść nie „podskakuje” przy wolniejszym łączu.

Zdjęcia poniżej pierwszego ekranu powinny ładować się leniwie (lazy loading), ale zdjęcie główne — nie. To częsty błąd: wtyczka lub szablon stosuje leniwe ładowanie do wszystkiego i opóźnia najważniejszy element strony.

Atrybut alt i nazwy plików: jak opisać zdjęcie pod SEO

Atrybut alt to krótki opis zdjęcia umieszczany w kodzie strony. Pełni dwie funkcje: czytają go osoby korzystające z czytników ekranu i na jego podstawie Google rozumie, co jest na obrazie. Formuła, która działa: napisz, co widać, plus kontekst biznesowy. Zamiast „zdjęcie1” czy „IMG_20260412” napisz „łazienka po remoncie w bloku z lat 80.” albo „ekipa malarska podczas malowania ściany na biało”.

Czego unikać:

• Wpychania listy słów kluczowych: „hydraulik Bytom tanio szybko awarie” to spam, nie opis.
• Zaczynania od „zdjęcie przedstawiające” — to zbędne, alt sam w sobie opisuje obraz.
• Zostawiania pustego alta przy zdjęciach treściowych. Pusty alt ma sens tylko przy grafikach czysto dekoracyjnych.

Nazwa pliku działa podobnie, tylko słabiej — i warto ją poprawić przed publikacją. Plik „lazienka-po-remontcie.webp” mówi więcej niż „IMG_1234.webp”. Używaj małych liter, myślników zamiast spacji i polskich znaków bez ogonków.

Ile zdjęć publikować i gdzie je umieszczać

Ilość podporządkuj strukturze strony. Na podstronie usługi wystarczą dwa do czterech zdjęć: jedno przy opisie zakresu pracy, reszta przy przykładach realizacji. Galeria na osobnej podstronie może pomieścić więcej, ale każde zdjęcie powinno mieć podpis mówiący, co przedstawia — sama siatka miniatur bez kontekstu niewiele mówi klientowi ani Google.

Jedna ważna zasada: nie publikuj tego samego zdjęcia na wielu podstronach. Powielone pliki nie dodają wartości żadnej z nich i zajmują miejsce, które mogłoby pokazać kolejną realizację. Jeśli prowadzisz podstrony dla różnych usług lub obszarów działania, przygotuj dla każdej osobny zestaw zdjęć — nawet jeśli to te same ekipy i podobne prace.

Checklista przed publikacją zdjęcia na stronie

Zanim wgrasz zdjęcie, przejdź po tej liście:

1. Czy to prawdziwe zdjęcie Twojej pracy, nie stock?
2. Czy plik jest w formacie WebP lub AVIF?
3. Czy waży do ok. 150–200 kB (hero — jak najlżej)?
4. Czy szerokość pliku odpowiada realnej szerokości wyświetlania?
5. Czy w kodzie ustawiono szerokość i wysokość (ochrona przed CLS)?
6. Czy zdjęcie główne nie ma leniwego ładowania, a zdjęcia niżej — mają?
7. Czy alt opisuje, co widać, jednym konkretnym zdaniem?
8. Czy nazwa pliku opisuje treść, a nie jest ciągiem znaków z aparatu?

Taka weryfikacja zajmuje przy jednym zdjęciu dwie minuty, a przy całej stronie oszczędza najczęstsze problemy z szybkością i widocznością.

Kiedy zdjęcia wymagają zmiany technicznej po stronie strony

Jeśli po skompresowaniu zdjęć strona nadal ładuje się wolno, problem leży głębiej — w sposobie, w jaki strona jest zbudowana. Przeładowane szablony i platformy wynajmowe często dociążają każdy obraz dodatkowymi skryptami, których nie wyłączysz. Wtedy sama optymalizacja plików nie wystarczy.

Jeśli chcesz sprawdzić, czy zdjęcia realnie spowalniają Twoją stronę, albo planujesz stronę kodowaną od zera, w której optymalizacja obrazów jest wbudowana w strukturę — napisz do Qualix Software. Wstępna konsultacja jest bezpłatna i obejmuje ocenę, co na Twojej stronie warto poprawić najpierw.