Przejdź do treści
codecollab.pl
§ Blog strona internetowa fotografa

Strona portfolio dla fotografa - galeria, która nie zabija szybkości

Strona internetowa fotografa ma jedno zadanie: pokazać zdjęcia tak dobrze, żeby ktoś napisał zapytanie, i zdążyć z tym, zanim znudzi mu się czekanie

Autor Krystian Kacik Data Czas czytania 9 min

Strona internetowa fotografa ma jedno zadanie: pokazać zdjęcia tak dobrze, żeby ktoś napisał zapytanie, i zdążyć z tym, zanim znudzi mu się czekanie. Cała reszta - modny efekt przy przewijaniu, animowane menu, muzyka w tle - to dodatki, które częściej szkodzą, niż pomagają. Dobre portfolio ma trzy warstwy: zdjęcia przygotowane technicznie tak, żeby były ostre i lekkie jednocześnie, układ, który prowadzi od strony głównej do konkretnej realizacji, oraz krótką drogę do formularza zapytania.

Poniżej rozpisuję to po kolei: co robić ze zdjęciami przed wrzuceniem, jak ułożyć galerię, co pokazać na samej górze i na czym taką stronę w ogóle zbudować.

Co konkretnie ma robić strona fotografa

Strona portfolio to nie album, tylko narzędzie sprzedaży. Album ma pokazać wszystko, co zrobiłeś. Portfolio ma pokazać to, co chcesz robić dalej, w liczbie na tyle małej, żeby odbiorca obejrzał całość i nie zgubił się po drodze.

Z tego wynikają cztery zadania, które strona musi wykonać w kolejności:

  1. W pierwszych sekundach powiedzieć, w czym się specjalizujesz - śluby, wnętrza, produkt, reportaż firmowy, portret biznesowy
  2. Pokazać dowód - kilka najlepszych realizacji, każda jako spójna historia, a nie zbiór luźnych kadrów
  3. Odpowiedzieć na pytania, które i tak padną w mailu - zakres pakietu, orientacyjne widełki, dostępne terminy, obszar działania
  4. Dać wygodny sposób kontaktu - formularz z 4-5 polami, mail i telefon widoczne bez szukania

Jeśli strona robi tylko punkt drugi, dostajesz komplementy, a nie zlecenia.

Dlaczego galerie fotografów ładują się najwolniej ze wszystkich stron

Bo trafiają do nich pliki prosto z eksportu, w rozmiarach przygotowanych pod druk. Zdjęcie z aparatu po obróbce potrafi ważyć kilka megabajtów. Trzydzieści takich na stronie głównej to kilkadziesiąt megabajtów, które telefon w zasięgu LTE ciągnie długimi sekundami - i przez ten czas odwiedzający patrzy na białe prostokąty.

Najczęstsze przyczyny, które widzę przy diagnozach stron fotograficznych:

Co jest na stronieDlaczego boliCo robić zamiast
Oryginały z Lightrooma, długa krawędź 4000 px i więcejKilka MB na zdjęcie, przeglądarka i tak je zmniejszaEksport pod ekran, długa krawędź 2000-2560 px
Tylko format JPEGNowsze formaty ważą wyraźnie mniej przy tej samej ostrościDodatkowo WebP lub AVIF, JPEG jako zapas
Slider z 8 zdjęciami na powitanieWszystkie ładują się od razu, widać jednoJedno mocne zdjęcie tytułowe
Cała galeria na jednej stronieSetki plików w jednym żądaniuMiniatury plus podgląd po kliknięciu
Gotowy motyw z 20 dodatkami do efektówSkrypty blokują rysowanie stronyMniej dodatków, prosty kod galerii

Ważne: to nie jest wybór między „szybko” a „ładnie”. Zdjęcie zmniejszone do rozmiaru ekranu i zapisane w dobrym formacie wygląda na monitorze identycznie jak oryginał. Różnicę widać tylko w wadze pliku.

Jak przygotować zdjęcia, żeby były ostre i lekkie

Ta lista załatwia większość problemu, zanim ktokolwiek dotknie kodu:

  1. Ustal jeden maksymalny rozmiar - długa krawędź 2000-2560 px wystarcza na ekrany 4K przy podglądzie pełnoekranowym
  2. Eksportuj w jakości 75-85 zamiast 100 - przy tym zakresie różnicy nie widać, a plik chudnie kilkukrotnie
  3. Konwertuj do WebP albo AVIF - obsługują je wszystkie aktualne przeglądarki, starszym podaje się JPEG jako zapas
  4. Wygeneruj miniatury - do siatki idzie wersja 600-900 px, pełny plik dopiero po kliknięciu
  5. Włącz leniwe ładowanie wszystkiego poniżej pierwszego ekranu, ale nie dla zdjęcia tytułowego - to akurat ma się pojawić natychmiast
  6. Zapisuj w sRGB - inne profile potrafią wyświetlić się w przeglądarce z przekłamanym kolorem
  7. Nazywaj pliki po ludzku - sesja-slubna-krakow-12.jpg, nie DSC_0917.jpg

Efekt sprawdzasz sam, bez fachowca: wchodzisz na PageSpeed Insights, wpisujesz adres i patrzysz na wynik dla telefonu oraz na parametr LCP, czyli czas do pojawienia się największego elementu. Jak czytać te liczby i czego nie brać zbyt poważnie, rozpisałem w mini-audycie szybkości krok po kroku - metoda jest ta sama dla sklepu i dla portfolio.

Układ galerii, który się broni

Sprawdza się struktura trzypoziomowa, bo pozwala pokazać dużo, nie zalewając nikogo na wejściu:

  • Poziom 1 - strona główna: 6-9 zdjęć tytułowych, każde prowadzi do kategorii albo konkretnej realizacji
  • Poziom 2 - kategoria lub projekt: 12-24 zdjęcia z jednej sesji, ułożone jak opowieść, z krótkim wstępem (kto, gdzie, jaki był cel)
  • Poziom 3 - podgląd pełnoekranowy: powiększenie po kliknięciu, przewijanie strzałkami i gestem, wyjście klawiszem Esc

Siatka równa (jednakowe kadry) wygląda spokojniej i lepiej znosi mieszankę pionów i poziomów niż układ murkowy. Zdjęcia pionowe na telefonie zostawiaj w jednej kolumnie. Przy dużych zbiorach doładowuj kolejne partie przyciskiem „Pokaż więcej” zamiast automatycznie przy przewijaniu - automat psuje stopkę i utrudnia dojście do kontaktu.

Kolejność prac: co widać w pierwszych sekundach

Pierwsze trzy zdjęcia decydują, czy ktoś zostanie. Dlatego kolejność ustawia się nie chronologicznie, tylko pod klienta, którego chcesz zdobyć.

  • Chcesz robić fotografię produktową dla sklepów? Na górze mają być packshoty, a nie plener ze ślubu sprzed dwóch lat
  • Robisz kilka rzeczy naraz? Rozbij to na osobne sekcje z własnymi wejściami zamiast mieszać wszystko w jednym strumieniu
  • Wytnij wszystko, co jest „całkiem niezłe” - portfolio ocenia się po najsłabszym zdjęciu, nie po najlepszym
  • Do każdej realizacji dopisz dwa zdania kontekstu; to jedyny tekst, który wyszukiwarki mają szansę zrozumieć, bo obrazu same nie przeczytają

Droga do zapytania, czyli po co to wszystko

Najczęstszy błąd portfolio to brak zakończenia. Galeria się kończy, a odwiedzający zostaje sam ze stopką. Domykaj to tak:

  1. Sekcja kontaktowa pod każdą galerią - jedno zdanie i przycisk, nie trzeba całego formularza w każdym miejscu
  2. Formularz z konkretnymi polami: typ zlecenia, termin, miejsce, orientacyjny budżet, krótki opis. Dzięki temu pierwsza odpowiedź może być konkretna zamiast wymiany trzech maili o nic
  3. Widełki cenowe albo pakiety - nawet ogólne. Strona bez żadnej informacji o cenie generuje głównie zapytania od osób, które i tak nie kupią
  4. Informacja o terminie odpowiedzi - „odpisuję w ciągu 24 godzin” działa lepiej niż milczący formularz
  5. Mail i telefon jako zwykły tekst - część osób nie skorzysta z formularza nigdy

Jeśli sprzedajesz jeden konkretny typ sesji, czasem w ogóle nie potrzebujesz rozbudowanej strony - wystarczy jedna dobrze zbudowana podstrona ofertowa z galerią i formularzem. Kiedy to ma sens, a kiedy nie, opisałem w tekście o landing page i jego cenie.

Prawa do zdjęć, SEO i dostępność

Trzy rzeczy, które łatwo odłożyć na później i potem żałować:

  • Opisy alternatywne do zdjęć. To krótki opis treści kadru dla osób korzystających z czytnika ekranu, przy okazji jedyna informacja o zawartości obrazu dla wyszukiwarek. Od czerwca 2025 obowiązują przepisy o dostępności cyfrowej (EAA); zakres zależy od tego, co i komu sprzedajesz, ale kontrast tekstu, obsługa klawiaturą i opisy zdjęć to minimum warte wdrożenia niezależnie od obowiązku
  • Znak wodny i dane w pliku. Znak wodny na środku kadru psuje odbiór; skuteczniejsze jest ograniczenie rozmiaru publicznego pliku plus wpisane w metadane (IPTC) autorstwo i kontakt
  • Zgody na wizerunek przy zdjęciach osób prywatnych i pracowników klienta - ich brak potrafi wrócić po latach z żądaniem usunięcia całej galerii

Jeśli pracujesz w konkretnym mieście, wizytówka Google i strona muszą mówić to samo (nazwa, adres, telefon). Na czym to polega w praktyce, opisałem przy okazji pozycjonowania lokalnego w Mapach Google.

Na czym zbudować taką stronę

RozwiązanieDla kogoNa co uważać
Kreator z gotowym szablonemStart, jedna kategoria zdjęć, budżet blisko zeraOgraniczone panowanie nad wagą zdjęć i szybkością, trudniejsze przeniesienie w przyszłości
WordPress plus gotowy motyw fotograficznyRosnące portfolio, blog, własne podstrony ofertoweMotywy „pod fotografa” bywają obładowane efektami; trzeba pilnować liczby dodatków
Strona szyta pod Twój materiałKilka linii biznesowych, sprzedaż sesji, duże zbiory zdjęćWyższy koszt startowy, za to pełna kontrola nad galerią, szybkością i formularzami

Wybór między pierwszą a drugą opcją sprowadza się do tego, ile czasu chcesz na to poświęcać sam - rozbiłem to na czynniki w tekście strona samemu w kreatorze czy zlecona. Przy trzeciej wchodzimy w projekt, gdzie galeria, miniatury i formularze są pisane pod konkretny sposób pracy, i to jest teren, na którym pracuję najczęściej w ramach budowy stron internetowych.

Od czego zacząć, jeśli strona już jest

Jeżeli portfolio istnieje i tylko męczy Cię jego szybkość albo brak zapytań, nie zaczynaj od przebudowy. Zaczynam od bezpłatnej diagnozy: patrzę na wagę zdjęć, czas ładowania na telefonie, układ ścieżki od strony głównej do formularza i na to, czy strona w ogóle mówi, co sprzedajesz. Z tego wychodzi lista rzeczy do poprawy ustawiona według stosunku efektu do pracy - i bardzo często dwie pierwsze pozycje da się zrobić w kilka godzin.

Gdy z diagnozy wychodzi większa robota, dostajesz wycenę na piśmie przed startem, ze stałą kwotą i zakresem. Nowe strony realizuję zwykle w przedziale 5000-10000 zł netto w zależności od liczby podstron i tego, co ma się dziać poza galerią. Jeśli po wdrożeniu ktoś ma pilnować aktualizacji, kopii i szybkości, jest stała opieka techniczna - Basic 1000, Pro 2000 albo Premium 3500 zł netto miesięcznie, w zależności od tego, jak dużo się dzieje.

Najczęstsze pytania

Ile zdjęć powinno być w portfolio fotografa? Na stronie głównej 6-9 kadrów tytułowych, w pojedynczej realizacji 12-24. Więcej nie zwiększa szans na zlecenie, a wydłuża ładowanie i rozmywa wrażenie. Resztę materiału trzymaj w galeriach dla klientów, poza publicznym portfolio.

Czy zdjęcia na stronie tracą jakość po kompresji? Przy eksporcie w jakości 75-85 i konwersji do WebP lub AVIF różnicy na ekranie nie widać, a plik potrafi ważyć kilka razy mniej. Utratę jakości widać dopiero przy agresywnym zmniejszaniu rozmiaru albo przy wielokrotnym zapisywaniu tego samego pliku.

Czy fotograf potrzebuje własnej strony, skoro ma Instagram? Profil w mediach społecznościowych pokazuje pojedyncze kadry, ale nie prowadzi do zapytania i nie należy do Ciebie - zasady i zasięgi zmieniają się bez uprzedzenia. Strona daje własny adres, pełne realizacje, informację o cenach i formularz. W praktyce najlepiej działają razem: profil przyciąga, strona domyka.

Ile trwa zrobienie strony portfolio? Przy gotowym materiale zdjęciowym i ustalonej treści zwykle 2-4 tygodnie od akceptacji projektu graficznego. Najdłużej trwa nie kod, tylko wybór zdjęć i napisanie tekstów o ofercie - dlatego proszę o ten materiał na starcie, a nie na końcu.

Wyślij zakres - wycena 24h


Powiązane: Strona wizytówka dla małej firmy · Gotowy szablon czy strona na zamówienie · Strony internetowe

§ Wycena 24h

Twój sklep zwalnia albo wygląda staro, a nie wiesz, od czego zacząć?

Opisz zakres w dwóch zdaniach albo podeślij link. Wskażę, co poprawić najszybciej, a wycenę dostajesz na piśmie w 24 godziny - bez „od X zł".

Wyślij zakres - wycena 24h