UltKit

HTML do PDF

Nahrajte soubor HTML, například exportovaný report, fakturu vygenerovanou vaším systémem, e-mailovou šablonu nebo uloženou webovou stránku, a získáte PDF rozdělené na stránky, které zachová písma, tabulky i odkazy. Pokud soubor obsahuje tiskové styly, určují podobu stránek.

Převést do PDF

nebo sem přetáhněte soubory DOC, DOCX, DOCM … ·

Max. 95 MB na soubor· Až 20 souborů· Smazáno po 30 minutách

Výstup

Soubory se zpracovávají na našich serverech a po 30 minutách se smažou.

Jak nástroj používat

  1. 1

    Nahrajte soubor .html nebo .htm

    Přidejte až 20 souborů, každý do 95 MB. Chcete-li převést stránku z webu, nejprve ji uložte pomocí Ctrl+S (na Macu Cmd+S) a nahrajte soubor .html.

  2. 2

    Zvolte formát stránky a okraje

    Při volbě Stejná jako zdroj se Velikost stránky řídí pravidlem @page v souboru. V části Pokročilá nastavení můžete vynutit A4 nebo Letter, orientaci na šířku v poli Orientace či jiné Okraje.

  3. 3

    Převeďte do PDF

    Stiskněte Převod do PDF a stáhněte výsledek. Nahrané soubory i PDF se po 30 minutách smažou.

HTML do PDF zdarma: které soubory se převedou bez problémů

Nejlépe se převádějí soubory HTML, které mají vše uvnitř: styly v elementu <style>, obrázky vložené nebo odkazované úplnými adresami https:// a písma načtená přes @font-face. To platí pro většinu generovaných dokumentů, od faktur a výpisů po testovací zprávy, exporty dokumentace a šablony HTML e-mailů, které jsou samostatné, protože e-mailoví klienti blokují externí soubory.

Stránka uložená z webu je jiný případ. Při volbě Webová stránka, kompletní prohlížeč zapíše soubor .html a vedle něj složku s obrázky a styly, která se nenahrává. Pokud PDF z takové stránky vypadá holé, vytiskněte ji raději z prohlížeče nebo nejprve upravte obsah; převodník HTML do Wordu se hodí, když chcete před vytvořením PDF odstranit menu a patičky.

Jak se pixely CSS přepočítávají na stránky A4 a Letter

SizePixelscminDPIFits
A4794 × 112321,0 × 29,78,27 × 11,6996Využitelná šířka asi 602 px s okraji 25,4 mm
Letter816 × 105621,6 × 27,98,5 × 1196Výchozí v USA; využitelná šířka asi 624 px s okraji 1 in
Legal816 × 134421,6 × 35,68,5 × 1496Dlouhé americké smlouvy a formuláře
A31123 × 158729,7 × 42,011,69 × 16,5496Široké přehledy a harmonogramy
A5559 × 79414,8 × 21,05,83 × 8,2796Brožury a účtenky

CSS definuje jeden palec jako 96 px, takže stránka má pevnou šířku ve stejných jednotkách, jaké používá váš styl. Rozvržení navržené pro okno počítače o šířce 1280 px má na stránce A4 s běžnými okraji zhruba 600 px. Responzivní stránky přejdou na užší rozvržení a tisknou se dobře; stránky s pevným obalem 1000 px se zmenší nebo oříznou, podle vykreslovače. Nastavením Okraje na Úzké (12,7 mm) získáte zpět asi 100 px šířky.

Základní tiskový stylopis: velikost stránky, skryté prvky webu a pravidla zalomení
@page { size: A4; margin: 15mm; }
@media print {
  nav, footer, .cookie-banner { display: none; }
  h2, h3 { break-after: avoid; }
  table, figure, pre { break-inside: avoid; }
  .new-section { break-before: page; }
}

Pravidlo @page pochází z modulu CSS Paged Media konsorcia W3C a určuje velikost listu a okraje. Vlastnosti break-before, break-after a break-inside patří do CSS Fragmentation a nahrazují starší vlastnosti page-break-, které prohlížeče stále přijímají jako aliasy. Webová písma vyžadují ještě jednu kontrolu: písmo načítané ze serveru, na který se převodník nedostane, se nahradí systémovým a se zapnutou volbou Vložit písma* pak PDF vloží toto náhradní písmo. Soubory písem nechte dostupné na úplných adresách https://.

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
Převodník HTML

PDF

Portable Document Format

PDF vytvořil Adobe v roce 1993 a v roce 2008 se stal otevřenou normou ISO 32000. Zafixuje text, písma, obrázky a rozvržení, takže dokument vypadá stejně na každé obrazovce i tiskárně. PDF může obsahovat formuláře, podpisy, odkazy, přílohy a prohledávatelný text a varianta PDF/A se používá pro dlouhodobou archivaci. Pevné rozvržení ztěžuje úpravy a skenovaná PDF obsahují jen obrázky, pokud se nepoužije OCR. Otevře je každý prohlížeč i operační systém.

Komprese
–
Průhlednost
Ano
Animace
Ne
Představeno
1993 · Adobe
Převodník PDF

HTML se přeskládává podle okna, ve kterém se otevře, a závisí na písmech, skriptech a obrázcích uložených jinde. PDF zafixuje jednu stránkovanou verzi, kterou lze archivovat, přiložit k e-mailu s fakturou nebo odevzdat tam, kde portál přijímá jen dokumenty.

Otázky k převodu HTML do PDF

Mohu převést živou webovou stránku vložením její adresy?

Ne, tento převodník pracuje se soubory. Uložte stránku z prohlížeče a nahrajte soubor .html, nebo použijte dialog Tisk v prohlížeči a jako cíl zvolte Uložit jako PDF. Pro stránky za přihlášením nebo plné obrázků načítaných z webu je to lepší cesta.

Proč při převodu HTML do PDF chybí barvy pozadí?

Tiskové zobrazení ve výchozím stavu vynechává pozadí, aby se šetřila barva, a to v prohlížečích i ve většině převodníků. Přidejte print-color-adjust: exact k prvkům, jejichž barvy se mají zachovat, například k záhlaví tabulek a stavovým štítkům, a zůstanou zachovány.

Zůstanou odkazy z HTML v PDF klikací?

Odkazy s úplnou adresou obvykle zůstávají klikací. Relativní odkazy typu /pricing ztratí po opuštění webu svou doménu, proto je přepište na úplné adresy https://, pokud na ně mají čtenáři z PDF klikat.

Proč je moje široká tabulka na pravé straně stránky oříznutá?

Tabulka je širší než tisknutelná oblast, často kvůli pevné šířce v pixelech. Nastavte Orientace na šířku, nebo v tiskovém CSS zadejte tabulce width: 100% a menší odsazení buněk, aby se zalomila na stránku.

Lze spojit více souborů HTML do jednoho PDF?

Každý nahraný soubor se stane samostatným PDF, nejvýše 20 v jedné dávce. Poté je seřaďte pomocí Spojit PDF; pojmenování souborů 01, 02, 03 před nahráním pořadí usnadní.