Darmowy konwerter online HTM do JPG

Zapisaną stronę internetową może być konieczne przesłać do oprogramowania, które akceptuje obrazy, udostępnić jako stały zapis wizualny lub wstawić do dokumentu, który nie potrafi wyświetlać HTML. Konwersja do JPG zachowuje wygląd strony po renderowaniu jako pojedynczy, szeroko obsługiwany obraz.

Czym jest format HTM

HTM to alternatywne rozszerzenie formatu HTML, czyli formatu znaczników używanego do strukturyzowania stron internetowych. Plik HTM może zawierać tekst, tabele, łącza, CSS, JavaScript, obrazy oraz odwołania do oddzielnych zasobów lokalnych lub zdalnych.

Przeglądarki takie jak Chrome, Edge, Firefox i Safari renderują pliki HTM. Często występują one jako zapisane strony internetowe, dokumentacja offline, wyeksportowane raporty, załączniki wiadomości e-mail lub pliki utworzone przez starsze oprogramowanie Windows. Plik HTM nie jest obrazem; przeglądarka lub inny silnik renderujący musi go wyświetlić, zanim będzie można przechwycić jego wygląd.

Czym jest format JPG

JPG, nazywany również JPEG, to rastrowy format obrazu wykorzystujący kompresję stratną. Obsługuje miliony kolorów i zwykle tworzy mniejsze pliki niż formaty nieskompresowane, dzięki czemu nadaje się do zdjęć, zrzutów ekranu, grafiki internetowej, edytorów obrazów, oprogramowania biurowego, telefonów i platform do udostępniania.

JPG przechowuje wyłącznie wizualny zrzut. Nie zachowuje struktury HTML, zaznaczanego tekstu, łączy, CSS, skryptów, formularzy ani oddzielnych elementów strony. Konwersja zmienia zatem interaktywną stronę internetową w statyczny obraz.

Jak przekonwertować HTM do JPG

Korzystanie z 101convert.com

1. Otwórz konwerter HTM do JPG na stronie 101convert.com.
2. Prześlij plik .htm i wybierz JPG jako format wyjściowy.
3. Rozpocznij konwersję i pobierz wygenerowany obraz.
4. Otwórz plik JPG w przeglądarce obrazów i sprawdź, czy granice strony, obrazy i tekst są czytelne.

Ta opcja nie wymaga instalowania oprogramowania i jest bezpłatna. Działa najlepiej, gdy plik HTM jest samowystarczalny. Strona zależna od oddzielnych obrazów, arkuszy stylów, czcionek, skryptów, uwierzytelniania lub zablokowanej zawartości zdalnej może zostać wyrenderowana niekompletnie; użyj metody opartej na przeglądarce, gdy wygląd wizualny musi odpowiadać stronie wyświetlanej na komputerze.

Korzystanie ze zrzutu ekranu w przeglądarce

1. Otwórz plik w aktualnej przeglądarce za pomocą polecenia File → Open File lub wprowadź jego adres file:///.
2. Poczekaj na załadowanie obrazów, czcionek i stylów. Ustaw powiększenie przeglądarki oraz szerokość okna, aby kontrolować wymiary wyjściowe.
3. Użyj polecenia przeglądarki do wykonania zrzutu całej strony lub narzędzia do wykonywania zrzutów ekranu systemu operacyjnego. Zwykły zrzut ekranu obejmuje tylko widoczny obszar.
4. Jeśli narzędzie zapisuje obraz w formacie PNG zamiast JPG, otwórz wynik w GIMP, Paint, Preview lub innym edytorze obrazów i wybierz File → Export, a następnie JPEG.

Przechwycenie całej strony tworzy jeden wysoki plik JPG dla długiego dokumentu. Przechwytuj oddzielne sekcje, jeśli miejsce docelowe ogranicza wymiary obrazów lub wymaga plików o rozmiarze strony.

Korzystanie z Chromium i Playwright

W przypadku powtarzalnego lub automatycznego renderowania Playwright może otworzyć plik HTM w Chromium i zapisać pełnostronicowy obraz JPEG. Zainstaluj pakiet i plik binarny przeglądarki:

npm install playwright
npx playwright install chromium

Zapisz poniższy kod jako render.mjs:

import { chromium } from "playwright";
const browser = await chromium.launch({ headless: true });
const page = await browser.newPage({
  viewport: { width: 1440, height: 1000 },
  deviceScaleFactor: 1
});
await page.goto("file:///absolute/path/page.htm", { waitUntil: "load" });
await page.screenshot({
  path: "page.jpg",
  type: "jpeg",
  quality: 92,
  fullPage: true
});
await browser.close();

Uruchom go za pomocą node render.mjs. Zastąp adres URL pliku ścieżką bezwzględną i w razie potrzeby zakoduj spacje lub znaki specjalne w adresie URL. Powstaje w ten sposób wyrenderowany obraz, a nie plik JPG zawierający strukturę HTML.

Ograniczenia jakości i zgodności

• Kompresja JPG może rozmazywać mały tekst i tworzyć aureole wokół ostrych krawędzi. Ustawienie jakości 90–95 jest odpowiednie dla zrzutów ekranu; użyj PNG, gdy istotne są dokładny tekst, diagramy lub grafika liniowa.
• Rozmiar wyjściowy zależy od obszaru widoku przeglądarki, powiększenia, współczynnika gęstości pikseli urządzenia oraz metody przechwytywania. Zwiększ obszar widoku lub współczynnik skali urządzenia, gdy tekst musi pozostać czytelny.
• Zewnętrzne obrazy, czcionki, CSS i JavaScript mogą nie działać, gdy plik HTM zostanie otwarty offline. Zapewnij dostępność przywoływanych plików, zezwól na wymagany dostęp do sieci lub utwórz samowystarczalny plik HTML przed renderowaniem.
• Przechwytywany jest wyłącznie wyrenderowany stan. Łącza, formularze, efekty po najechaniu, animacje, wideo i zaznaczany tekst nie działają w pliku JPG; animowana zawartość obejmuje tylko przechwyconą klatkę.
• Bardzo duże obrazy pełnostronicowe mogą przekraczać limity nakładane przez przeglądarki obrazów, edytory lub systemy przesyłania. W razie potrzeby podziel stronę na wiele plików JPG.