Zrzut calej strony ma trzy pulapki: lazy load, przyklejone menu i strony bez konca

Zrzut calej strony roznia sie od zwyklego zrzutu tym, ze obejmuje strone, podczas gdy zwykly celuje w ekran. Zrzut ekranu jest ograniczony viewportem: obraz ma wysokosc twojego okna. Dlugi zrzut idzie w dol strony i zbiera wszystko pod paskiem przewijania w jedno zdjecie. W praktyce wiele dlugich zrzutow wychodzi niepelnych - puste odcinki, menu powtorzone trzy albo cztery razy, strony bez konca. Nie ma tu zadnej mistyki: budowa strony zderza sie z mechanika zrzutu. Najpierw poznaj przyczyny, potem zrzutaj.

Zrzut calej strony obejmuje cala strone; zwykly obejmuje jeden ekran

O pelnosci dlugiego zrzutu decyduje viewport: okno, ktorym przegladarka pokazuje strone, a zrzut calej strony musi je przekroczyc i zabrac cala pionowa tresc. Nacisnij Print Screen albo uzyj narzedzia systemowego - dostaniesz dokladnie to, co pokazuje viewport. Strona produktu schodzi bez trudu siedem osiem ekranow; zrzucanie ekran po ekranie i sklejanie recznie jest wolne i pelne ryzyka przesuniec. Zeby zabrac wszystko naraz, powierz narzedziu przewiniecie do konca i sklejanie. W Chrome DevTools jest oficjalne polecenie Capture full size screenshot, a dokumentacja stwierdza wprost, ze pobiera takze tresc niewidoczna w viewporte. Narzedzie zrzutu calej strony VidBrowser idzie ta sama droga i zamienia wiersz polecen na jedno pole adresu.

Gdzie dlugi zrzut sie psuje: puste bloki, powtarzane menu i strony bez konca

Prawie kazdy niepelny dlugi zrzut wraca do tych trzech przyczyn. Kazda rodzi sie z budowy samej strony; znajac je, nie wezmiesz usterki strony za awarie narzedzia:

- Puste bloki: wiele stron uzywa lazy load, obrazy sa zadawane dopiero gdy przewijanie sie zbliza. Narzedzie przeczesuje z gory na dol, i co nigdy nie zostalo uruchomione, zostaje puste.

- Powtarzane menu: przyklejone menu i plywajace przyciski czatu sa przybite do viewportu, kazdy sklejony odcinek moze niec ich kopie, i jedno dlugie zdjecie nosi to samo menu trzy albo cztery razy.

- Strony bez konca: nieskonczone feedy nie maja dna, a narzedzie nie wie, gdzie sie zatrzymac; bardzo dlugie strony zderzaja sie tez z limitami wysokosci obrazu, pamieci i formatu wyjsciowego.

Viewport urzadzenia decyduje o wygladzie dlugiego zrzutu: desktop, tablet i telefon

Ten sam adres przy innym viewporcie urzadzenia daje inny obraz. Strona przelacza responsywny uklad wedlug szerokosci viewportu: desktop daje szerokie wielokolumnowe uklady, telefon jedna wasza kolumne. Chcesz strone tak, jak widzi ja uzytkownik komputera? Wez desktop. Ciekawi cie, co widzi gosc z telefonu? Wez profil telefonu. To wybor ukladu, nie jakosci - zdecyduj przed zrzutem.

Cztery kroki, zeby zapisac cala strone jako jedno dlugie zdjecie

Wejscie jest w skrzynce narzedzi VidBrowser, cztery kroki lacznie:

Krok 1: Pobierz i zainstaluj VidBrowser

Punkt instalacji jest na stronie pobierania wideo VidBrowser. To desktopowa przegladarka wideo dla Windows i Mac: oglada wideo, wycina fragmenty i zapisuje lokalnie, z pobieraniem i nagrywaniem na pokladzie.

Krok 2: Otworz narzedzie zrzutu calej strony

Otworz Narzedzia w menu po lewej, znajdz punkt zrzutu calej strony albo idz prosto na strone narzedzia.

Krok 3: Wpisz adres i wybierz ustawienia

Wklej adres strony publicznej, ktora masz prawo zrzucac; wybierz viewport urzadzenia (desktop, tablet, telefon), zasieg (cala strona albo widoczny obszar) i format wyjsciowy (PNG, JPG, WebP).

Krok 4: Wygeneruj i pobierz

Sprawdz wynik i zapisz na urzadzeniu. Narzedzie celuje w strony publiczne: nie czyta cookies logowania twojej przegladarki i nie omija logowania, paywalla ani ograniczen dostepu.

Trzy rodzaje tresci, ktore zasluguja na dlugi zrzut: rozmowy, strony produktow i profile zrzuty

Prawdziwa wartosc dlugiego zrzutu polega na przybiciu strony, ktora sie zmienia lub znika, do wersji, ktora sie nie zmienia. Trzy scenariusze trafiaja sie najczesciej:

- Rozmowy z supportem i potwierdzenia zamowien: strony czatu rzadko maja przycisk pobierania. Dlugie zdjecie zapisuje cala wymiane w porzadku chronologicznym - dowod znacznie czytelniejszy niz rozsypane pojedyncze ujecia.

- Strony produktow do porownan i archiwum: ceny, specyfikacje i stany magazynowe plynnie sie zmieniaja. Dlugie zdjecie zapisuje uklad razem z liczbami, i pozniejsze porownanie ma na czym oprzec sie.

- Zrzuty profili i stron glownych: profile spolecznosciowe aktualizuja sie i znikaja. Zrzutaj regularnie, a zmiany widac od razu; zrzut calej strony jest tez gotowym material dla referencji w projektowaniu stron.

Zapisywanie i porzadkowanie dlugich zrzutow: format, rozmiar i inna droga

Dlugie zrzuty z natury sa dlugie i ciezkie; dwie krotkie czynnosci po zapisaniu zaplata sie pozniej. Co do formatu: PNG jest bezstratny i pasuje do tekstu i detali interfejsu, JPG jest lzejszy i pasuje do stron pelnych zdjec, WebP jest jeszcze lzejszy, ale starszy soft moze go nie otworzyc - jesli tak, skonwertuj raz wedlug porady WebP do JPG. Co do rozmiaru: bardzo dlugie strony zaczynaja sie latwo od kilku MB, i jesli zalacznik zostanie odrzucony, skompresuj najpierw - poradnik kompresji obrazow opisuje rownowage jakosci i rozmiaru. A jesli ze strony naprawde chcesz zestaw obrazow, a nie caly uklad, zamiast gigantycznego dlugiego kadru wez oryginaly bezposrednio przez zbiorcze pobieranie obrazow - dlugi zrzut zapisuje panorame, zbiorcze pobieranie zabiera oryginaly, i kazda droga zajmuje sie swoja robota.

Podsumowanie

Pelnosc dlugiego zrzutu jest rozstrzygana przed zrzutem: najpierw wybierz viewport urzadzenia, potem sprawdz, czy strona niesie lazy load, przyklejone menu i nieskonczone przewijanie. Strony publiczne przechodza cztery kroki; po zrzucie format wybiera sie pod zastosowanie, a ciezki plik sie kompresuje. Dla rozmow z supportem, stron produktow i zrzutow profilow jedno dlugie zdjecie jest najprostszym zapisem kopii.

Czeste pytania

Puste bloki w dlugim zrzucie da sie wypelnic pozniej?

Da sie, ale zmieniajac kolejnosc. Pusty blok znaczy, ze obrazu w ogole nie zadano. Przewin strone raz z gory na dol, zeby wszystkie obrazy sie zaladowaly, i zrzutaj od nowa. Narzedzie zrzutu nie uruchamia ladowania strony za ciebie; pusty fragment nie wraca.

Strony, ktore pokazuja sie dopiero po zalogowaniu, da sie zrzucac?

Nie. Narzedzie celuje w strony publiczne: nie czyta cookies logowania przegladarki i nie przechodzi przez logowanie, paywall ani ograniczenia dostepu. Tresc widoczna dopiero po zalogowaniu jest poza zasiegiem - to granica narzedzia, nie problem ustawien.

Dlaczego menu pojawia sie kilka razy na moim dlugim zrzucie?

Przyklejone menu i plywajace przyciski sa przybite do viewportu, kazdy sklejony odcinek je niesie. Sprawdz przed zrzutem, czy strona ma takie elementy; jesli tak, powtorzenia na dlugim zdjeciu sa norma. Na niektorych stronach wylaczenie stylu przyklejonego i nowy zrzut daja czystszy wynik.