Wgrywasz zdjęcia na stronę prosto z telefonu, a strona ładuje się wieczność. Albo bierzesz pierwsze lepsze grafiki ze stocka i wyglądają jak u połowy konkurencji.
Dobre zdjęcia na stronę internetową to nie kwestia drogiego aparatu. To kwestia formatu, wagi i kilku decyzji, które podejmujesz zanim cokolwiek wyślesz do wykonawcy.
Ten poradnik tłumaczy, co dobre zdjęcia oznaczają w praktyce. Bez żargonu, bez konfiguracji wtyczek. Po przeczytaniu będziesz wiedział, jakie pliki przygotować i dlaczego to ma znaczenie dla Twojej firmy.
Krótka odpowiedź
Zdjęcia na stronę internetową powinny ważyć 100-300 KB, mieć szerokość do 1920 px i format WebP lub JPG. Pliki nazywaj z myślnikami i bez polskich znaków (np. remont-lazienki-garwolin.webp), a do każdego dodaj alt text opisujący, co przedstawia.
Własne zdjęcia działają dla firmy lepiej niż stockowe.
Spis treści
Dlaczego zdjęcia decydują o stronie firmowej
Zdjęcia to pierwsze, co widzi klient na Twojej stronie. Zanim przeczyta choć jedno zdanie, ocenił już firmę po obrazku. Słabe, rozmyte albo cudze grafiki podkopują zaufanie szybciej niż jakikolwiek tekst.
Druga sprawa to szybkość. Ciężkie zdjęcia są najczęstszym powodem wolnego ładowania strony.
Google podaje, że 53% odwiedzających na telefonie zamyka stronę, która ładuje się dłużej niż 3 sekundy. Jedno zdjęcie ważące 4 MB potrafi spowolnić całą podstronę.
Dlatego przygotowanie zdjęć łączy dwie rzeczy: dobre pierwsze wrażenie i szybkość strony. Jedno wspiera drugie. Reszta tego poradnika pokazuje, jak osiągnąć oba.
Jaki format zdjęć na stronę wybrać
Na stronę internetową używa się trzech formatów: JPG, PNG i WebP. Każdy ma swoje zastosowanie.
WebP to dziś standard. Waży o 25-35% mniej niż JPG przy tej samej jakości - potwierdza to dokumentacja web.dev od Google.
| Format | Kiedy użyć | Typowa waga | WordPress |
|---|---|---|---|
| WebP | Wszystkie zdjęcia - domyślny wybór | 50-200 KB | Wymaga konwersji lub wtyczki |
| JPG | Zdjęcia, gdy WebP niedostępny | 100-300 KB | Działa od razu |
| PNG | Logo, grafiki z przezroczystym tłem | 20-150 KB | Działa od razu |
Prosta zasada: zdjęcia produktów, realizacji i zespołu zapisuj jako WebP albo JPG. Logo i ikony z przezroczystym tłem zostaw w PNG. Formatów typu BMP czy TIFF nie wgrywaj nigdy - są wielokrotnie cięższe i przeglądarki ich nie lubią.
Nie musisz sam konwertować zdjęć do WebP. To zadanie techniczne, które robi wykonawca strony albo wtyczka. Twoim zadaniem jest dostarczyć wyraźne, dobrej jakości JPG-i.
Jaki rozmiar i waga zdjęcia na stronę
Zdjęcie z telefonu czy aparatu ma zwykle 4000-6000 px szerokości i waży 3-8 MB. To stanowczo za dużo. Ekran wyświetla obraz w znacznie mniejszej rozdzielczości, więc nadmiar pikseli tylko obciąża stronę.
- Zdjęcie na całą szerokość (hero, baner): max 1920 px, do 300 KB
- Zdjęcie w treści (realizacja, produkt): 800-1200 px, do 200 KB
- Miniatura, ikona zespołu: 400-600 px, do 80 KB
- Logo: tyle, ile potrzebne, zwykle do 50 KB w PNG
Złota zasada: żadne zdjęcie na stronie nie powinno ważyć więcej niż 300 KB. Sprawdzisz wagę pliku, klikając go prawym przyciskiem i wybierając Właściwości. Cała strona z grafikami powinna mieścić się poniżej 1,5-2 MB.
Po wgraniu strony przepuść ją przez Google PageSpeed Insights. Narzędzie wprost wskaże, które zdjęcia są za ciężkie. Lekkie zdjęcia to fundament responsywnej strony - takiej, która działa szybko na telefonie.
Własne zdjęcia czy stockowe
Własne zdjęcia wygrywają dla firmy niemal zawsze. Pokazują Twój prawdziwy lokal, ekipę i efekty pracy. Klient widzi to, co naprawdę dostanie, a nie wyreżyserowaną scenkę z banku zdjęć.
Stockowe grafiki mają jeden problem: są wszędzie. Ten sam uśmiechnięty człowiek w garniturze widnieje na stronach dziesiątek firm.
Klient podświadomie wyczuwa, że to nie Ty. Przy lokalnej firmie - warsztacie, gabinecie czy restauracji w Garwolinie - własne zdjęcia budują zaufanie, którego stock nie kupi.
Kiedy stock ma sens? Jako tło abstrakcyjne, ikona albo ilustracja koncepcji, której nie da się sfotografować. Ale twarze, wnętrza i realizacje - zawsze własne.
Nie musisz wynajmować fotografa. Dobry telefon przy dziennym świetle wystarczy do startu. A jeśli prowadzisz studio fotograficzne, zobacz, co powinna zawierać strona dla fotografa.
- Fotografuj przy świetle dziennym, blisko okna - unikaj lampy błyskowej
- Rób zdjęcia poziome (do banerów) i pionowe (do treści mobilnej)
- Pokaż ludzi i proces pracy - to działa lepiej niż puste wnętrza
- Zostaw przestrzeń wokół obiektu - łatwiej wtedy przyciąć kadr
To jedna z rzeczy, które powinna mieć dobra strona firmowa - obok jasnej oferty i widocznego kontaktu.
Jak nazwać pliki i uzupełnić alt text
Nazwa pliku to mały, ale realny sygnał dla Google. Plik IMG_4827.jpg nic nie mówi wyszukiwarce. Plik montaz-kuchni-na-wymiar-garwolin.jpg mówi dokładnie, co przedstawia.
Trzy zasady nazywania plików:
- Opisz, co jest na zdjęciu, 2-4 słowami
- Słowa oddzielaj myślnikami, nie spacjami ani podkreśleniami
- Bez polskich znaków - zamień ą, ę, ł, ó na a, e, l, o
Drugi element to alt text, czyli tekst alternatywny. To krótki opis zdjęcia, który WordPress przechowuje przy każdym pliku.
Czyta go Google i czytniki dla osób niewidomych. Dla zdjęcia kuchni napisz po prostu: biała kuchnia na wymiar z wyspą, realizacja MRdesign.
Alt text ma opisywać obraz naturalnie, nie upychać słów kluczowych. Jedno trafne zdanie wystarczy. Uzupełnienie alt textów dla całej strony to robota techniczna, którą zwykle przejmuje wykonawca - ale dobrze, żebyś wiedział, po co to jest.
Masz zdjęcia - co dalej
Masz zdjęcia i wiesz, czemu mają znaczenie. Teraz wchodzi część techniczna - i tu nie musisz robić nic samodzielnie.
Ty dostarczasz zdjęcia. My robimy resztę: kompresję do WebP, ustawienie właściwych rozmiarów, uzupełnienie alt textów i optymalizację pod szybkość ładowania. Wszystko razem z budową całej strony, żebyś nie musiał składać tego z kawałków.
Pracujemy z małymi firmami w Garwolinie i okolicy od lat. Wiemy, jak ustawić zdjęcia tak, żeby strona była lekka i ładnie wyglądała na telefonie.
Chcesz poznać koszt? Zobacz, ile kosztuje strona internetowa, albo poproś o bezpłatną wycenę.
Często zadawane pytania o zdjęcia na stronę
Jaki format zdjęć wybrać na stronę - JPG, PNG czy WebP?
Dla zdjęć wybierz WebP, a gdy jest niedostępny - JPG. WebP waży o 25-35% mniej przy tej samej jakości.
PNG zostaw dla logo i grafik z przezroczystym tłem. Formatów BMP i TIFF nie używaj wcale.
Ile powinno ważyć zdjęcie na stronę internetową?
Pojedyncze zdjęcie powinno ważyć 100-300 KB. Duże banery na całą szerokość - do 300 KB, zdjęcia w treści - do 200 KB, miniatury - do 80 KB. Żadne zdjęcie nie powinno przekraczać 300 KB.
Jak skompresować zdjęcia przed wgraniem na stronę?
Najprościej użyć darmowego narzędzia online jak Squoosh albo TinyPNG - wgrywasz plik, pobierasz lżejszy. W praktyce kompresją i konwersją do WebP zajmuje się wykonawca strony lub wtyczka, więc Twoim zadaniem jest tylko dostarczyć wyraźne zdjęcia.
Czy lepiej użyć własnych zdjęć czy stockowych na stronę firmy?
Własne zdjęcia działają dla firmy lepiej, bo pokazują prawdziwy lokal, zespół i efekty pracy. Stockowe grafiki wyglądają sztucznie i powtarzają się na wielu stronach. Stock ma sens tylko jako tło lub ilustracja abstrakcyjna.
Jak nazwać pliki zdjęć, żeby pomogło to w SEO?
Nazwij plik opisowo, słowami oddzielonymi myślnikami i bez polskich znaków, np. remont-lazienki-garwolin.webp.
Unikaj nazw typu IMG_4827.jpg. Do każdego zdjęcia dodaj też alt text opisujący, co przedstawia.
Ile zdjęć potrzeba do strony internetowej dla małej firmy?
Mała firma potrzebuje zwykle 10-20 zdjęć: 1-2 banery, kilka realizacji lub produktów, zdjęcie zespołu lub lokalu oraz logo. Lepiej mieć 12 dobrych zdjęć niż 40 słabych. Jakość przebija ilość.