Online konvertor HTML do JPEG zdarma

Přijímající program, upload service nebo zařízení může přijmout pevný obrázek, ale odmítnout HTML soubor. Převod stránky do JPEG zachová její vykreslený vzhled pro sdílení nebo archivaci, nikoli však její odkazy, skripty nebo upravitelný markup.

Co je formát HTML

HTML je textový markup formát pro strukturu webové stránky včetně nadpisů, odstavců, tabulek, obrázků, odkazů, formulářů a vložených médií. Prohlížeče, jako jsou Chrome, Firefox, Edge a Safari, vykreslují HTML pomocí CSS a JavaScriptu. Vývojáři, webdesignéři, dokumentační týmy, autoři e-mailových šablon a tvůrci reportů používají soubory s příponou .html nebo .htm. HTML soubor může záviset na samostatných stylesheetech, obrázcích, písmech, skriptech nebo jiných lokálních a vzdálených zdrojích.

Co je formát JPEG

JPEG je rastrový obrazový formát, který obvykle používá ztrátovou kompresi a příponu .jpg nebo .jpeg. Vytváří relativně malé soubory pro fotografie, screenshoty a stránky obsahující grafiku s plynulými barevnými přechody. JPEG ukládá pixely, nikoli strukturu HTML, takže výsledný soubor nemá vybraný text, hypertextové odkazy, formuláře, skripty, animace ani průhlednost. Opakované kódování do JPEG může přidat viditelné kompresní artefakty.

Jak převést HTML do JPEG

Použijte 101convert.com

1. Otevřete HTML-to-JPEG converter na webu 101convert.com.
2. Nahrajte soubor .html nebo .htm. Pokud stránka používá lokální obrázky, stylesheets, písma nebo skripty, poskytněte související soubory ve formátu požadovaném converterem, například jako ZIP archive.
3. Vyberte JPEG jako výstupní formát a spusťte převod.
4. Stáhněte výsledný soubor .jpg nebo .jpeg a poté zkontrolujte jeho text, obrázky, rozvržení a barvy.

Tato metoda nevyžaduje instalaci. Nenahrávejte důvěrné stránky, pokud nejsou aktuální podmínky služby týkající se zpracování souborů a ochrany soukromí přijatelné.

Vykreslení lokálně pomocí Chromium a ImageMagick

Lokální vykreslení zabraňuje nahrávání soukromých souborů a poskytuje opakovatelnou kontrolu nad viewportem prohlížeče a kvalitou obrázku.

1. Otevřete HTML soubor v Chromium a ověřte, že se načetly všechny zdroje. Pokud se CSS, obrázky, písma nebo skripty nenačítají pod URL file://, použijte správné absolutní cesty nebo složku zpřístupněte prostřednictvím lokálního webového serveru.
2. Zachyťte vykreslený viewport jako bezztrátový PNG. V prohlížečích založených na Chromium použijte nástroje pro screenshoty prohlížeče nebo spusťte:

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

Pokud není chromium k dispozici, použijte název spustitelného souboru nainstalovaného v systému, například google-chrome nebo chrome. Změnou --window-size ovládáte viewport; zachycení celé stránky vyžaduje volbu pro celou stránku podporovanou nainstalovanou verzí Chromium nebo samostatná zachycení dlouhých stránek.

3. Zakódujte PNG do JPEG pomocí ImageMagick:

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

Bílé pozadí nahradí průhledné oblasti, protože JPEG nemůže ukládat alfa kanál. ImageMagick je k dispozici pro Windows, macOS a Linux; starší instalace mohou místo magick používat convert.

Omezení kvality a kompatibility

• Před vykreslením nastavte viewport. Úzká šířka může aktivovat responzivní CSS a vytvořit mobilní rozvržení namísto zamýšleného desktopového rozvržení.
• Pokud musí malý text zůstat čitelný, zvyšte rozměry screenshotu nebo device scale factor. Zvýšení kvality JPEG neobnoví detaily chybějící v obrázku s nízkým rozlišením.
• Externí zdroje, webová písma, obsah generovaný JavaScriptem, videa a animace mohou chybět, pokud jsou blokovány, načtou se až po pořízení screenshotu nebo vyžadují interakci uživatele. Před zachycením počkejte, až se stránka dokončí vykreslovat.
• JPEG může kolem textu, čar a ostrých okrajů vytvářet halos a blokové artefakty. Pro přesné screenshoty, diagramy, text v rozhraní nebo průhlednost zvolte PNG.
• Dlouhá stránka se stane jedním souborem JPEG pouze tehdy, když převod zachytí celý dokument; běžný screenshot viewportu obsahuje pouze viditelnou oblast. Pokud požadujete více stránek, vybraný text, odkazy nebo rozvržení určené k tisku, použijte PDF.