Online konvertor HTML do JPG zdarma

JPG je potřeba, když je webovou stránku nutné nahrát do systému určeného pouze pro obrázky, vložit do dokumentu, sdílet jako neměnný vizuální záznam nebo archivovat bez upravitelného kódu. Konverze vykreslí viditelný HTML, CSS, obrázky a obsah generovaný skripty stránky jako jeden rastrový obrázek.

Co je formát HTML

HTML (HyperText Markup Language) strukturuje webové stránky pomocí nadpisů, odstavců, odkazů, tabulek, formulářů a vložených médií. Prohlížeče, jako jsou Chrome, Edge, Firefox a Safari, vykreslují HTML společně s CSS a JavaScriptem; editory kódu, software pro tvorbu webů a systémy pro správu obsahu vytvářejí a ukládají soubory .html a .htm.

Soubor HTML není obrázek. Jeho vzhled závisí na vykreslovacím jádru prohlížeče, velikosti zobrazovací plochy, dostupných písmech, propojených šablonách stylů, skriptech a odkazovaných souborech obrázků. Uložená stránka proto může vyžadovat přidruženou složku se zdroji nebo samostatnou verzi s vloženými CSS a obrázky.

Co je formát JPG

JPG, také označovaný jako JPEG, je sloučený rastrový formát obrázku, který používá ztrátovou kompresi. Podporují ho prohlížeče, telefony, kancelářské aplikace, editory obrázků, sociální platformy a systémy pro nahrávání, které nepřijímají HTML.

JPG je vhodný pro vykreslené stránky obsahující fotografie, barevné přechody a další obsah s plynulými tóny. Obvykle vytváří menší soubor než nekomprimovaný snímek obrazovky, ale nezachovává strukturu HTML, hypertextové odkazy, volitelný text, formuláře, animace ani interaktivní chování. JPEG nepodporuje průhlednost; průhledné oblasti vyžadují jednobarevné pozadí.

Konverze pomocí vestavěného převodníku

1. Otevřete převodník HTML na JPG na webu 101convert.com. Konverzi lze provést zdarma bez instalace softwaru.
2. Vyberte soubor .html nebo .htm nebo ho přetáhněte do převodníku.
3. Pokud stránka používá relativní odkazy na CSS, obrázky, písma nebo skripty, zachovejte požadované soubory se zdroji. ZIP nahrajte pouze v případě, že převodník přijímá zabalené weby; v opačném případě vytvořte samostatný soubor HTML nebo použijte metodu lokálního vykreslení.
4. Jako výstupní formát zvolte JPG a spusťte konverzi.
5. Otevřete stažený obrázek a zkontrolujte šířku stránky, její celou výšku, písma, obrázky a zalamování textu. Pokud je výsledek neúplný, po změně zobrazovací plochy nebo zdrojů proveďte konverzi znovu.

Lokální konverze pomocí wkhtmltoimage

wkhtmltoimage je renderer ovládaný z příkazového řádku pro lokální soubory HTML. Základní konverze:

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

Pokud nejsou nalezeny relativní zdroje, použijte absolutní cestu k souboru nebo URL file://. Nastavení --quality obvykle přijímá hodnoty od 0 do 100; vyšší hodnoty snižují artefakty JPEG a zároveň zvětšují velikost souboru. Tento renderer se může u moderního CSS, externích webových písem, stránek silně závislých na JavaScriptu a stránek omezujících přístup k místním souborům lišit od aktuálního prohlížeče.

Chcete-li dosáhnout výsledku věrného prohlížeči, otevřete stránku v prohlížeči Chrome nebo jiném aktuálním prohlížeči při požadované zobrazovací ploše a zachyťte vykreslenou stránku pomocí nástroje pro snímání obrazovky v nástrojích pro vývojáře. Zachycení celé stránky v prohlížeči obvykle vytvoří PNG; pokud je vyžadován soubor JPG, převeďte tento PNG v editoru obrázků na JPG.

Omezení kvality a kompatibility

• Před vykreslením nastavte požadovanou zobrazovací plochu. Úzká zobrazovací plocha může aktivovat mobilní CSS, zatímco širší zobrazovací plocha může změnit zalamování řádků a výšku stránky.
• Dlouhé stránky mohou vytvořit velmi vysoké obrázky JPG. Pokud cílová služba omezuje rozměry obrázků, vykreslete jednotlivé části samostatně nebo pro vícestránkový obsah použijte PDF.
• Malý text, tenké čáry, diagramy a grafika s jednolitými barvami mohou vykazovat kompresní artefakty. Použijte nastavení kvality přibližně 90–95 nebo použijte PNG, pokud je důležitější ostrost hran než velikost souboru.
• Stránky, které načítají zdroje z internetu, se mohou bez přístupu k síti vykreslit neúplně. Lokální zdroje selžou, pokud chybí jejich relativní struktura adresářů nebo jsou jejich cesty neplatné.
• Obsah generovaný JavaScriptem se musí před zachycením dokončit. Bannery se soubory cookie, animace, obrázky načítané při posouvání a responzivní komponenty mohou mezi jednotlivými spuštěními měnit výstup.
• Výsledek zachycuje vzhled, nikoli význam dokumentu. JPG obvykle neobsahuje text, který by bylo možné vyhledávat nebo označit, a nelze ho upravovat jako HTML.