UltKit

Převod SVG do GIF

Vykreslete SVG jako obrázek GIF v šířce, kterou zvolíte. Hodí se tam, kde se přijímá GIF, ale vektorové soubory se nezobrazí. Výsledkem je statický obrázek s paletou až 256 barev, který zůstane průhledný všude, kde SVG nic nevykresluje.

Převodník obrázků

nebo sem přetáhněte soubory JPG, JPEG, JPE … ·

Max. 95 MB na soubor· Až 20 souborů· Smazáno po 30 minutách

Výstup

Soubory se zpracovávají na našich serverech a po 30 minutách se smažou.

Jak nástroj používat

  1. 1

    Nahrajte soubory SVG

    Přidejte až 20 souborů .svg, každý do 95 MB, z počítače nebo je přetáhněte do oblasti pro nahrání.

  2. 2

    Nastavte šířku v pixelech

    Tato stránka vykreslí vektor na šířku 600 px. Číslo změníte v části Změnit velikost výstupního obrázku v Pokročilá nastavení; výška se přizpůsobí poměru stran kresby.

  3. 3

    Převeďte do GIF

    Stiskněte Převést na GIF a stáhněte každý obrázek, nebo celou sadu jako ZIP. Před použitím zkontrolujte jeden soubor na pozadí, na kterém bude zobrazen.

Převod SVG do GIF vymění kresbu nezávislou na rozlišení za pevnou mřížku nejvýše 256 barev, což je v pořádku pro plošná loga a ikony, ale pro přechody se hodí špatně.

Převeďte SVG do GIF v potřebné šířce

SVG je sada instrukcí: nakresli tuto cestu, vyplň ji touto barvou, umísti tento text. GIF je opak, mřížka pixelů, z nichž každý odkazuje na jednu z nejvýše 256 položek palety. Převod znamená vykreslit instrukce jednou na zvolenou šířku v pixelech a výsledek uložit, proto je šířka v části Změnit velikost výstupního obrázku důležitější než jakékoli jiné nastavení. Tato stránka začíná na 600 px.

GIF pochází z roku 1987, kdy ho zveřejnila společnost CompuServe, a jeho revize GIF89a z roku 1989 přidala průhlednost a prodlevy snímků. Právě stáří je dnes jeho hlavní předností: software, který odmítá novější formáty, od starších fórových systémů po některé e-mailové klienty a reklamní sítě, GIF stále zobrazí. SVG je naopak v mnoha formulářích pro nahrávání zablokováno, protože je to XML, které může obsahovat skripty.

Protože je zdroj vektorový, můžete ho vykreslit v libovolné šířce bez ztráty ostrosti. Zvolte velikost, v jaké se bude GIF skutečně zobrazovat; pozdější zvětšení malého GIFu vrátí rozmazání, které SVG nikdy nemělo.

from ↓ · to →Průhledné pozadíMěkké polopropustné okrajeVíce než 256 barevAnimation
GIFGIF to Průhledné pozadí: yes– GIF to Měkké polopropustné okraje: no– GIF to Více než 256 barev: noGIF to Animation: yes
PNGPNG to Průhledné pozadí: yesPNG to Měkké polopropustné okraje: yesPNG to Více než 256 barev: yes– PNG to Animation: no
WEBPWEBP to Průhledné pozadí: yesWEBP to Měkké polopropustné okraje: yesWEBP to Více než 256 barev: yesWEBP to Animation: yes
JPG– JPG to Průhledné pozadí: no– JPG to Měkké polopropustné okraje: noJPG to Více než 256 barev: yes– JPG to Animation: no
supported not offeredCo dokáže každý rastrový cíl udržet po vykreslení SVG. GIF je jediný omezený paletou 256 barev a průhledností zapnuto/vypnuto.

SVG

Scalable Vector Graphics

SVG je vektorový formát založený na XML, který W3C standardizovalo v roce 2001. Místo pixelů popisuje tvary, křivky a text, takže zůstává ostrý v libovolné velikosti a u log a ikon bývá drobný. Podporuje průhlednost, stylování pomocí CSS, skriptování a animace a každý prohlížeč ho zobrazí nativně. Pro fotografie SVG nevyhovuje a složité ilustrace se mohou vykreslovat pomalu. Otevřou a upraví ho Illustrator, Inkscape, Figma i prohlížeče.

Komprese
–
Průhlednost
Ano
Animace
Ano
Představeno
2001 · W3C
Převodník SVG

GIF

Graphics Interchange Format

GIF zavedla společnost CompuServe v roce 1987 a dodnes je nejrozšířenějším formátem pro krátké opakující se animace. Je bezeztrátový, ale omezený na paletu 256 barev na snímek, takže fotografie a přechody vykazují pruhování a rastrování. Podporuje jen průhlednost zapnuto/vypnuto (1 bit), což u oblých tvarů zanechává zubaté okraje. Animované GIFy bývají mnohem větší než stejný klip v MP4 nebo WebP. GIFy přehraje každý prohlížeč, chatovací aplikace i sociální síť.

Komprese
Bezztrátová
Průhlednost
Ano
Animace
Ano
Představeno
1987 · CompuServe
Převodník GIF

SVG do GIF slouží cílům, které vyžadují GIF, jako jsou e-mailové podpisy, starší fóra a reklamní plochy, a potřebují malý plošný obrázek vektorového loga; převod GIF do SVG je vektorizace, jejímž cílem je získat zpět škálovatelnou grafiku.

Animované SVG do GIF: co se nepřevede

Animace SMIL, CSS a skriptů se vynechají

SVG, které se v prohlížeči pohybuje pomocí prvků animate, CSS keyframes nebo JavaScriptu, se stane jediným statickým snímkem GIF s počátečním stavem. Pro pohyblivý GIF nahrajte animaci jako video a převeďte ho nástrojem video do GIF.

256 barev a jednobitová průhlednost v praxi

Většina log SVG používá hrst plných barev, takže omezení palety nic nestojí. Problémová místa jsou vyhlazené okraje a přechody. Každá zakřivená hrana ve vykresleném SVG obsahuje mezilehlé pixely, které jsou částečně průhledné; GIF musí každý z nich udělat buď zcela viditelným, nebo zcela průhledným, což může zanechat schodovitý obrys nebo světlý lem.

Řešením je rozhodnout o pozadí před převodem. Pokud bude GIF na bílém těle e-mailu, dejte SVG obdélník s bílým pozadím; na tmavém motivu fóra použijte barvu tohoto motivu. Okrajové pixely pak splynou se správnou barvou a obrys zůstane hladký. Pokud to dopředu nevíte, je bezpečnější PNG.

Otázky k převodu SVG do GIF

Proč u loga SVG použít GIF místo PNG?

Jen když cíl vyžaduje GIF, například starý redakční systém, podpis na fóru nebo reklamní šablona, která uvádí GIF jako typ obrázku. PNG zachovává měkké okraje a neomezený počet barev, takže SVG do PNG je lepší výchozí volba, kdykoli jsou povoleny oba formáty.

Stane se z animovaného SVG animovaný GIF?

Ne. Převodník vykreslí SVG jednou, v počátečním stavu, takže animační prvky SMIL, CSS keyframes ani skripty se nespustí a získáte jeden statický snímek. Chcete-li zachytit pohyb, nahrajte animaci přehrávanou v prohlížeči jako video a poté použijte video do GIF.

Proč má moje logo zubaté okraje nebo světlý lem?

Průhlednost v GIF je pro každý pixel zapnutá nebo vypnutá, takže jemné, částečně průhledné okrajové pixely SVG je nutné buď ponechat, nebo zahodit. Okraje, které byly smíchány pro jedno pozadí, na jiném ukážou lem. Před převodem přidejte obdélník pozadí v barvě cílové stránky a okraje budou splývat čistě.

Co se stane s přechody v SVG?

Paleta GIF obsahuje nejvýše 256 barev, takže plynulé přechody je nutné aproximovat. Krátké přechody vypadají dobře; velké, jemné přechody ukazují stupně nebo tečkovaný rastr. Loga a ikony z plných barev, tedy obvyklý obsah SVG, se do palety snadno vejdou.

Mohu GIF použít v e-mailovém podpisu?

Ano, a je to jeden z hlavních důvodů, proč lidé tento převod potřebují. Gmail a Outlook ve zprávách nezobrazují obrázky SVG, zatímco GIF se v e-mailových klientech zobrazuje už desítky let. Šířku volte střídmou, zhruba 300 až 600 px, aby byl podpis lehký.

Která nastavení velikosti SVG převodník čte?

Z šířky, výšky a viewBox kresby zjistí poměr stran a poté ji vykreslí na šířku v pixelech, kterou nastavíte. Protože je zdroj vektorový, větší šířka nestojí ostrost, jen velikost souboru.