Převodník HTML do GIF

Q: Jak zmenšit GIF natolik, aby prošel do chatovací aplikace?

Použijte menší **Šířku stránky HTML** nebo převeďte jen první stránku. Pokud je výsledek stále nad limitem, [zmenšení GIF pro Discord](/compress-gif-for-discord) ho přiblíží limitu pro nahrávání.

Vykreslete soubor HTML v prohlížečovém jádře a uložte ho jako GIF pro místa, která tento formát stále vyžadují: e-mailové podpisy, starší fóra a pole ve starších redakčních systémech. Zvolíte šířku okna a také to, zda dostanete jeden dlouhý obrázek, nebo sérii snímků o velikosti stránky.

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

Převést na

Rozlišení

Obrázky

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

Jak nástroj používat

1
Nahrajte HTML
Přidejte soubory .html, .htm nebo .mhtml, nejvýše 20 v jedné dávce a každý do 95 MB. Pokud stránku uložíte jako Webová stránka, jeden soubor, zůstanou s ní obrázky i styly.
2
Zvolte šířku a rozvržení
Šířka stránky HTML je 1280 px; pro e-mailovou šablonu použijte 600 px. Obrázky nastavte na jeden dlouhý obrázek, tedy jeden statický GIF; při nastavení jeden na stránku vzniknou snímky velikosti stránky, které se zobrazují postupně.
3
Převeďte do GIF
Stiskněte Převést na GIF. Pokud má GIF ležet na barevném pozadí, zapněte v části Pokročilá nastavení volbu Průhledné pozadí.

HTML do GIF zachytí, jak stránka vypadá, ne jak se pohybuje: prohlížeč stránku vykreslí v zadané šířce a výsledkem je buď jeden statický GIF, nebo sada snímků velikosti stránky v jednom souboru.

Jak funguje převod HTML do GIF

Nejprve se HTML rozvrhne jako každá webová stránka, v nastavené Šířce stránky HTML od 320 do 3840 px. Použijí se styly a obrázky uvnitř souboru; nedostupná písma se nahradí podobnými. Poté se vykreslená stránka zachytí.

Při nastavení Obrázky na jeden dlouhý obrázek se celá stránka od záhlaví po zápatí změní v jeden statický GIF. Při nastavení jeden na stránku se rozřeže na kusy velikosti stránky a ty se stanou snímky jednoho GIFu, který je ukazuje popořadě. To se hodí pro náhled dlouhého newsletteru nebo vícesekční vstupní stránky bez posouvání.

Meze určuje formát. GIF zavedla společnost CompuServe v roce 1987 a revize GIF89a z roku 1989 přidala prodlevy mezi snímky a průhlednou barvu, což dodnes podporují všechny prohlížeče. Každý snímek je omezen na paletu 256 barev, proto převodník namapuje barvy stránky na nejlepší paletu, kterou najde. Text, ikony, tlačítka a ploché firemní barvy vypadají čistě; nejvíce ztrácejí fotky a měkké stíny.

Omezení GIF, na kterých u vykreslené webové stránky záleží

Barev na snímek: 256
Průhlednost po pixelech, bez měkkých okrajů: Zap./vyp.
Stránka se zachytí, nenahrává se: Statický
souborů HTML v dávce, každý do 95 MB: 20

Převod HTML do GIF: co čekat

MýtusGIF stránky ukazuje efekty při najetí myší i animace.

FaktInteraktivní stavy a pohyb potřebují k vyvolání člověka nebo skript. Zachycení ukazuje stránku v klidu.

MýtusGIF je nejmenší obrazový formát pro webovou stránku.

FaktU stránek s fotkami je JPG nebo WebP obvykle mnohem menší. GIF vyhrává jen u jednoduché ploché grafiky.

MýtusGIF si stránku vyzvedne z její webové adresy.

FaktPřevodník pracuje se souborem HTML, který nahrajete. Stránku nejprve uložte z prohlížeče, nejlépe jako jeden soubor MHTML.

MýtusVíce snímků zajistí ostřejší GIF.

FaktSnímky přidávají délku a velikost souboru, ne detail. Ostrost závisí na šířce stránky a barevné paletě.

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

GIF

Graphics Interchange Format

GIF zavedla společnost CompuServe v roce 1987 a dodnes je nejrozšířenějším formátem pro krátké opakující se animace. Je bezeztrátový, ale omezený na paletu 256 barev na snímek, takže fotografie a přechody vykazují pruhování a rastrování. Podporuje jen průhlednost zapnuto/vypnuto (1 bit), což u oblých tvarů zanechává zubaté okraje. Animované GIFy bývají mnohem větší než stejný klip v MP4 nebo WebP. GIFy přehraje každý prohlížeč, chatovací aplikace i sociální síť.

Komprese: Bezztrátová
Průhlednost: Ano
Animace: Ano
Představeno: 1987 · CompuServe

Převodník GIF

GIF pro vykreslenou stránku lidé volí, když cíl přijímá jen GIF, například e-mailový podpis nebo starší platforma, nebo když chtějí do jednoho souboru několik snímků stránky, který se přehraje bez video přehrávače.

Otázky k převodu HTML do GIF

Lze převést CSS animaci na animovaný GIF?

Ne. Stránka se jednou vykreslí a zachytí, takže CSS přechody, animace pomocí keyframes, videa i efekty řízené skripty se v tu chvíli zastaví. Pokud chcete zachytit pohyb, nahrajte obrazovku během přehrávání stránky a nahrávku převeďte pomocí převodu videa na GIF.

Proč přechody a fotografie v GIF vypadají zrnitě?

Každý snímek GIF může obsahovat nejvýše 256 barev. Stránka s plynulými přechody, stíny nebo fotkami jich má tisíce, a proto se aproximují rozptylem (ditheringem), který se projeví jako tečkování nebo pruhy. Ploché návrhy a text vypadají dobře; u stránek s mnoha fotkami zachová všechny barvy HTML do PNG.

Proč mají okraje průhledného GIF zubaté hrany?

Průhlednost v GIF je u každého pixelu buď zapnutá, nebo vypnutá, bez částečné průsvitnosti. Vyhlazené okraje, které byly smíchány s pozadím, se buď změní na plnou barvu, nebo zmizí, což může na tmavém pozadí zanechat světlý lem. Pokud bude GIF stejně ležet na bílé, ponechte bílé pozadí.

Bude HTML e-mailový podpis uložený jako GIF fungovat ve všech poštovních aplikacích?

Statický GIF se zobrazí prakticky ve všech e-mailových klientech, proto se tento formát léta používal v podpisech. Animované GIFy jsou méně spolehlivé: klasický Outlook pro Windows z let 2007 až 2013 zobrazí jen první snímek, takže důležitý obsah dejte na první snímek.

Jak zmenšit GIF natolik, aby prošel do chatovací aplikace?

Použijte menší Šířku stránky HTML nebo převeďte jen první stránku. Pokud je výsledek stále nad limitem, zmenšení GIF pro Discord ho přiblíží limitu pro nahrávání.