SVG na GIF-omskakelaar

Teken 'n SVG as 'n GIF-beeld teen die wydte wat u kies, vir plekke wat GIF aanvaar maar nie vektorlêers kan wys nie. Die resultaat is 'n stilstaande prent met 'n palet van tot 256 kleure wat deursigtig bly waar die SVG niks geteken het nie.

of los JPG, JPEG, JPE …-lêers hier ·

Maks. 95 MB per lêer· Tot 20 lêers· Uitgevee na 30 minute

Uitvoer

Skakel om na

Lêers word op ons bedieners verwerk en na 30 minute uitgevee.

Hoe om hierdie nutsding te gebruik

1
Laai die SVG-lêers op
Voeg tot 20 .svg-lêers by, elk tot 95 MB, vanaf jou rekenaar of deur hulle na die oplaaigebied te sleep.
2
Stel die pikselwydte
Hierdie bladsy teken die vektor 600 px breed. Verander die getal onder Verander grootte van uitvoerbeeld in Gevorderde instellings; die hoogte volg die tekening se proporsies.
3
Skakel om na GIF
Druk Skakel om na GIF en laai elke beeld af, of die hele stel as 'n ZIP. Toets een lêer teen die agtergrond waarop dit sal sit voordat jy dit gebruik.

Om SVG na GIF om te skakel ruil 'n resolusievrye tekening vir 'n vaste rooster van hoogstens 256 kleure, wat goed is vir plat logo's en ikone en swak pas vir gradiënte.

Skakel SVG om na GIF teen die wydte wat u nodig het

'n SVG is 'n stel instruksies: teken hierdie pad, vul dit met hierdie kleur, plaas hierdie teks. 'n GIF is die teenoorgestelde, 'n rooster piksels wat elk na een van tot 256 palette-inskrywings wys. Omskakeling beteken om die instruksies een keer teen 'n gekose pikselbreedte te teken en die resultaat te stoor, en daarom is die breedte onder Verander grootte van uitvoerbeeld belangriker as enige ander instelling hier. Hierdie bladsy begin by 600 px.

GIF dateer uit 1987, toe CompuServe dit gepubliseer het, en sy hersiening van 1989, GIF89a, het deursigtigheid en raamvertragings bygevoeg. Daardie ouderdom is vandag sy grootste sterkte: sagteware wat nuwer formate weier, van ouer forumenjins tot sommige e-poskliënte en advertensienetwerke, vertoon steeds GIF. 'n SVG word daarenteen in baie oplaaivorms geblokkeer omdat dit XML is wat skrifte kan dra.

Omdat die bron vektor is, kan jy dit teen enige breedte teken sonder om skerpte te verloor. Kies die grootte waarteen die GIF werklik vertoon sal word; om 'n klein GIF later te vergroot bring die waasheid terug wat die SVG nooit gehad het nie.

from ↓ · to →	Deursigtige agtergrond	Sagte halfdeursigtige rande	Meer as 256 kleure	Animation
GIF	GIF to Deursigtige agtergrond: yes	– GIF to Sagte halfdeursigtige rande: no	– GIF to Meer as 256 kleure: no	GIF to Animation: yes
PNG	PNG to Deursigtige agtergrond: yes	PNG to Sagte halfdeursigtige rande: yes	PNG to Meer as 256 kleure: yes	– PNG to Animation: no
WEBP	WEBP to Deursigtige agtergrond: yes	WEBP to Sagte halfdeursigtige rande: yes	WEBP to Meer as 256 kleure: yes	WEBP to Animation: yes
JPG	– JPG to Deursigtige agtergrond: no	– JPG to Sagte halfdeursigtige rande: no	JPG to Meer as 256 kleure: yes	– JPG to Animation: no

supported not offeredWat elke rasterteiken kan hou nadat 'n SVG daarin geteken is. GIF is die enigste wat tot 'n 256-kleurpalet en aan/af-deursigtigheid beperk is.

SVG

Scalable Vector Graphics

SVG is 'n XML-gebaseerde vektorformaat wat die W3C in 2001 gestandaardiseer het. In plaas van pixels beskryf dit vorms, paaie en teks, so dit bly skerp op enige grootte en is gewoonlik piepklein vir logo's en ikone. Dit ondersteun deursigtigheid, CSS-stileer, skripte en animasie, en elke blaaier lewer dit inheems. SVG is ongeskik vir foto's, en komplekse illustrasies kan stadig word om te lewer. Illustrator, Inkscape, Figma en blaaiers kan dit oopmaak en redigeer.

Kompressie: –
Deursigtigheid: Ja
Animasie: Ja
Bekendgestel: 2001 · W3C

SVG-omskakelaar

GIF

Graphics Interchange Format

GIF is in 1987 deur CompuServe bekendgestel en is steeds die mees wyd ondersteunde formaat vir kort, herhalende animasies. Dit is verliesvry, maar beperk tot 'n palet van 256 kleure per raam, so foto's en gradiënte toon bandvorming en dithering. Dit ondersteun slegs aan/af (1-bis) deursigtigheid, wat getande rande op geronde vorms laat. Geanimeerde GIF's is dikwels baie groter as dieselfde snit as MP4 of WebP. Elke blaaier, kletsprogram en sosiale platform speel GIF's.

Kompressie: Verliesloos
Deursigtigheid: Ja
Animasie: Ja
Bekendgestel: 1987 · CompuServe

GIF-omskakelaar

SVG na GIF bestaan vir bestemmings wat by GIF vasgevang is, soos e-poshandtekeninge, ou forums en advertensieplekke, wat 'n klein plat beeld van 'n vektorlogo nodig het; om 'n GIF in SVG te verander is 'n natrekwerk wat skaleerbare kunswerk wil terugkry.

Geanimeerde SVG na GIF: wat nie omgeskakel word nie

SMIL-, CSS- en skripanimasie val weg

'n SVG wat in die blaaier beweeg deur animate-elemente, CSS-keyframes of JavaScript word 'n enkele stilstaande GIF-raam wat die begintoestand wys. Vir 'n bewegende GIF, neem die animasie as 'n video op en skakel dit om met die video na GIF-hulpmiddel.

256 kleure en een-bis-deursigtigheid in die praktyk

Die meeste SVG-logo's gebruik 'n handvol plat kleure, so die paletbeperking kos niks. Die probleemplekke is gladgemaakte rande en gradiënte. Elke geboë rand in 'n getekende SVG bevat tussenin-piksels wat gedeeltelik deursigtig is; GIF moet elkeen heeltemal sigbaar of heeltemal deursigtig maak, wat 'n getrapte omlyning of 'n bleek soom kan laat.

Die oplossing is om die agtergrond te bepaal voor omskakeling. As die GIF op 'n wit e-posliggaam sal sit, gee die SVG 'n wit agtergrondreghoek; op 'n donker forumtema, gebruik daardie tema se kleur. Die randpiksels meng dan in die regte kleur en die omlyning bly glad. As jy nie vooraf kan weet nie, is PNG veiliger.

Vrae oor SVG na GIF

Waarom GIF eerder as PNG vir 'n SVG-logo gebruik?

Net wanneer die bestemming GIF vereis, soos 'n ou CMS, 'n forumhandtekening of 'n advertensiesjabloon wat GIF as die beeldtipe noem. PNG behou sagte rande en onbeperkte kleure, dus is SVG na PNG die beter keuse wanneer albei toegelaat word.

Sal my geanimeerde SVG 'n geanimeerde GIF word?

Nee. Die omskakelaar teken die SVG een keer, in sy begintoestand, so SMIL-animasie-elemente, CSS-keyframes en skrifte loop nie en jy kry een stilstaande raam. Om beweging vas te vang, neem die animasie op terwyl dit in 'n blaaier speel as 'n video, en gebruik dan video na GIF.

Waarom lyk die rande van my logo hoekig of het dit 'n ligte stralekrans?

GIF-deursigtigheid is per piksel aan of af, so die gladde, gedeeltelik deursigtige randpiksels van 'n SVG moet óf behou óf weggelaat word. Rande wat vir een agtergrond gemeng is, wys 'n soom op 'n ander. Voeg 'n agtergrondreghoek in die kleur van die teikenbladsy by voor omskakeling, dan meng die rande netjies.

Wat gebeur met kleurverlopings in die SVG?

'n GIF-palet hou hoogstens 256 kleure, so gladde kleurgradiënte moet benader word. Kort gradiënte lyk goed; groot, subtiele gradiënte wys trappe of 'n gestippelde dither-patroon. Logo's en ikone met plat kleure, die gewone SVG-inhoud, pas maklik in die palet.

Kan ek die GIF in 'n e-poshandtekening gebruik?

Ja, en dit is een van die hoofredes waarom mense hierdie omskakeling nodig het. Gmail en Outlook wys nie SVG-beelde in boodskappe nie, terwyl GIF al dekades in e-poskliënte vertoon. Hou die breedte beskeie, ongeveer 300 tot 600 px, sodat die handtekening lig bly.

Watter SVG-grootte-instellings lees die omskakelaar?

Dit gebruik die tekening se breedte, hoogte en viewBox om die proporsies uit te werk, en teken dit dan teen die pikselbreedte wat jy stel. Omdat die bron vektor is, kos 'n groter breedte nie skerpte nie, net lêergrootte.