Darmowy konwerter online HTML do JPG

Plik JPG jest potrzebny, gdy strona internetowa musi zostać przesłana do systemu obsługującego wyłącznie obrazy, wstawiona do dokumentu, udostępniona jako niezmienny zapis wizualny lub zarchiwizowana bez edytowalnych znaczników. Konwersja renderuje widoczny kod HTML, CSS, obrazy i zawartość generowaną przez skrypty jako jeden obraz rastrowy.

Czym jest format HTML

HTML (HyperText Markup Language) nadaje strukturę stronom internetowym za pomocą nagłówków, akapitów, linków, tabel, formularzy i osadzonych multimediów. Przeglądarki, takie jak Chrome, Edge, Firefox i Safari, renderują HTML razem z CSS i JavaScript; edytory kodu, oprogramowanie do tworzenia stron internetowych i systemy zarządzania treścią tworzą i zapisują pliki .html oraz .htm.

Plik HTML nie jest obrazem. Jego wygląd zależy od silnika przeglądarki, rozmiaru obszaru wyświetlania, dostępnych czcionek, powiązanych arkuszy stylów, skryptów i przywoływanych plików obrazów. Zapisana strona może zatem wymagać powiązanego folderu zasobów lub samodzielnej wersji z osadzonym CSS i obrazami.

Czym jest format JPG

JPG, nazywany również JPEG, to spłaszczony format obrazu rastrowego wykorzystujący kompresję stratną. Jest obsługiwany przez przeglądarki, telefony, aplikacje biurowe, edytory obrazów, platformy społecznościowe i systemy przesyłania plików, które nie akceptują HTML.

JPG sprawdza się w przypadku renderowanych stron zawierających fotografie, gradienty i inne treści o płynnych przejściach tonalnych. Zwykle tworzy mniejszy plik niż nieskompresowany zrzut ekranu, ale nie zachowuje struktury HTML, hiperłączy, zaznaczanego tekstu, formularzy, animacji ani interaktywnych funkcji. JPEG nie obsługuje przezroczystości; przezroczyste obszary wymagają jednolitego tła.

Konwersja za pomocą wbudowanego konwertera

1. Otwórz konwerter HTML-to-JPG na stronie 101convert.com. Konwersję można wykonać bezpłatnie, bez instalowania oprogramowania.
2. Wybierz lub przeciągnij plik .html albo .htm.
3. Jeśli strona korzysta ze względnych odwołań do CSS, obrazów, czcionek lub skryptów, zachowaj wymagane pliki zasobów. Prześlij plik ZIP tylko wtedy, gdy konwerter akceptuje spakowane strony internetowe; w przeciwnym razie utwórz samodzielny plik HTML lub użyj lokalnej metody renderowania.
4. Wybierz JPG jako format wyjściowy i rozpocznij konwersję.
5. Otwórz pobrany obraz i sprawdź szerokość strony, pełną wysokość, czcionki, obrazy oraz zawijanie tekstu. Jeśli wynik jest niekompletny, wykonaj konwersję ponownie po zmianie obszaru wyświetlania lub zasobów źródłowych.

Konwersja lokalna za pomocą wkhtmltoimage

wkhtmltoimage to renderer wiersza poleceń dla lokalnych plików HTML. Podstawowa konwersja wygląda następująco:

wkhtmltoimage --format jpg --quality 90 input.html output.jpg

Użyj bezwzględnej ścieżki pliku lub adresu URL file://, gdy zasoby względne nie są odnajdywane. Ustawienie --quality zwykle przyjmuje wartości od 0 do 100; wyższe wartości zmniejszają artefakty JPEG, jednocześnie zwiększając rozmiar pliku. Ten renderer może działać inaczej niż aktualna przeglądarka w przypadku nowoczesnego CSS, zewnętrznych czcionek internetowych, stron intensywnie korzystających z JavaScript oraz stron ograniczających dostęp do plików lokalnych.

Aby uzyskać wynik wiernie odwzorowujący przeglądarkę, otwórz stronę w Chrome lub innej aktualnej przeglądarce przy wymaganym obszarze wyświetlania i przechwyć wyrenderowaną stronę za pomocą narzędzia do wykonywania zrzutów ekranu dostępnego w narzędziach deweloperskich. Przechwytywanie całej strony w przeglądarce zwykle tworzy plik PNG; gdy wymagany jest plik JPG, przekonwertuj ten plik PNG na JPG w edytorze obrazów.

Ograniczenia jakości i zgodności

• Ustaw docelowy obszar wyświetlania przed renderowaniem. Wąski obszar wyświetlania może aktywować mobilny CSS, natomiast szerszy może zmienić zawijanie wierszy i wysokość strony.
• Długie strony mogą tworzyć niezwykle wysokie pliki JPG. Jeśli miejsce docelowe ogranicza wymiary obrazów, renderuj osobne sekcje lub użyj formatu PDF dla treści wielostronicowych.
• Mały tekst, cienkie linie, diagramy i grafiki o jednolitych kolorach mogą wykazywać artefakty kompresji. Użyj ustawienia jakości na poziomie około 90–95 lub zastosuj PNG, gdy ostre krawędzie są ważniejsze niż rozmiar pliku.
• Strony, które ładują zasoby z internetu, mogą zostać niekompletnie wyrenderowane bez dostępu do sieci. Zasoby lokalne nie działają, gdy brakuje ich względnej struktury katalogów lub gdy ich ścieżki są nieprawidłowe.
• Zawartość generowana przez JavaScript musi zostać załadowana przed przechwyceniem. Banery dotyczące plików cookie, animacje, obrazy ładowane leniwie i komponenty responsywne mogą zmieniać wynik między kolejnymi uruchomieniami.
• Wynik rejestruje wygląd, a nie semantykę dokumentu. Plik JPG zwykle nie zawiera tekstu, który można przeszukiwać lub zaznaczać, i nie można go edytować jako HTML.