HTML til GIF-konverter

Q: Hvordan gjør jeg GIF-en liten nok for en chatteapp?

Bruk en smalere **Bredde på HTML-siden**, eller konverter bare den første siden. Hvis resultatet fortsatt er over en grense, kan du [komprimere GIF for Discord](/compress-gif-for-discord) for å krympe den mot opplastingsgrensen.

Gjengi en HTML-fil i en nettlesermotor og lagre den som GIF, for steder som fortsatt krever det formatet: e-postsignaturer, eldre forum og gamle CMS-felt. Du velger vindusbredden og om du får ett langt bilde eller en sekvens av sidestore bilder.

eller slipp DOC, DOCX, DOCM …-filer her ·

Maks 95 MB per fil· Opptil 20 filer· Slettes etter 30 minutter

Utdata

Konverter til

Oppløsning

Bilder

Filene behandles på serverne våre og slettes etter 30 minutter.

Slik bruker du dette verktøyet

1
Last opp HTML-filen
Legg til .html-, .htm- eller .mhtml-filer, opptil 20 per runde og 95 MB per fil. Hvis du lagrer siden som Webpage, Single File, følger bildene og stilene med.
2
Velg bredde og oppsett
Bredde på HTML-siden er 1280 px; bruk 600 px for en e-postmal. Bilder er ett langt bilde, én stillestående GIF; velg ett per side for sidestore bilderuter som vises etter hverandre.
3
Konverter til GIF
Trykk Konverter til GIF. Hvis GIF-en skal ligge på en farget bakgrunn, slår du på Gjennomsiktig bakgrunn under Avanserte innstillinger.

HTML til GIF fanger hvordan en side ser ut, ikke hvordan den beveger seg: nettleseren tegner siden i den bredden du velger, og resultatet er enten én stillestående GIF eller et sett med sidestore ruter i én fil.

Slik fungerer konvertering fra HTML til GIF

Først legges HTML-en ut som en vanlig nettside, i den Bredde på HTML-siden du har satt, fra 320 opptil 3840 px. Stiler og bilder i filen brukes; skrifter som ikke er tilgjengelige byttes ut med nære slektninger. Deretter fanges den gjengitte siden.

Med Bilder satt til ett langt bilde blir hele siden fra topptekst til bunntekst én stillestående GIF. Med ett per side deles den i sidestore deler, og de blir ruter i én GIF som viser dem i rekkefølge. Det er praktisk for å forhåndsvise et langt nyhetsbrev eller en landingsside med flere deler uten å rulle.

Formatet setter grensene. CompuServe lanserte GIF i 1987, og revisjonen GIF89a fra 1989 la til forsinkelse mellom ruter og én gjennomsiktig farge, noe alle visere fortsatt støtter. Hver rute er begrenset til en palett på 256 farger, så konverteren tilordner sidens farger til den beste paletten den finner. Tekst, ikoner, knapper og flate merkefarger kommer tydelig frem; bilder og myke skygger taper mest.

GIF-begrensninger som betyr noe for en gjengitt nettside

Farger per rute: 256
Gjennomsiktighet per piksel, ingen myke kanter: På/av
Siden fanges, ikke tas opp: Stillestående
HTML-filer per runde, 95 MB hver: 20

Konverter HTML til GIF: hva du kan forvente

MyteEn GIF av en side viser hover-effektene og animasjonene.

FaktaInteraktive tilstander og bevegelse krever at en person eller et skript utløser dem. Opptaket viser siden i hvile.

MyteGIF er det minste bildeformatet for en nettside.

FaktaFor sider med bilder er JPG eller WebP vanligvis mye mindre. GIF vinner bare på enkel, flat grafikk.

MyteGIF-en henter siden fra nettadressen.

FaktaKonverteren jobber med HTML-filen du laster opp. Lagre siden fra nettleseren først, helst som én MHTML-fil.

MyteFlere ruter gjør GIF-en skarpere.

FaktaRuter gir lengre varighet og større filstørrelse, ikke flere detaljer. Skarphet kommer fra sidebredden og fargepaletten.

HTML

HyperText Markup Language

HTML er nettets markeringsspråk, første gang beskrevet av Tim Berners-Lee tidlig på 1990-tallet og nå vedlikeholdt av WHATWG som en levende standard. En HTML-fil beskriver overskrifter, avsnitt, lenker, tabeller, bilder og skjemaer, mens stilen vanligvis kommer fra CSS. Alle nettlesere viser det, og det brukes også til e-postmaler og lagrede nettsider. En enkelt HTML-fil er ofte avhengig av eksterne bilder og stilark, så den kan se ødelagt ut når den flyttes alene.

Komprimering: –
Gjennomsiktighet: –
Animasjon: –
Introdusert: 1993 · Tim Berners-Lee; maintained by WHATWG

HTML-konverterer

GIF

Graphics Interchange Format

GIF ble introdusert av CompuServe i 1987 og er fortsatt det best støttede formatet for korte animasjoner i løkke. Det er tapsfritt, men begrenset til en palett på 256 farger per bilde, så bilder og fargeoverganger får synlige striper og dithering. Det støtter bare av/på-gjennomsiktighet (1 bit), noe som gir hakkete kanter på buede former. Animerte GIF-er er ofte mye større enn det samme klippet som MP4 eller WebP. Alle nettlesere, chat-apper og sosiale plattformer spiller av GIF-er.

Komprimering: Tapsfri
Gjennomsiktighet: Ja
Animasjon: Ja
Introdusert: 1987 · CompuServe

GIF-konverterer

Folk velger GIF for en gjengitt side når mottakeren bare godtar GIF, for eksempel en e-postsignatur eller en eldre plattform, eller når de vil ha flere sideruter samlet i én fil som spilles av uten videospiller.

Spørsmål om HTML til GIF

Kan en CSS-animasjon bli en animert GIF?

Nei. Siden gjengis én gang og fanges, så CSS-overganger, keyframe-animasjoner, videoer og skriptede effekter fryses i det øyeblikket. For å fange bevegelse kan du ta opp skjermen mens siden spilles av og konvertere opptaket med video til GIF.

Hvorfor ser fargeoverganger og bilder kornete ut i GIF-en?

Hver GIF-rute kan bruke maksimalt 256 farger. En side med myke fargeoverganger, skygger eller bilder har tusenvis av farger, så de tilnærmes med dithering, som vises som prikker eller striper. Flate design og tekst klarer seg godt; for sider med mange bilder bevarer HTML til PNG alle farger.

Hvorfor ser kantene på en gjennomsiktig GIF hakkete ut?

Gjennomsiktighet i GIF er enten av eller på per piksel, uten delvis opasitet. Kanter med kantutjevning som er blandet mot en bakgrunn, blir enten en heldekkende farge eller forsvinner, noe som kan gi en lys kant på mørk bakgrunn. Behold den hvite bakgrunnen hvis GIF-en uansett skal ligge på hvitt.

Fungerer en HTML-e-postsignatur lagret som GIF i alle e-postprogrammer?

En stillestående GIF vises i praktisk talt alle e-postklienter, og derfor brukte signaturer formatet i årevis. Animerte GIF-er er mindre pålitelige: klassisk Outlook for Windows fra 2007 til 2013 viser bare første rute, så legg det viktigste innholdet på rute én.

Hvordan gjør jeg GIF-en liten nok for en chatteapp?

Bruk en smalere Bredde på HTML-siden, eller konverter bare den første siden. Hvis resultatet fortsatt er over en grense, kan du komprimere GIF for Discord for å krympe den mot opplastingsgrensen.