UltKit

Konvertor HTML na GIF

Súbor HTML sa vykreslí v jadre prehliadača a uloží ako GIF pre miesta, ktoré tento formát stále vyžadujú: e-mailové podpisy, staršie fóra a polia v starších CMS. Zvolíte šírku okna a to, či dostanete jeden dlhý obrázok, alebo sekvenciu snímok vo veľkosti strany.

Dokument na obrázok

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

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

Ako používať tento nástroj

  1. 1

    Nahrajte HTML

    Pridajte súbory .html, .htm alebo .mhtml, najviac 20 v jednej dávke a každý do 95 MB. Ak stránku uložíte ako Webpage, Single File, zostanú jej obrázky a štýly zachované.

  2. 2

    Zvoľte šírku a rozloženie

    Šírka stránky HTML je 1280 px; pre e-mailovú šablónu použite 600 px. Obrázky je jeden dlhý obrázok, teda jeden statický GIF; ak chcete snímky veľkosti stránky zobrazené postupne za sebou, nastavte jeden obrázok na stranu.

  3. 3

    Previeďte na GIF

    Stlačte Previesť na GIF. Ak má GIF ležať na farebnom pozadí, zapnite Priehľadné pozadie v časti Rozšírené nastavenia.

HTML na GIF zachytáva, ako stránka vyzerá, nie ako sa hýbe: prehliadač stránku vykreslí v zvolenej šírke a výsledkom je buď jeden statický GIF, alebo sada snímok veľkosti stránky v jednom súbore.

Ako funguje prevod HTML na GIF

Najprv sa HTML rozloží ako každá webová stránka, v nastavenej šírke stránky HTML od 320 do 3840 px. Použijú sa štýly a obrázky v súbore; nedostupné fonty sa nahradia podobnými. Potom sa vykreslená stránka zachytí.

Pri nastavení Obrázky na jeden dlhý obrázok sa celá stránka od hlavičky po pätu stane jedným statickým GIF. Pri nastavení jeden na stranu sa rozreže na časti veľkosti stránky a tie sa stanú snímkami jedného GIF, ktorý ich zobrazí v poradí. To sa hodí na náhľad dlhého newslettera alebo viacsekčnej vstupnej stránky bez posúvania.

Limity určuje formát. GIF predstavila CompuServe v roku 1987 a revízia GIF89a z roku 1989 pridala oneskorenia snímok a priehľadnú farbu, čo dodnes podporuje každý prehliadač. Každý snímok je obmedzený na paletu 256 farieb, preto konvertor namapuje farby stránky na najlepšiu nájdenú paletu. Text, ikony, tlačidlá a ploché farby značky vyjdú čisto; najviac strácajú fotky a mäkké tiene.

Obmedzenia GIF dôležité pre vykreslenú webovú stránku

Farieb na snímku
256
Priehľadnosť po pixeloch, bez mäkkých okrajov
Zap./vyp.
Stránka sa zachytí, nenahráva sa
Statický
súborov HTML v dávke, každý do 95 MB
20

Prevod HTML na GIF: čo očakávať

MýtusGIF stránky ukazuje jej efekty po nabehnutí myšou aj animácie.

FaktInteraktívne stavy a pohyb vyžadujú človeka alebo skript, ktorý ich spustí. Zachytenie ukazuje stránku v pokojovom stave.

MýtusGIF je najmenší obrazový formát pre webovú stránku.

FaktPri stránkach s fotkami je JPG alebo WebP zvyčajne oveľa menší. GIF vyhráva iba pri jednoduchej plochej grafike.

MýtusGIF si stránku načíta z jej webovej adresy.

FaktKonvertor pracuje so súborom HTML, ktorý nahráte. Stránku najprv uložte z prehliadača, ideálne ako jeden súbor MHTML.

MýtusViac snímok robí GIF ostrejším.

FaktSnímky pridávajú dĺžku a veľkosť súboru, nie detaily. Ostrosť závisí od šírky stránky a farebnej palety.

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

GIF

Graphics Interchange Format

GIF predstavila spoločnosť CompuServe v roku 1987 a dodnes je to najšpičkovejšie podporovaný formát krátkych opakujúcich sa animácií. Je bezstratový, ale obmedzený na paletu 256 farieb na snímku, takže fotografie a farebné prechody vykazujú pruhovanie a rozptyľovanie. Podporuje len priehľadnosť zap/vyp (1-bit), čo zanecháva zubaté okraje na oblých tvaroch. Animované GIFy bývajú oveľa väčšie než rovnaký klip v MP4 alebo WebP. GIFy prehrá každý prehliadač, chatovacia aplikácia aj sociálna sieť.

Kompresia
Bezstratová
Priehľadnosť
Áno
Animácia
Áno
Rok vzniku
1987 · CompuServe
Konvertor GIF

GIF pre vykreslenú stránku ľudia volia, keď cieľ prijíma iba GIF, napríklad e-mailový podpis alebo starší systém, alebo keď chcú zbaliť viac snímok stránky do jedného súboru, ktorý sa prehráva bez video prehrávača.

Otázky o prevode HTML na GIF

Dá sa CSS animácia previesť na animovaný GIF?

Nie. Stránka sa vykreslí raz a zachytí, takže CSS prechody, animácie keyframe, videá a skriptované efekty sú v tej chvíli zmrazené. Ak chcete zachytiť pohyb, nahrajte obrazovku počas prehrávania stránky a nahrávku previeďte pomocou videa na GIF.

Prečo prechody a fotky v GIF vyzerajú zrnito?

Každý snímok GIF môže použiť najviac 256 farieb. Stránka s plynulými prechodmi, tieňmi alebo fotkami ich má tisíce, preto sa približujú rozptylom (ditheringom), čo je vidieť ako zrnenie alebo pruhy. Ploché dizajny a text zostanú voveľmi dobrej kvalite; pri stránkach bohatých na fotky HTML na PNG zachová všetky farby.

Prečo sú okraje priehľadného GIF zubaté?

Priehľadnosť v GIF je pre každý pixel zapnutá alebo vypnutá, bez čiastočnej priesvitnosti. Vyhladené okraje zmiešané s pozadím sa buď zmenia na plnú farbu, alebo zmiznú, čo môže na tmavom pozadí nechať svetlý lem. Ak bude GIF ležať na bielom, ponechajte biele pozadie.

Bude HTML e-mailový podpis uložený ako GIF fungovať v každej poštovej aplikácii?

Statický GIF sa zobrazí prakticky v každom e-mailovom klientovi, preto sa tento formát roky používal v podpisoch. Animované GIF sú menej spoľahlivé: klasický Outlook pre Windows z rokov 2007 až 2013 zobrazí iba prvý snímok, preto dajte dôležitý obsah na prvý snímok.

Ako zmenšiť GIF natoľko, aby prešiel v chatovej aplikácii?

Použite užšiu šírku stránky HTML alebo preveďte iba prvú stranu. Ak je výsledok stále nad limitom, komprimovanie GIF pre Discord ho zmenší k limitu na nahrávanie.