UltKit

SVG til GIF-konverter

Gjengi en SVG som et GIF-bilde i bredden du velger, for steder som godtar GIF, men ikke kan vise vektorfiler. Resultatet er et stillbilde med en palett på opptil 256 farger, og det forblir gjennomsiktig der SVG-en ikke har noe tegnet.

Bildekonverterer

eller slipp JPG, JPEG, JPE …-filer her ·

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

Utdata

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

Slik bruker du dette verktøyet

  1. 1

    Last opp SVG-filene

    Legg til opptil 20 .svg-filer på 95 MB hver, fra datamaskinen din eller ved å dra dem til opplastingsfeltet.

  2. 2

    Angi bredden i piksler

    Denne siden tegner vektorgrafikken med 600 px bredde. Endre tallet under Endre størrelse på det ferdige bildet i Avanserte innstillinger; høyden følger proporsjonene i tegningen.

  3. 3

    Konverter til GIF

    Trykk Konverter til GIF og last ned hvert bilde, eller hele settet som ZIP. Sjekk én fil mot bakgrunnen den skal ligge på før du tar den i bruk.

Når du konverterer SVG til GIF, bytter du en oppløsningsuavhengig tegning mot et fast rutenett med maksimalt 256 farger. Det går fint for flate logoer og ikoner, men passer dårlig for fargeoverganger.

Gjør SVG om til GIF i bredden du trenger

En SVG er et sett med instruksjoner: tegn denne banen, fyll den med denne fargen, plasser denne teksten. En GIF er det motsatte, et rutenett av piksler som hver peker på én av opptil 256 palettoppføringer. Konvertering betyr å tegne instruksjonene én gang med en valgt pikselbredde og lagre resultatet, og derfor er bredden under Endre størrelse på det ferdige bildet viktigere enn noen annen innstilling her. Denne siden starter på 600 px.

GIF stammer fra 1987, da CompuServe publiserte det, og revisjonen fra 1989, GIF89a, la til gjennomsiktighet og forsinkelse mellom bilder. Alderen er den største styrken i dag: programvare som nekter nyere formater, fra eldre forumsystemer til enkelte e-postprogrammer og annonsenettverk, viser fortsatt GIF. En SVG blokkeres derimot i mange opplastingsskjemaer fordi den er XML som kan inneholde skript.

Siden kilden er vektorgrafikk, kan du tegne den i hvilken som helst bredde uten å miste skarphet. Velg størrelsen GIF-en faktisk skal vises i; å skalere opp en liten GIF senere bringer tilbake uskarpheten SVG-en aldri hadde.

from ↓ · to →Gjennomsiktig bakgrunnMyke, delvis gjennomsiktige kanterMer enn 256 fargerAnimation
GIFGIF to Gjennomsiktig bakgrunn: yes– GIF to Myke, delvis gjennomsiktige kanter: no– GIF to Mer enn 256 farger: noGIF to Animation: yes
PNGPNG to Gjennomsiktig bakgrunn: yesPNG to Myke, delvis gjennomsiktige kanter: yesPNG to Mer enn 256 farger: yes– PNG to Animation: no
WEBPWEBP to Gjennomsiktig bakgrunn: yesWEBP to Myke, delvis gjennomsiktige kanter: yesWEBP to Mer enn 256 farger: yesWEBP to Animation: yes
JPG– JPG to Gjennomsiktig bakgrunn: no– JPG to Myke, delvis gjennomsiktige kanter: noJPG to Mer enn 256 farger: yes– JPG to Animation: no
supported not offeredHva hvert rasterformat kan romme etter at en SVG er tegnet inn i det. GIF er det eneste som er begrenset til en palett på 256 farger og av/på-gjennomsiktighet.

SVG

Scalable Vector Graphics

SVG er et XML-basert vektorformat standardisert av W3C i 2001. I stedet for piksler beskriver det former, baner og tekst, så det forblir skarpt i alle størrelser og er vanligvis bitteliten for logoer og ikoner. Det støtter gjennomsiktighet, CSS-stiler, skripting og animasjon, og alle nettlesere gjengir det direkte. SVG egner seg ikke for fotografier, og komplekse illustrasjoner kan bli trege å gjengi. Illustrator, Inkscape, Figma og nettlesere kan åpne og redigere det.

Komprimering
–
Gjennomsiktighet
Ja
Animasjon
Ja
Introdusert
2001 · W3C
SVG-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

SVG til GIF finnes for mål som sitter fast på GIF, som e-postsignaturer, eldre forum og annonseplasser, og som trenger et lite, flatt bilde av en vektorlogo; å gjøre en GIF om til SVG er en sporingsjobb som skal gi skalerbar grafikk tilbake.

Animert SVG til GIF: dette blir ikke konvertert

SMIL-, CSS- og skriptanimasjon fjernes

En SVG som beveger seg i nettleseren gjennom animate-elementer, CSS-keyframes eller JavaScript, blir til ett enkelt GIF-stillbilde som viser starttilstanden. For en GIF i bevegelse kan du ta opp animasjonen som video og konvertere den med verktøyet video til GIF.

256 farger og 1-bits gjennomsiktighet i praksis

De fleste SVG-logoer bruker en håndfull flate farger, så palettgrensen koster ingenting. Problemområdene er kantutjevnede kanter og fargeoverganger. Hver buede kant i en gjengitt SVG inneholder mellompiksler som er delvis gjennomsiktige; GIF må gjøre hver av dem helt synlig eller helt gjennomsiktig, noe som kan gi en trappetrinnsaktig kontur eller en blek kant.

Løsningen er å bestemme bakgrunnen før konverteringen. Hvis GIF-en skal ligge på en hvit e-posttekst, gir du SVG-en et hvitt bakgrunnsrektangel; på et mørkt forumtema bruker du temaets farge. Kantpikslene blandes da inn i riktig farge, og konturen forblir jevn. Hvis du ikke kan vite det på forhånd, er PNG tryggere.

Spørsmål om SVG til GIF

Hvorfor bruke GIF i stedet for PNG for en SVG-logo?

Bare når mottakeren krever GIF, for eksempel et gammelt CMS, en forumsignatur eller en annonsemal som oppgir GIF som bildetype. PNG beholder myke kanter og ubegrenset antall farger, så SVG til PNG er det beste valget når begge formatene er tillatt.

Blir en animert SVG til en animert GIF?

Nei. Konverteren tegner SVG-en én gang, i starttilstanden, så SMIL-animasjonselementer, CSS-keyframes og skript kjøres ikke, og du får ett stillbilde. For å fange bevegelsen kan du ta opp animasjonen som video mens den spilles av i en nettleser, og så bruke video til GIF.

Hvorfor ser kantene på logoen hakkete ut eller har en lys glorie?

GIF-gjennomsiktighet er enten av eller på for hver piksel, så de myke, delvis gjennomsiktige kantpikslene i en SVG må enten beholdes eller fjernes. Kanter som er blandet for én bakgrunn, viser en kant mot en annen. Legg til et bakgrunnsrektangel i fargen til målsiden før konverteringen, så blir kantene rene.

Hva skjer med fargeoverganger i SVG-en?

En GIF-palett rommer maksimalt 256 farger, så myke fargeoverganger må tilnærmes. Korte overganger ser fine ut; store, subtile overganger viser trinn eller et prikket rastermønster. Logoer og ikoner med flate farger, som er vanlig SVG-innhold, passer lett inn i paletten.

Kan jeg bruke GIF-en i en e-postsignatur?

Ja, og det er en av hovedgrunnene til at folk trenger denne konverteringen. Gmail og Outlook viser ikke SVG-bilder i meldinger, mens GIF har blitt vist i e-postprogrammer i tiår. Hold bredden moderat, rundt 300 til 600 px, så signaturen blir lett.

Hvilke størrelsesinnstillinger i SVG-en leser konvertereren?

Den bruker bredden, høyden og viewBox i tegningen til å finne proporsjonene, og tegner den deretter med pikselbredden du har valgt. Siden kilden er vektorgrafikk, koster en større bredde ingen skarphet, bare filstørrelse.