Konvertera SVG till GIF
Gör om en SVG till en GIF som spelas överallt. Animerade SVG:er behåller sin rörelse, CSS eller SMIL; stillbilds-SVG:er blir en skarp GIF. Välj storlek, längd och bildfrekvens och ladda ner. Gratis, i webbläsaren.
Din fil
Släpp en SVG att konverteraTryck för att välja en SVG
SVG, animerad eller stillbild
Varför använda det här verktyget
Ingen storleksgräns
Foton i full storlek och långa dokument, direkt från din enhet.
Inget laddas upp
Allt bearbetas i din webbläsare. Dina filer lämnar aldrig din enhet.
Inget konto behövs
Öppna verktyget och kör. Inget konto, ingen e-post.
SVG är det bästa formatet för ikoner, logotyper och linjeanimationer på webben, men mycket av världen kan inte visa det. Mejlprogram, chattappar, presentationer, forum och sociala nätverk vill ha en GIF, eller en video.
Den här SVG till GIF-konverteraren spelar upp din SVG precis som en webbläsare gör och spelar in den bildruta för bildruta. Laddningssnurror, logotypavslöjanden, ikoner och illustrationer behåller sin rörelse, och GIF:en loopar sömlöst när längden matchar en cykel av animationen. SVG:n öppnas i webbläsarens säkra bildläge och laddas aldrig upp.
Så konverterar du SVG till GIF
Lägg till din SVG
Släpp en .svg-fil i rutan ovan eller välj en. Den börjar spelas i förhandsvisningen, och verktyget visar om den är animerad och hur lång en cykel är.
Välj storlek och längd
Välj bredd; höjden följer SVG:ns format. Längden sätts till en cykel av animationen, så att GIF:en loopar utan hopp.
Ställ in bildfrekvens och bakgrund
Tjugo bildrutor per sekund är mjukt för de flesta animationer. Behåll den genomskinliga bakgrunden, eller välj vit eller svart för appar som visar genomskinlighet dåligt.
Konvertera och ladda ner
Tryck på Konvertera till GIF. Animationen spelas in i realtid, så en SVG på tre sekunder tar tre sekunder, och kodas sedan. Håll fliken öppen tills den är klar.
Konvertera en animerad SVG till GIF
SVG:er rör sig på två sätt: med SMIL-element som <animate> och <animateTransform> i filen, eller med CSS-animationer (@keyframes) i dess <style>. Båda spelas här precis som i en webbläsare, eftersom det är webbläsaren själv som spelar dem, och GIF:en spelar in det du ser i förhandsvisningen.
För en GIF som loopar snyggt ska inspelningen vara en hel cykel. Verktyget läser längderna som står i SVG:n och sätter längden åt dig; om animationen består av flera cykler med olika längd, använd deras gemensamma multipel, upp till 10 sekunder.
Rörelser som styrs av skript, hovring eller klick spelas inte i en bild och kan därför inte spelas in. Animationer som går av sig själva, vilket är nästan alla animerade ikoner, laddningssnurror och logotyper, fungerar.
Storlek, bildfrekvens och filstorlek
En SVG har ingen fast upplösning, så den ritas skarp i den bredd du väljer: ingen oskärpa av uppskalning. Filstorleken växer med bredden och antalet bildrutor, så välj den minsta storlek GIF:en faktiskt ska visas i.
Tio bildrutor per sekund räcker för långsamma, enkla rörelser; 20 är mjukt för de flesta ikoner och snurror; 25 för snabba rörelser. Vektorgrafik med platta färger komprimeras mycket bra som GIF, och delar som står still sparas bara en gång. Blir resultatet ändå för stort kan GIF-komprimeraren få den under en exakt storlek. För en egen emoji anpassar GIF till emoji resultatet efter gränserna på Discord, Slack eller Twitch.
Genomskinliga bakgrunder
SVG:er har oftast genomskinlig bakgrund, och det kan GIF:en också ha. Genomskinlighet i GIF är allt eller inget per pixel, så vektorformernas mjuka, utjämnade kanter blir skarpa och lite trappstegsformade, mest synligt mot mörka bakgrunder.
När du vet var GIF:en ska visas, välj hellre en matchande bakgrundsfärg: vit för de flesta mejl och dokument, svart för chattar i mörkt läge. Då förblir kanterna helt mjuka.
Säkert från grunden
En SVG är ett dokument som kan innehålla skript och länkar till andra filer. Här öppnas den som en bild, samma strikta läge som webbläsare använder för SVG i en <img>-tagg: skript körs aldrig och inget utanför filen hämtas. Typsnitt och bilder som SVG:n länkar till på andra sajter laddas därför inte; inbäddade gör det.
Inget laddas upp. Inspelning och kodning sker i din webbläsare.
Inställningar för vanliga SVG-animationer
Utgångslägen. Förhandsvisningen spelar SVG:n precis som den spelas in.
| SVG | Bredd | Bildrutor per sekund | Bakgrund |
|---|---|---|---|
| Laddningssnurra | 240–320 px | 20–25 | Som sidan |
| Animerad ikon | 240 px | 20 | Genomskinlig eller vit |
| Logotypavslöjande för mejl | 480–640 px | 20 | Vit |
| Illustration eller banner | 640–800 px | 10–20 | Sin egen bakgrund |
| Diagram eller dataanimation | 640 px | 10 | Vit |
Därför konverterar man SVG-animation till GIF
Nyhetsbrev
De flesta mejlprogram stöder inte SVG alls, än mindre dess animation. En GIF spelas i nästan alla.
Presentationer och dokument
PowerPoint, Keynote, Google Presentationer och många dokumentverktyg spelar GIF:ar där SVG-animation inte körs.
Chatt och sociala medier
Dela en animerad logotyp eller ikon i Slack, Discord, WhatsApp eller på sociala nätverk.
Designöverlämning och förhandsvisningar
Visa rörelse för kunder och kollegor i verktyg som bara visar bilder.
README-filer och dokumentation
Animerade diagram och demos på dokumentationssajter och i repon som tar bort SVG-animation.
Stickers och emojis
Gör vektoremojis och stickers till GIF:ar och anpassa dem sedan till chattappars storleksgränser.
Vanliga frågor
- Behålls SVG-animationen?
- Ja. CSS-animationer och SMIL-animationer spelas och spelas in i GIF:en. Bara rörelse som styrs av skript eller av hovring och klick kan inte fångas.
- Kan jag konvertera en stillbilds-SVG till GIF?
- Ja. En stillbilds-SVG blir en GIF med en enda bildruta i den bredd du väljer, skarpt ritad från vektorn.
- Varför tar konverteringen lika lång tid som animationen?
- Animationen spelas in medan den spelas, så som webbläsaren kör den, så en SVG på fem sekunder tar fem sekunder att spela in, plus en stund för kodningen.
- Varför stoppades inspelningen när jag bytte flik?
- Webbläsare pausar animationer i flikar du inte tittar på, vilket skulle ge luckor i GIF:en. Håll fliken synlig tills den är klar.
- Hur får jag GIF:en att loopa mjukt?
- Sätt längden till exakt en cykel av animationen, vilket verktyget gör åt dig när SVG:n anger sina längder.
- Laddas min SVG upp?
- Nej. Den spelas, spelas in och kodas i din webbläsare, på din enhet.
- Varför saknas vissa typsnitt eller bilder?
- Av säkerhetsskäl öppnas SVG:n som en bild, och då laddas inte typsnitt eller bilder från andra webbplatser. Gör om text till konturer, eller bädda in bilderna i SVG:n, innan du konverterar.
- Kan jag konvertera Lottie- eller JSON-animationer?
- Inte direkt: Lottie-filer är JSON, inte SVG. Exportera animationen som SVG först, eller spela in den som video.
Relaterade verktyg
Ändra hastighet på GIF
Snabba upp eller sakta ner en GIF, eller ge alla bildrutor samma fördröjning, utan kvalitetsförlust.
Komprimera GIF
Minska storleken på en GIF, eller få den under en exakt storlek som 256 KB eller 5 MB.
Skapa GIF
Skapa en animerad GIF av bilder eller ett videoklipp. Välj ordning, hastighet, storlek och loop.
GIF till MP4
Konvertera en GIF till en MP4-video, oftast många gånger mindre, med rytmen kvar.
Bild till SVG
Vektorisera en logotyp eller linjeteckning till SVG som skalar utan pixlar.
Bild till PNG
Konvertera JPG, WEBP, HEIC eller AVIF till förlustfri PNG, genomskinlighet kvar.