Zdjęcia na stronie firmowej — jak je przygotować przed wgraniem

Przygotowanie zdjęć na stronę firmową sprowadza się do trzech decyzji: wybierasz niewielki zestaw kadrów, które odpowiadają na pytania klienta; każdy plik skalujesz i kompresujesz przed wgraniem; uzupełniasz tekst alternatywny i czytelną nazwę pliku. Na końcu weryfikujesz efekt — sprawdzasz w PageSpeed Insights, ile ważą zdjęcia po opublikowaniu. Ten porządek pracy jest ważniejszy niż sam sprzęt, którym zdjęcia zostały zrobione.

Minimalny zestaw zdjęć dla firmy usługowej

Nie potrzebujesz setek zdjęć. Wystarczy kilka kadrów, które odpowiadają na konkretne pytania klienta: z kim będzie miał do czynienia, jak wygląda praca i czego się po niej spodziewać.

Warto zadbać o:

• zdjęcie wykonawcy lub zespołu — klient, który widzi twarz, łatwiej decyduje się na kontakt,
• zdjęcia z realizacji — jeśli Twoja branża pozwala pokazać efekt „przed i po", zrób oba kadry w podobnym świetle,
• kadr z miejsca pracy — warsztat, biuro, sprzęt; to buduje wiarygodność,
• zdjęcie obszaru działania — jeśli pracujesz lokalnie, np. na Śląsku, kadr z realnej lokalizacji mówi więcej niż ogólny opis w stopce.

Punkt odniesienia, jak zdjęcia pracują na gotowej witrynie, znajdziesz w portfolio realizacji stron WWW. Zwróć uwagę, które kadry jako pierwsze zwracają Twoją uwagę — to zwykle te, które odpowiadają na pytanie „czy tym ludziom mogę zaufać?".

Wymiary i waga pliku — co ustawić przed wgraniem

Wgraj plik w takiej szerokości, w jakiej faktycznie wyświetla się na stronie. Dla pełnoekranowego nagłówka to szerokość zbliżona do szerokości ekranu, dla zdjęć w treści — wyraźnie mniejsza. Plik prosto z aparatu lub telefonu bywa kilka razy większy niż potrzeba — to najczęstszy błąd, który potem odbija się na czasie ładowania całej witryny.

Praktyczna zasada:

1. Sprawdź w projekcie strony, jaką szerokość ma miejsce na zdjęcie (zapytaj wykonawcę albo zmierz kadr w przeglądarce).
2. Przeskaluj plik do tej szerokości z niewielkim zapasem — na ekrany o wysokiej gęstości pikseli warto przygotować wersję szerszą niż docelowa.
3. Skompresuj plik przed wgraniem.
4. Po publikacji otwórz stronę i sprawdź w PageSpeed Insights, ile ważą poszczególne zdjęcia.

Jeśli Twoja strona jest budowana we współczesnym stacku, np. Astro, zapytaj wykonawcę, czy obrazy są dodatkowo optymalizowane przy budowie witryny — wtedy część tej pracy dzieje się automatycznie, ale nadal nie zwalnia Cię z przygotowania plików we właściwych wymiarach.

Kompresja: jak zmniejszyć plik bez widocznej utraty jakości

Kompresuj zawsze przed wgraniem, nie po. Do dyspozycji masz narzędzia online oraz funkcje eksportu w programach graficznych — wybierz jedno i używaj go konsekwentnie, żeby każdy plik przechodził przez ten sam proces.

Zasady, które sprawdzają się w praktyce:

• eksportuj z uśrednionym ustawieniem jakości, a potem sprawdź efekt w powiększeniu — jeśli widzisz wyraźne artefakty, podnieś jakość o kilka punktów,
• porównaj wagę pliku przed i po — jeśli po kompresji plik nadal jest wyraźnie za duży, znaczy to, że nie został przeskalowany,
• nie kompresuj tego samego pliku wielokrotnie — każde zapisanie w formacie stratnym pogarsza jakość.

Tekst alternatywny — co napisać i czego unikać

Tekst alternatywny (atrybut alt) to jedno krótkie zdanie opisujące, co widać na zdjęciu. Służy m.in. osobom korzystającym czytników ekranu, więc pisz go tak, jakbyś opisywał zdjęcie komuś przez telefon.

Dobre i złe przykłady:

• źle: alt="zdjęcie", alt="IMG_2043", alt="hydraulik hydraulik Bytom usługi hydrauliczne",
• dobrze: alt="wymiana baterii kuchennej w trakcie montażu".

Zdjęcia czysto dekoracyjne — tła, separatory, ozdobne ikony — mogą mieć pusty atrybut alt. Nie upychaj w tekstach alternatywnych fraz kluczowych na siłę; opis, który nie odpowiada zawartości zdjęcia, niczego nie poprawia, a utrudnia korzystanie ze strony.

Nazwy plików i porządek w bibliotece mediów

Nadaj plikom nazwy, które mówią, co na nich jest, zanim trafią na serwer. Porządek w nazewnictwie płaci się przy każdej późniejszej pracy: gdy szukasz zdjęcia do nowej podstrony, gdy wymieniasz kadr po rebrandingu albo gdy przekazujesz pliki kolejnemu wykonawcy.

Sprawdzony schemat nazwy to rok-miesiąc-miejsce-opis, na przykład 2026-03-bytom-warsztat-szycie-markizy.jpg. Unikaj spacji i polskich znaków w nazwach — zamień je na myślniki. Jeśli używasz zdjęć stockowych, sprawdź licencję i zachowaj potwierdzenie zakupu razem z plikiem.

Zdjęcia z telefonu czy sesja profesjonalna

Na start wystarczy dobry telefon — pod warunkiem, że zadbasz o światło i stabilny kadr. Sesję warto zaplanować później, gdy strona już działa i wiesz, które podstrony faktycznie odwiedzają klienci. Wtedy fotografujesz dokładnie to, czego brakuje, zamiast płacić za kadry, które nigdy nie zostaną użyte.

Przy zdjęciach z telefonu:

• fotografuj w dzień, przy świetle z okna — unikniesz ostrego lampy wbudowanej,
• trzymaj telefon stabilnie albo oprzyj go o coś płaskiego,
• zrób kadry poziome i pionowe — różne miejsca na stronie potrzebują różnych proporcji,
• uporządkuj tło: schowaj zbędne narzędzia i pudła z kadru.

Lista kontrolna przed publikacją

Przejdź po każdym zdjęciu, zanim uznasz pracę za skończoną:

• plik przeskalowany do szerokości, w jakiej wyświetla się na stronie,
• plik skompresowany przed wgraniem, nie po,
• alt opisuje w jednym zdaniu, co widać na zdjęciu,
• nazwa pliku mówi, co jest na zdjęciu, bez spacji i polskich znaków,
• brak kadrów wyciętych ze starych materiałów w niskiej rozdzielczości,
• strona ze zdjęciami sprawdzona w PageSpeed Insights.

Jeśli chcesz, żeby zdjęcia były częścią witryny, która ma przynosić zapytania, a nie tylko ozdobą — strony internetowe dla firm projektuję z myślą o szybkości i o tym, by każdy element strony miał zadanie. A gdy nie wiesz, od czego zacząć, możesz umówić analizę strony i plan działania i wspólnie ustalić, które kadry naprawdę są potrzebne.