Prevod HTML na JPG

Q: Môžem HTML e-mailovú šablónu previesť na obrázok pre náhľad?

Áno. Nastavte **Šírku stránky HTML** na 600 px, teda šírku, pre ktorú je navrhnutá väčšina e-mailových šablón, a ponechajte jeden dlhý obrázok. Výsledkom je rýchly vizuálny náhľad, ktorý môžete poslať niekomu, kto nemá dostať samotný testovací e-mail.

Nahrajte uloženú webovú stránku, e-mailovú šablónu alebo HTML report a dostanete späť JPG obrázok celej stránky zhora nadol. Šírku prehliadača si zvolíte sami, takže výsledok môže zobrazovať desktopové aj mobilné rozloženie.

alebo sem presuňte súbory DOC, DOCX, DOCM … ·

Max. 95 MB na súbor· Až 20 súborov· Odstránenie po 30 minútach

Výstup

Previesť na

Rozlíšenie

Obrázky

Súbory sa spracúvajú na našich serveroch a po 30 minútach sa odstránia.

Ako používať tento nástroj

1
Nahrajte HTML súbor
Pretiahnite súbor .html, .htm alebo .mhtml, naraz najviac 20. Ak stránka obsahuje obrázky a štýly, najprv ju v prehliadači uložte ako jeden súbor (MHTML), aby sa všetko prenieslo spolu so stránkou.
2
Zvoľte šírku stránky
Šírka stránky HTML je predvolene 1280 px, čo zodpovedá bežnému notebooku. Pre rozloženie na telefóne zadajte 390 px, pre e-mailovú šablónu 600 px. Obrázky sú nastavené na jeden dlhý obrázok.
3
Previesť na JPG
Stlačte Previesť na JPG a stiahnite obrázok. Ak chcete stránku rozdeliť na kúsky vo veľkosti tlačovej strany, prepnite Obrázky na jeden na stranu.

HTML na JPG je snímka celej stránky vytvorená zo súboru: rozloženie určuje zvolená šírka prehliadača a JPG zachytí každý jeho pixel.

Ako sa z HTML súboru stane JPG obrázok

Súbor HTML je sada pokynov, nie obrázok. Prehliadač prečíta značky, použije štýly, načíta obrázky a písma a všetko rozloží podľa šírky okna. Pri zmene šírky sa responzívna stránka prispôsobí: stĺpce sa zoradia pod seba, ponuky sa zbalia, obrázky sa zmenšia. Preto sa konvertor pýta na Šírku stránky HTML ako prvú vec.

Po vytvorení rozloženia sa zachytí celá stránka zhora nadol, nielen časť, ktorá by sa zmestila na obrazovku. Pri nastavení Obrázky na jeden dlhý obrázok dostanete jeden vysoký JPG; ak prepnete na jeden na stranu, rovnaký obsah sa nareže na obrázky veľkosti strany.

Kvalita je predvolene 85, čo zachová čitateľnosť bežného textu a súbor ostane oveľa menší než PNG tej istej stránky. Ak stránka obsahuje drobné písmo alebo tenké okraje tabuliek, ktoré majú ostať ostré, zvýšte ju smerom k 95.

1280 pxpredvolená šírka prehliadača pri vykresľovaní stránky

Povolený rozsah: 320 až 3840 px. Úzke šírky zobrazia mobilné rozloženie, široké počítačové.

Zvoľte šírku stránky: celá desktopová stránka alebo mobilné zobrazenie

Predvolené nastavenie. Väčšina webov pri tejto šírke zobrazuje plné počítačové rozloženie s navigačnými lištami a bočnými stĺpcami.

Kontrola webov a schvaľovanie klientom
Archivácia vzhľadu stránky
Prezentácie a reporty

Keď výsledok prevodu HTML na JPG nevyzerá správne

Obrázky chýbajú alebo sa zobrazujú ako poškodené ikony
Obrázky boli uložené vedľa HTML, nie v ňom. Uložte stránku ako jeden súbor MHTML alebo pre obrázky použite úplné webové adresy.
Stránka je prázdna alebo zobrazuje iba indikátor načítavania
Obsah sa vytvára skriptami po načítaní stránky alebo je za prihlásením. Otvorte ju v prehliadači, počkajte na úplné načítanie a potom ju uložte ako jeden súbor.
Text je na pravom okraji odrezaný
Stránka má pevnú šírku väčšiu než okno. Zvýšte Šírku stránky HTML tak, aby jej zodpovedala, napríklad na 1440 px.
JPG je príliš veľký pre nahrávací formulár
Znížte Kvalitu na približne 70, použite užšiu šírku alebo výsledok následne zmenšite pomocou Komprimovať obrázok.

HTML

HyperText Markup Language

HTML je značkovací jazyk webu, ktorý prvýkrát opísal Tim Berners-Lee na začiatku 90. rokov a dnes ho ako živý štandard spravuje WHATWG. Súbor HTML opisuje nadpisy, odseky, odkazy, tabuľky, obrázky a formuláre, zatiaľ čo vzhľad zvyčajne určuje CSS. Zobrazí ho každý prehliadač a používa sa aj pre e-mailové šablóny a uložené webové stránky. Jeden súbor HTML často závisí od externých obrázkov a štýlov, preto môže po samostatnom presune vyzerať pokazene.

Kompresia: –
Priehľadnosť: –
Animácia: –
Rok vzniku: 1993 · Tim Berners-Lee; maintained by WHATWG

Konvertor HTML

JPG

Obrázok JPEG

JPEG (alebo JPG) je najpoužívanejší formát fotografií, ktorý v roku 1992 normalizovala skupina Joint Photographic Experts Group. Používa stratovú kompresiu, ktorá odstraňuje jemné detaily, ktorých si oko pravdepodobne nevšimne, vďaka čomu sú fotografie dostatočne malé pre web, e-mail aj pamäť telefónu. Dobre zvláda plynulé prechody a prírodné scény, no ostrý text, kresby a plné farby získavajú viditeľné blokové alebo rozmazané artefakty. JPEG nemá priehľadnosť ani animáciu a každé opätovné uloženie znamená ďalšiu malú stratu kvality. Otvorí ho každý prehliadač, telefón, fotoaparát aj editor obrázkov.

Kompresia: So stratou kvality
Priehľadnosť: Nie
Animácia: Nie
Rok vzniku: 1992 · Joint Photographic Experts Group

Konvertor JPG

HTML vyzerá správne iba v prehliadači; prevodom na JPG zachytíte jedno vykreslenie ako obrázok, ktorý môžete priložiť, zverejniť, archivovať alebo vložiť do prezentácie, kde by kód bol nepoužiteľný.

Otázky o prevode HTML na JPG

Môžem namiesto nahrania súboru vložiť adresu webovej stránky?

Nie, tento konvertor pracuje so súbormi HTML, ktoré nahráte. Otvorte stránku v prehliadači, použite Uložiť stránku ako a vyberte Webová stránka, jeden súbor (MHTML v Chrome a Edge), potom nahrajte tento súbor. Obsahuje HTML, štýly aj obrázky pokope.

Prečo môj JPG zobrazuje len obyčajný text bez štýlov?

HTML sa uložilo bez štýlov a obrázkov, čo sa stáva pri možnosti Webová stránka, iba HTML. Konvertor vidí len značky. Stránku uložte znova ako jeden súbor MHTML alebo pred nahraním vložte CSS priamo do HTML.

Aká dlhá stránka sa zmestí do jedného JPG?

Formát JPEG obmedzuje každú stranu na 65 535 pixelov, takže veľmi dlhá stránka pri veľkej šírke môže tento limit dosiahnuť. Pri dlhých článkoch prepnite Obrázky na jeden na stranu alebo použite HTML do PDF, kde takýto limit nie je.

Mám pre snímku webovej stránky zvoliť JPG alebo PNG?

JPG je menší a postačuje pre stránky s fotkami. PNG zachová malý text a tenké čiary dokonale ostré a podporuje priehľadné pozadie, preto je lepší pre návrhy rozhraní a dashboardy. Rozdiely vysvetľuje náš článok JPG vs JPEG vs PNG.

Prečo písma na obrázku vyzerajú inak ako v mojom prehliadači?

Písma nainštalované iba vo vašom počítači nie sú dostupné tam, kde sa stránka vykresľuje, preto sa použije náhradné písmo. Webové písma vložené do uloženej stránky alebo načítané spolu so štýlmi sa zobrazia správne.

Môžem HTML e-mailovú šablónu previesť na obrázok pre náhľad?

Áno. Nastavte Šírku stránky HTML na 600 px, teda šírku, pre ktorú je navrhnutá väčšina e-mailových šablón, a ponechajte jeden dlhý obrázok. Výsledkom je rýchly vizuálny náhľad, ktorý môžete poslať niekomu, kto nemá dostať samotný testovací e-mail.