Konvertera HTML till GIF
Rendera en HTML-fil i en webbläsarmotor och spara den som GIF, för de ställen som fortfarande kräver det formatet: e-postsignaturer, äldre forum och fält i äldre publiceringssystem. Du väljer fönsterbredd och om du vill ha en lång bild eller en följd av sidstora bildrutor.
Dokument till bild
eller släpp DOC, DOCX, DOCM …-filer här ·
Max 95 MB per fil· Upp till 20 filer· Raderas efter 30 minuter
Filerna bearbetas på våra servrar och raderas efter 30 minuter.
Konvertera alla sidor, bara den första (en miniatyr eller ett omslag) eller ett intervall.
Sidor eller bilder som ska konverteras, t.ex. 1-3, 5, 8-10.
Endast HTML-filer: bredden på webbläsarfönstret som används för att rendera sidan. 1280 px är en typisk bärbar dator; 390 px visar mobillayouten.
85 behåller texten skarp vid måttlig storlek. Lägre värden ger mindre filer men gör liten text suddig.
Så använder du verktyget
- 1
Ladda upp HTML-filen
Lägg till .html-, .htm- eller .mhtml-filer, upp till 20 per omgång och 95 MB per fil. Om du sparar sidan som Webbsida, en fil följer bilder och stilar med.
- 2
Välj bredd och layout
HTML-sidans bredd är 1280 px; använd 600 px för en e-postmall. Bilder är en lång bild, en enda stillbilds-GIF; ställ in en per sida för sidstora bildrutor som visas efter varandra.
- 3
Konvertera till GIF
Tryck på Konvertera till GIF. Om GIF-bilden ska ligga på en färgad bakgrund slår du på Transparent bakgrund under Avancerade inställningar.
HTML till GIF fångar hur en sida ser ut, inte hur den rör sig: webbläsaren ritar sidan i din bredd, och resultatet blir antingen en stillbilds-GIF eller en uppsättning sidstora bildrutor i en fil.
Så fungerar konvertering från HTML till GIF
Först läggs HTML-koden ut som vilken webbsida som helst, i den HTML-sidans bredd du anger, från 320 upp till 3840 px. Stilar och bilder i filen tillämpas; typsnitt som inte går att nå byts mot närbesläktade. Därefter fångas den renderade sidan.
Med Bilder satt till en lång bild blir hela sidan från sidhuvud till sidfot en enda stillbilds-GIF. Med en per sida delas den i sidstora bitar som blir bildrutor i en GIF som visar dem i ordning, vilket är praktiskt för att förhandsgranska ett långt nyhetsbrev eller en målsida med flera avsnitt utan att scrolla.
Formatet sätter gränserna. CompuServe introducerade GIF 1987, och revisionen GIF89a från 1989 la till bildrutefördröjning och en transparent färg, vilket fortfarande är det alla visare stöder. Varje bildruta är begränsad till en palett på 256 färger, så konverteraren mappar sidans färger till den bästa paletten den hittar. Text, ikoner, knappar och platta varumärkesfärger blir rena; foton och mjuka skuggor förlorar mest.
GIF-begränsningar som påverkar en renderad webbsida
- Färger per bildruta
- 256
- Transparens per pixel, inga mjuka kanter
- På/av
- Sidan fångas, spelas inte in
- Stillbild
- HTML-filer per omgång, 95 MB per fil
- 20
Konvertera HTML till GIF: vad du kan förvänta dig
MytEn GIF av en sida visar dess hover-effekter och animationer.
FaktaInteraktiva lägen och rörelse kräver en person eller ett skript som utlöser dem. Fångsten visar sidan i vila.
MytGIF är det minsta bildformatet för en webbsida.
FaktaFör sidor med foton är JPG eller WebP oftast mycket mindre. GIF vinner bara på enkel, platt grafik.
MytGIF-bilden hämtar sidan från dess webbadress.
FaktaKonverteraren arbetar med den HTML-fil du laddar upp. Spara sidan från webbläsaren först, helst som en enda MHTML-fil.
MytFler bildrutor gör GIF-bilden skarpare.
FaktaBildrutor ger längre tid och större fil, inte mer detaljer. Skärpan kommer från sidans bredd och färgpaletten.
HTML
HyperText Markup Language
HTML är webbens märkspråk, som Tim Berners-Lee först beskrev i början av 1990-talet och som numera underhålls av WHATWG som en levande standard. En HTML-fil beskriver rubriker, stycken, länkar, tabeller, bilder och formulär, medan utseendet oftast kommer från CSS. Alla webbläsare visar det, och det används också för e-postmallar och sparade webbsidor. En enskild HTML-fil är ofta beroende av externa bilder och stilmallar, så den kan se trasig ut när den flyttas ensam.
- Komprimering
- –
- Transparens
- –
- Animation
- –
- Introducerades
- 1993 · Tim Berners-Lee; maintained by WHATWG
GIF
Graphics Interchange Format
GIF introducerades av CompuServe 1987 och är fortfarande det mest stödda formatet för korta animationer i loop. Det är förlustfritt men begränsat till en palett på 256 färger per bildruta, så foton och toningar får färgband och dithering. Det stöder bara transparens av/på (1 bit), vilket ger hackiga kanter på rundade former. Animerade GIF-filer är ofta mycket större än samma klipp som MP4 eller WebP. Alla webbläsare, chattappar och sociala plattformar spelar upp GIF.
- Komprimering
- Förlustfri
- Transparens
- Ja
- Animation
- Ja
- Introducerades
- 1987 · CompuServe
Man väljer GIF för en renderad sida när målet bara accepterar GIF, till exempel en e-postsignatur eller en äldre plattform, eller när man vill packa flera sidbildrutor i en fil som spelas upp utan videospelare.
Frågor om HTML till GIF
Kan en CSS-animation bli en animerad GIF?
Nej. Sidan renderas en gång och fångas, så CSS-övergångar, keyframe-animationer, videor och skriptade effekter fryses i det ögonblicket. Vill du fånga rörelse kan du spela in skärmen medan sidan spelas upp och konvertera inspelningen med video till GIF.
Varför ser övertoningar och foton korniga ut i GIF-filen?
Varje GIF-bildruta kan använda högst 256 färger. En sida med mjuka toningar, skuggor eller foton har tusentals, så de approximeras med dithering, som syns som prickar eller band. Platta designer och text klarar sig bra; för sidor med mycket foton behåller HTML till PNG alla färger.
Varför ser kanterna på en transparent GIF taggiga ut?
GIF-transparens är på eller av per pixel, utan delvis opacitet. Kantutjämnade kanter som blandats mot en bakgrund blir antingen en enfärgad yta eller försvinner, vilket kan ge en ljus kant mot mörka bakgrunder. Behåll den vita bakgrunden om GIF-bilden ändå ska ligga på vitt.
Fungerar en HTML-e-postsignatur sparad som GIF i alla e-postprogram?
En stillbilds-GIF visas i praktiskt taget alla e-postklienter, vilket är anledningen till att signaturer använde formatet i många år. Animerade GIF-bilder är mindre pålitliga: klassiska Outlook för Windows från 2007 till 2013 visar bara första bildrutan, så lägg det viktiga innehållet i bildruta ett.
Hur gör jag GIF-filen tillräckligt liten för en chattapp?
Använd en smalare HTML-sidans bredd, eller konvertera bara första sidan. Om resultatet fortfarande är över en gräns kan du komprimera GIF för Discord för att minska den mot uppladdningsgränsen.