HTML naar GIF converteren

Q: Hoe maak ik de GIF klein genoeg voor een chatapp?

Gebruik een smallere **Breedte van de HTML-pagina**, of converteer alleen de eerste pagina. Is het resultaat nog steeds te groot, dan verkleint [GIF comprimeren voor Discord](/compress-gif-for-discord) het bestand tot de uploadlimiet.

Render een HTML-bestand in een browserengine en sla het op als GIF, voor plekken die nog om dat formaat vragen: e-mailhandtekeningen, oudere forums, velden in een ouder CMS. U kiest de vensterbreedte en of u één lange afbeelding krijgt of een reeks frames ter grootte van een pagina.

of sleep DOC, DOCX, DOCM …-bestanden hierheen ·

Max. 95 MB per bestand· Tot 20 bestanden· Verwijderd na 30 minuten

Uitvoer

Converteren naar

Resolutie

Afbeeldingen

Bestanden worden op onze servers verwerkt en na 30 minuten verwijderd.

Zo gebruikt u deze tool

1
Upload de HTML
Voeg .html-, .htm- of .mhtml-bestanden toe, maximaal 20 per batch en 95 MB per bestand. Als u de pagina opslaat als Webpagina, één bestand, blijven de afbeeldingen en stijlen erbij.
2
Kies breedte en indeling
Breedte van de HTML-pagina is 1280 px; gebruik 600 px voor een e-mailsjabloon. Afbeeldingen is één lange afbeelding, een enkele stilstaande GIF; zet het op één per pagina voor frames ter grootte van een pagina die na elkaar worden getoond.
3
Converteer naar GIF
Klik op Converteren naar GIF. Moet de GIF op een gekleurde achtergrond komen te staan, schakel dan Transparante achtergrond in onder Geavanceerde instellingen.

HTML naar GIF legt vast hoe een pagina eruitziet, niet hoe die beweegt: de browser tekent de pagina op uw breedte en het resultaat is één stilstaande GIF of een reeks frames ter grootte van een pagina in één bestand.

Zo werkt het omzetten van HTML naar GIF

Eerst wordt de HTML opgemaakt zoals elke webpagina, op de Breedte van de HTML-pagina die u instelt, van 320 tot 3840 px. Stijlen en afbeeldingen in het bestand worden toegepast; lettertypen die niet bereikbaar zijn, worden vervangen door verwante exemplaren. Daarna wordt de weergegeven pagina vastgelegd.

Met Afbeeldingen op één lange afbeelding wordt de hele pagina van kop tot voet één stilstaande GIF. Bij één per pagina wordt de pagina in stukken ter grootte van een pagina geknipt en vormen die stukken de frames van één GIF die ze in volgorde toont. Dat is handig om een lange nieuwsbrief of een landingspagina met meerdere secties te bekijken zonder te scrollen.

Het formaat bepaalt de grenzen. CompuServe introduceerde GIF in 1987 en de GIF89a-herziening van 1989 voegde framevertragingen en een transparante kleur toe, en dat wordt nog steeds door elke viewer ondersteund. Elk frame is beperkt tot een palet van 256 kleuren, dus de converter wijst de kleuren van de pagina toe aan het beste palet dat hij kan vinden. Tekst, pictogrammen, knoppen en vlakke merkkleuren komen er schoon doorheen; foto's en zachte schaduwen verliezen het meest.

GIF-beperkingen die belangrijk zijn voor een gerenderde webpagina

Kleuren per frame: 256
Transparantie per pixel, geen zachte randen: Aan/uit
De pagina wordt vastgelegd, niet opgenomen: Stilstaand
HTML-bestanden per batch, elk 95 MB: 20

HTML naar GIF converteren: wat u kunt verwachten

MytheEen GIF van een pagina toont de hovereffecten en animaties.

FeitInteractieve toestanden en beweging hebben een persoon of een script nodig om ze te activeren. De opname toont de pagina in rust.

MytheGIF is het kleinste afbeeldingsformaat voor een webpagina.

FeitVoor pagina's met foto's is een JPG of WebP meestal veel kleiner. GIF wint alleen bij eenvoudige, vlakke afbeeldingen.

MytheDe GIF haalt de pagina op via het webadres.

FeitDe converter werkt met het HTML-bestand dat u uploadt. Sla de pagina eerst op vanuit uw browser, bij voorkeur als één MHTML-bestand.

MytheMet meer frames wordt de GIF scherper.

FeitFrames voegen lengte en bestandsgrootte toe, geen detail. Scherpte komt van de paginabreedte en het kleurenpalet.

HTML

HyperText Markup Language

HTML is de opmaaktaal van het web, begin jaren negentig voor het eerst beschreven door Tim Berners-Lee en nu door WHATWG onderhouden als doorlopende standaard. Een HTML-bestand beschrijft koppen, alinea's, links, tabellen, afbeeldingen en formulieren, terwijl de opmaak meestal uit CSS komt. Elke browser geeft het weer, en het wordt ook gebruikt voor e-mailsjablonen en opgeslagen webpagina's. Een los HTML-bestand is vaak afhankelijk van externe afbeeldingen en stijlbladen, dus het kan er kapot uitzien als u het alleen verplaatst.

Compressie: –
Transparantie: –
Animatie: –
Geïntroduceerd: 1993 · Tim Berners-Lee; maintained by WHATWG

HTML-converter

GIF

Graphics Interchange Format

GIF werd in 1987 door CompuServe geïntroduceerd en is nog steeds het meest ondersteunde formaat voor korte, herhalende animaties. Het is verliesvrij, maar beperkt tot een palet van 256 kleuren per frame, waardoor foto's en kleurverlopen banding en dithering tonen. Het ondersteunt alleen aan/uit-transparantie (1 bit), wat grillige randen geeft bij ronde vormen. Geanimeerde GIF's zijn vaak veel groter dan dezelfde clip als MP4 of WebP. Elke browser, chatapp en sociaal platform speelt GIF's af.

Compressie: Zonder verlies
Transparantie: Ja
Animatie: Ja
Geïntroduceerd: 1987 · CompuServe

GIF-converter

Mensen kiezen GIF voor een weergegeven pagina wanneer de bestemming alleen GIF accepteert, zoals een e-mailhandtekening of een ouder platform, of wanneer ze meerdere paginaframes in één bestand willen dat zonder videospeler afspeelt.

Vragen over HTML naar GIF

Kan een CSS-animatie een geanimeerde GIF worden?

Nee. De pagina wordt één keer weergegeven en vastgelegd, dus CSS-overgangen, keyframe-animaties, video's en scripteffecten zijn op dat moment bevroren. Wilt u beweging vastleggen, neem dan het scherm op terwijl de pagina wordt afgespeeld en zet de opname om met video naar GIF.

Waarom zien kleurverlopen en foto's er korrelig uit in de GIF?

Elk GIF-frame kan maximaal 256 kleuren gebruiken. Een pagina met vloeiende kleurverlopen, schaduwen of foto's heeft er duizenden, dus die worden benaderd met dithering, wat zichtbaar is als spikkels of banden. Vlakke ontwerpen en tekst blijven goed overeind; voor pagina's met veel foto's behoudt HTML naar PNG alle kleuren.

Waarom zijn de randen van een transparante GIF gekarteld?

GIF-transparantie staat per pixel aan of uit, zonder gedeeltelijke dekking. Gladgestreken randen die met een achtergrond zijn gemengd, worden een effen kleur of verdwijnen, waardoor een lichte rand kan achterblijven op donkere achtergronden. Houd de witte achtergrond aan als de GIF toch op wit komt te staan.

Werkt een HTML-e-mailhandtekening als GIF in elke mailapp?

Een stilstaande GIF wordt in vrijwel elke e-mailclient getoond, en daarom gebruikten handtekeningen dit formaat jarenlang. Geanimeerde GIF's zijn minder betrouwbaar: klassiek Outlook voor Windows van 2007 tot 2013 toont alleen het eerste frame, dus zet de belangrijke inhoud op frame één.

Hoe maak ik de GIF klein genoeg voor een chatapp?

Gebruik een smallere Breedte van de HTML-pagina, of converteer alleen de eerste pagina. Is het resultaat nog steeds te groot, dan verkleint GIF comprimeren voor Discord het bestand tot de uploadlimiet.