Darmowy konwerter online HTML do JPEG

Program odbierający, usługa przesyłania lub urządzenie może zaakceptować obraz statyczny, ale odrzucić plik HTML. Konwersja strony do formatu JPEG zachowuje jej wygląd po wyrenderowaniu na potrzeby udostępniania lub archiwizacji, ale nie zachowuje linków, skryptów ani edytowalnego kodu znaczników.

Czym jest format HTML

HTML to tekstowy format znaczników określający strukturę strony internetowej, w tym nagłówki, akapity, tabele, obrazy, linki, formularze i osadzone multimedia. Przeglądarki, takie jak Chrome, Firefox, Edge i Safari, renderują HTML przy użyciu CSS i JavaScript. Deweloperzy, projektanci stron internetowych, zespoły zajmujące się dokumentacją, autorzy szablonów wiadomości e-mail oraz twórcy raportów korzystają z plików z rozszerzeniem .html lub .htm. Plik HTML może zależeć od oddzielnych arkuszy stylów, obrazów, czcionek, skryptów lub innych lokalnych i zdalnych zasobów.

Czym jest format JPEG

JPEG to rastrowy format obrazu, który zwykle wykorzystuje kompresję stratną i rozszerzenie .jpg lub .jpeg. Umożliwia tworzenie stosunkowo małych plików ze zdjęciami, zrzutami ekranu i stronami zawierającymi grafikę o ciągłej tonacji. JPEG przechowuje piksele zamiast struktury HTML, dlatego wynik nie zawiera zaznaczanego tekstu, hiperłączy, formularzy, skryptów, animacji ani przezroczystości. Wielokrotne kodowanie JPEG może powodować widoczne artefakty kompresji.

Jak przekonwertować HTML do JPEG

Użyj 101convert.com

1. Otwórz konwerter HTML do JPEG na stronie 101convert.com.
2. Prześlij plik .html lub .htm. Jeśli strona korzysta z lokalnych obrazów, arkuszy stylów, czcionek lub skryptów, dostarcz powiązane pliki w formacie wymaganym przez konwerter, na przykład jako archiwum ZIP.
3. Wybierz JPEG jako format wyjściowy i rozpocznij konwersję.
4. Pobierz wynikowy plik .jpg lub .jpeg, a następnie sprawdź jego tekst, obrazy, układ i kolory.

Ta metoda nie wymaga instalacji. Nie przesyłaj poufnych stron, jeśli aktualne warunki przetwarzania plików i ochrony prywatności usługi nie są dla Ciebie akceptowalne.

Renderowanie lokalne za pomocą Chromium i ImageMagick

Lokalne renderowanie pozwala uniknąć przesyłania prywatnych plików i zapewnia powtarzalną kontrolę nad obszarem widoku przeglądarki oraz jakością obrazu.

1. Otwórz plik HTML w Chromium i sprawdź, czy wszystkie zasoby zostały wczytane. Użyj prawidłowych ścieżek bezwzględnych lub udostępnij folder za pośrednictwem lokalnego serwera internetowego, gdy CSS, obrazy, czcionki lub skrypty nie działają pod adresem URL file://.
2. Przechwyć wyrenderowany obszar widoku jako bezstratny plik PNG. W przeglądarkach opartych na Chromium użyj narzędzi przeglądarki do wykonywania zrzutów ekranu lub uruchom:

chromium --headless --disable-gpu --screenshot=page.png --window-size=1600,1200 file:///absolute/path/page.html

Jeśli chromium jest niedostępne, użyj nazwy pliku wykonywalnego zainstalowanego w systemie, na przykład google-chrome lub chrome. Zmień wartość --window-size, aby dostosować obszar widoku; przechwycenie całej strony wymaga opcji przechwytywania pełnej strony obsługiwanej przez zainstalowaną wersję Chromium lub wykonania oddzielnych przechwyceń w przypadku długich stron.

3. Zakoduj plik PNG jako JPEG za pomocą ImageMagick:

magick page.png -background white -alpha remove -alpha off -quality 85 page.jpg

Białe tło zastępuje przezroczyste obszary, ponieważ JPEG nie może przechowywać kanału alfa. ImageMagick jest dostępny dla systemów Windows, macOS i Linux; starsze instalacje mogą używać convert zamiast magick.

Ograniczenia jakości i zgodności

• Ustaw obszar widoku przed renderowaniem. Mała szerokość może aktywować responsywny CSS i spowodować wyświetlenie układu mobilnego zamiast zamierzonego układu desktopowego.
• Zwiększ wymiary zrzutu ekranu lub współczynnik skali urządzenia, gdy mały tekst musi pozostać czytelny. Zwiększenie jakości JPEG nie przywróci szczegółów utraconych w przechwyceniu o niskiej rozdzielczości.
• Zewnętrzne zasoby, czcionki internetowe, treści generowane przez JavaScript, filmy i animacje mogą być nieobecne, jeśli są blokowane, wczytują się po wykonaniu zrzutu ekranu lub wymagają interakcji użytkownika. Przed przechwyceniem poczekaj na zakończenie renderowania strony.
• JPEG może powodować aureole i artefakty blokowe wokół tekstu, linii i ostrych krawędzi. Wybierz PNG w przypadku precyzyjnych zrzutów ekranu, diagramów, tekstu interfejsu lub przezroczystości.
• Długa strona staje się jednym plikiem JPEG tylko wtedy, gdy konwersja przechwytuje cały dokument; zwykły zrzut ekranu obszaru widoku zawiera tylko widoczny obszar. Użyj PDF, gdy wymagane jest wiele stron, zaznaczany tekst, linki lub układ przeznaczony do druku.