Převodník HTML do JPG
Nahrajte uloženou webovou stránku, šablonu e-mailu nebo HTML report a dostanete ji zpět jako obrázek JPG celé stránky, odshora dolů. Šířku prohlížeče volíte sami, takže výsledek může ukazovat rozvržení pro počítač i pro mobil.
Převod dokumentu na obrázek
nebo sem přetáhněte soubory DOC, DOCX, DOCM … ·
Max. 95 MB na soubor· Až 20 souborů· Smazáno po 30 minutách
Soubory se zpracovávají na našich serverech a po 30 minutách se smažou.
Převést všechny stránky, jen první (náhled nebo obálka), nebo rozsah.
Stránky nebo snímky k převodu, např. 1-3, 5, 8-10.
Jen pro soubory HTML: šířka okna prohlížeče použitá k vykreslení stránky. 1280 px je typický notebook; 390 px ukáže mobilní rozvržení.
85 udrží text ostrý při střední velikosti. Nižší hodnoty dají menší soubory, ale rozmažou drobné písmo.
Jak nástroj používat
- 1
Nahrajte soubor HTML
Nahrajte soubor .html, .htm nebo .mhtml, najednou nejvýše 20. U stránek s obrázky a styly je nejprve uložte v prohlížeči jako jeden soubor (MHTML), aby se vše přenášelo spolu se stránkou.
- 2
Zvolte šířku stránky
Šířka stránky HTML je výchozně 1280 px, tedy typický notebook. Pro mobilní rozvržení zadejte 390 px, pro e-mailovou šablonu 600 px. Obrázky jsou nastaveny na jeden dlouhý obrázek.
- 3
Převeďte do JPG
Stiskněte Převést na JPG a stáhněte obrázek. Pokud chcete stránku rozdělit na kusy velikosti tiskové strany, přepněte Obrázky na jeden na stránku.
HTML do JPG je snímek celé stránky vytvořený ze souboru: šířka prohlížeče, kterou zvolíte, určuje rozvržení a JPG zachytí každý jeho pixel.
Jak se ze souboru HTML stane obrázek JPG
Soubor HTML jsou pokyny, ne obrázek. Prohlížeč přečte značky, použije styly, načte obrázky a písma a vše rozloží podle šířky okna. Změníte-li šířku, responzivní stránka se přeskládá: sloupce se naskládají pod sebe, nabídky se sbalí, obrázky se zmenší. Proto se převodník nejdřív ptá na Šířka stránky HTML.
Po sestavení rozvržení se zachytí celá stránka shora dolů, nejen část, která by se vešla na obrazovku. Při nastavení Obrázky na jeden dlouhý obrázek dostanete jedno vysoké JPG; přepnete-li na jeden na stránku, stejný obsah se rozřeže na obrázky velikosti stránky.
Kvalita začíná na 85, což udrží text čitelný a přitom je soubor mnohem menší než PNG téže stránky. Pokud má stránka drobné písmo nebo tenké okraje tabulek, které musí zůstat ostré, zvyšte ji k 95.
1280 pxvýchozí šířka prohlížeče pro vykreslení stránky
Zvolte šířku stránky: celá stránka pro počítač, nebo mobilní zobrazení
Výchozí volba. Většina webů při této šířce zobrazí plné počítačové rozvržení s navigačními lištami a bočními sloupci.
- Revize webů a schvalování klientem
- Archivace vzhledu stránky
- Prezentace a zprávy
Šířka CSS mnoha novějších iPhonů. Responzivní stránky přepnou na mobilní rozvržení a vznikne vysoký, úzký obrázek.
- Ukázka mobilního designu
- Náhledy pro obchod s aplikacemi nebo sociální sítě
Šířka, pro kterou je postavena většina HTML e-mailových šablon. Šablona se vykreslí přesně tak, jak ji zobrazí počítačový e-mailový klient.
- Náhledy newsletterů
- Sdílení náhledu kampaně
Full HD monitor. Hodí se pro dashboardy a stránky, které na velkých obrazovkách přidávají sloupce.
- Analytické dashboardy
- Široké datové tabulky
Když převod HTML do JPG nevypadá správně
Obrázky chybí nebo se zobrazují jako rozbité ikony
Obrázky byly uloženy vedle HTML, ne uvnitř něj. Uložte stránku jako jeden soubor MHTML, nebo pro obrázky použijte úplné webové adresy.
Stránka je prázdná nebo ukazuje jen načítací kolečko
Obsah se vytváří skripty po načtení stránky, nebo je za přihlášením. Otevřete ji v prohlížeči, počkejte na úplné načtení a pak ji uložte jako jeden soubor.
Text je oříznutý na pravém okraji
Stránka má pevnou šířku větší než okno. Zvyšte Šířka stránky HTML, aby odpovídala, například na 1440 px.
JPG je příliš velké pro nahrání do formuláře
Snižte Kvalita na zhruba 70, použijte užší šířku, nebo výsledek poté zmenšete pomocí Zmenšit obrázek.
HTML
HyperText Markup Language
HTML je značkovací jazyk webu, který poprvé popsal Tim Berners-Lee na počátku 90. let a dnes jej spravuje WHATWG jako živý standard. Soubor HTML popisuje nadpisy, odstavce, odkazy, tabulky, obrázky a formuláře, zatímco vzhled obvykle zajišťuje CSS. Vykreslí jej každý prohlížeč a používá se také pro e-mailové šablony a uložené webové stránky. Jeden soubor HTML často závisí na externích obrázcích a stylech, takže po samostatném přenesení může vypadat rozbitě.
- Komprese
- –
- Průhlednost
- –
- Animace
- –
- Představeno
- 1993 · Tim Berners-Lee; maintained by WHATWG
JPG
Obrázek JPEG
JPEG (nebo JPG) je nejrozšířenější formát fotografií, který v roce 1992 standardizovala skupina Joint Photographic Experts Group. Používá ztrátovou kompresi, která zahazuje jemné detaily, jichž si oko málokdy všimne, takže fotky zůstávají dost malé pro web, e‑mail i paměť telefonu. Dobře zvládá plynulé přechody a přírodní scény, ale ostrý text, perokresba a plné barevné plochy získávají viditelné blokové nebo rozmazané artefakty. JPEG nemá průhlednost ani animaci a každé opětovné uložení ubere další kousek kvality. Otevře ho každý prohlížeč, telefon, fotoaparát i obrazový editor.
- Komprese
- Ztrátová
- Průhlednost
- Ne
- Animace
- Ne
- Představeno
- 1992 · Joint Photographic Experts Group
HTML vypadá správně jen v prohlížeči; převodem do JPG se jedno vykreslení zafixuje do obrázku, který můžete přiložit, zveřejnit, archivovat nebo vložit do prezentace, kde by byl kód k ničemu.
Otázky k převodu HTML do JPG
Mohu místo nahrání souboru vložit adresu webu?
Ne, tento převodník pracuje se soubory HTML, které nahrajete. Otevřete stránku v prohlížeči, použijte Uložit stránku jako a zvolte Webová stránka, jeden soubor (MHTML v Chrome a Edge), pak tento soubor nahrajte. Obsahuje HTML, styly i obrázky pohromadě.
Proč můj JPG ukazuje jen prostý text bez stylů?
HTML bylo uloženo bez stylů a obrázků, což se stává u volby Webová stránka, pouze HTML. Převodník vidí jen značky. Uložte stránku znovu jako jeden soubor MHTML, nebo před nahráním vložte CSS přímo do HTML.
Jak dlouhou stránku pojme jeden JPG?
Formát JPEG omezuje každou stranu na 65 535 pixelů, takže extrémně dlouhá stránka při velké šířce může tento limit překročit. U dlouhých článků přepněte Obrázky na jeden na stránku, nebo převeďte do HTML do PDF, kde takový limit není.
Mám pro snímek webové stránky zvolit JPG, nebo PNG?
JPG je menší a pro stránky s fotkami stačí. PNG udrží drobný text a tenké čáry dokonale ostré a podporuje průhledné pozadí, takže se hodí lépe pro návrhy rozhraní a dashboardy. Kompromis vysvětluje náš článek JPG vs JPEG vs PNG.
Proč fonty na obrázku vypadají jinak než v mém prohlížeči?
Písma nainstalovaná jen ve vašem počítači nejsou k dispozici tam, kde se stránka vykresluje, proto se použije náhradní písmo. Webová písma vložená do uložené stránky nebo načítaná společně se styly stránky se zobrazí správně.
Mohu převést HTML šablonu e-mailu na obrázek pro náhled?
Ano. Nastavte Šířka stránky HTML na 600 px, tedy šířku, pro kterou je navržena většina e-mailových šablon, a ponechte jeden dlouhý obrázek. Výsledkem je rychlý vizuální náhled, který můžete sdílet s někým, kdo nemá dostat samotný testovací e-mail.