SVG GIF-be konvertálás

Az SVG-t a választott szélességű GIF képpé alakítjuk olyan helyekre, amelyek elfogadják a GIF-et, de vektoros fájlt nem tudnak megjeleníteni. Az eredmény állókép, legfeljebb 256 színű palettával, és ahol az SVG-ben nincs rajzolat, ott átlátszó marad.

vagy húzza ide a(z) JPG, JPEG, JPE … fájlok fájlokat ·

Legfeljebb 95 MB fájlonként· Legfeljebb 20 fájl· Törlés 30 perc után

Kimenet

Konvertálás erre

A fájlokat szervereinken dolgozzuk fel, és 30 perc után töröljük.

Az eszköz használata

1
Töltse fel az SVG fájlokat
Adjon hozzá legfeljebb 20 .svg fájlt (fájlonként legfeljebb 95 MB) a számítógépéről, vagy húzza őket a feltöltési területre.
2
Adja meg a pixelszélességet
Az oldal alapértelmezetten 600 px szélesre rajzolja ki a vektorgrafikát. Módosítsa a Kimeneti kép átméretezése mellett megadott számot a Speciális beállítások alatt; a magasság a rajz arányait követi.
3
Konvertálás GIF formátumba
Kattintson a Konvertálás GIF formátumba gombra, majd töltse le az egyes képeket vagy az egész készletet ZIP-ben. Használat előtt nézze meg az egyik fájlt azon a háttéren, amelyen megjelenik.

Az SVG GIF-be konvertálásakor a felbontásfüggetlen rajzot legfeljebb 256 színű, rögzített pixelrácsra cseréli, ami egyszínű logókhoz és ikonokhoz megfelel, színátmenetekhez viszont rossz választás.

SVG raszterezése GIF-be a kívánt szélességben

Az SVG utasítások halmaza: rajzold meg ezt az útvonalat, töltsd ki ezzel a színnel, helyezd el ezt a szöveget. A GIF ennek az ellentéte: képpontok rácsa, amelyek mindegyike a legfeljebb 256 paletta-bejegyzés egyikére mutat. Az átalakítás azt jelenti, hogy az utasításokat egyszer kirajzolja a választott pixelszélességgel, és az eredményt eltárolja, ezért a Kimeneti kép átméretezése alatti szélesség fontosabb itt bármelyik másik beállításnál. Az oldal 600 px-ről indul.

A GIF 1987-ből származik, amikor a CompuServe közzétette, az 1989-es módosítás, a GIF89a pedig átlátszóságot és képkockák közötti késleltetést adott hozzá. Ez a kor ma a fő erőssége: az újabb formátumokat elutasító szoftverek, a régebbi fórummotoroktól egyes levelezőkig és hirdetési hálózatokig, még mindig megjelenítik a GIF-et. Az SVG-t ezzel szemben sok feltöltési űrlap blokkolja, mert XML, amely szkripteket hordozhat.

Mivel a forrás vektoros, bármilyen szélességben kirajzolhatja élességvesztés nélkül. Azt a méretet válassza, amelyben a GIF ténylegesen megjelenik; egy kis GIF későbbi felnagyítása visszahozza azt az elmosódottságot, amely az SVG-ben soha nem volt.

from ↓ · to →	Átlátszó háttér	Lágy, félig átlátszó élek	Több mint 256 szín	Animation
GIF	GIF to Átlátszó háttér: yes	– GIF to Lágy, félig átlátszó élek: no	– GIF to Több mint 256 szín: no	GIF to Animation: yes
PNG	PNG to Átlátszó háttér: yes	PNG to Lágy, félig átlátszó élek: yes	PNG to Több mint 256 szín: yes	– PNG to Animation: no
WEBP	WEBP to Átlátszó háttér: yes	WEBP to Lágy, félig átlátszó élek: yes	WEBP to Több mint 256 szín: yes	WEBP to Animation: yes
JPG	– JPG to Átlátszó háttér: no	– JPG to Lágy, félig átlátszó élek: no	JPG to Több mint 256 szín: yes	– JPG to Animation: no

supported not offeredAmit az egyes raszteres célformátumok az SVG kirajzolása után tárolni tudnak. A GIF az egyetlen, amely 256 színű palettára és be/ki átlátszóságra korlátozott.

SVG

Scalable Vector Graphics

Az SVG XML-alapú vektorformátum, amelyet a W3C 2001-ben szabványosított. Pixelek helyett alakzatokat, útvonalakat és szöveget ír le, ezért bármilyen méretben éles marad, logókhoz és ikonokhoz pedig általában apró. Támogatja az átlátszóságot, a CSS-stílusozást, a szkriptelést és az animációt, és minden böngésző natívan megjeleníti. Az SVG fényképekhez nem alkalmas, az összetett illusztrációk megjelenítése pedig lassúvá válhat. Az Illustrator, az Inkscape, a Figma és a böngészők meg tudják nyitni és szerkeszteni.

Tömörítés: –
Átlátszóság: Igen
Animáció: Igen
Bevezetés éve: 2001 · W3C

SVG átalakító

GIF

Graphics Interchange Format

A GIF-et a CompuServe vezette be 1987-ben, és ma is a legszélesebb körben támogatott formátum rövid, ismétlődő animációkhoz. Veszteségmentes, de képkockánként 256 színes palettára korlátozódik, így a fotókon és az átmeneteken sávosodás és raszterezés látszik. Csak be/ki (1 bites) átlátszóságot támogat, ami recés széleket okoz az íves alakzatokon. Az animált GIF-ek gyakran jóval nagyobbak, mint ugyanaz a klip MP4-ben vagy WebP-ben. Minden böngésző, csevegőalkalmazás és közösségi platform lejátssza a GIF-eket.

Tömörítés: Veszteségmentes
Átlátszóság: Igen
Animáció: Igen
Bevezetés éve: 1987 · CompuServe

GIF átalakító

Az SVG GIF-be átalakítására azoknak a célhelyeknek van szükségük, amelyek megrekedtek a GIF-nél, például e-mail aláírásoknak, régi fórumoknak és hirdetési helyeknek, ahol egy vektoros logóból kis, egyszínű képre van szükség; a GIF SVG-vé alakítása ezzel szemben követési feladat, amely a skálázható grafika visszaállítását célozza.

Animált SVG GIF-be: ami nem kerül átalakításra

A SMIL-, CSS- és szkriptalapú animáció elvész

Az az SVG, amely a böngészőben animate elemekkel, CSS kulcskockákkal vagy JavaScripttel mozog, egyetlen álló GIF-képkockává válik, amely a kiindulási állapotot mutatja. Mozgó GIF-hez vegye fel az animációt videóként, és alakítsa át a videó GIF-be eszközzel.

256 szín és egybites átlátszóság a gyakorlatban

A legtöbb SVG-logó néhány egyszínű színt használ, így a palettakorlát semmibe sem kerül. A problémás pontok a simított élek és a színátmenetek. A kirajzolt SVG minden ívelt élén vannak köztes, részben átlátszó képpontok; a GIF-nek mindegyiket teljesen láthatóvá vagy teljesen átlátszóvá kell tennie, ami lépcsős körvonalat vagy halvány szegélyt hagyhat.

A megoldás, hogy az átalakítás előtt eldönti a hátteret. Ha a GIF fehér e-mail törzsre kerül, adjon az SVG-nek fehér háttértéglalapot; sötét fórumtéma esetén használja annak a színét. Az élek képpontjai ekkor a megfelelő színbe olvadnak, és a körvonal sima marad. Ha előre nem tudható, a PNG biztonságosabb.

Kérdések az SVG GIF-be konvertálásáról

Miért érdemes PNG helyett GIF-et használni egy SVG logóhoz?

Csak akkor, ha a célhely GIF-et követel, például egy régi CMS, egy fórumaláírás vagy egy olyan hirdetéssablon, amely képtípusként GIF-et ír elő. A PNG megőrzi a lágy széleket és korlátlan számú színt kezel, ezért ha mindkettő megengedett, az SVG PNG-be a jobb alapértelmezés.

Az animált SVG-ből animált GIF lesz?

Nem. Az átalakító az SVG-t egyszer, a kiindulási állapotában rajzolja ki, így a SMIL animációs elemek, a CSS kulcskockák és a szkriptek nem futnak le, és egyetlen állóképet kap. A mozgás rögzítéséhez vegye fel videóként a böngészőben lejátszott animációt, majd használja a videó GIF-be eszközt.

Miért recések a logó szélei, vagy miért van körülöttük világos szegély?

A GIF átlátszósága képpontonként csak be- vagy kikapcsolt lehet, ezért az SVG sima, részben átlátszó szélső képpontjait vagy meg kell tartani, vagy el kell dobni. Az egyik háttérhez simított élek egy másikon körvonalat mutatnak. Átalakítás előtt adjon a rajzhoz a céloldal színével megegyező háttértéglalapot, és az élek tisztán olvadnak bele.

Mi történik az SVG színátmeneteivel?

A GIF-paletta legfeljebb 256 színt tartalmaz, ezért a sima színátmeneteket közelíteni kell. A rövid átmenetek jól néznek ki, a nagy, finom átmeneteken lépcsők vagy pontozott raszterminta látszik. Az egyszínű logók és ikonok, vagyis a tipikus SVG-tartalom, könnyen elférnek a palettán.

Használhatom a GIF-et e-mail aláírásban?

Igen, és ez az egyik fő oka annak, hogy sokan erre az átalakításra szorulnak. A Gmail és az Outlook nem jeleníti meg az SVG-képeket az üzenetekben, a GIF-et viszont évtizedek óta megjelenítik az e-mail kliensek. Tartsa szerényen a szélességet, 300 és 600 px körül, hogy az aláírás könnyű maradjon.

Mely SVG méretbeállításokat veszi figyelembe az átalakító?

A rajz szélességéből, magasságából és viewBox értékéből számolja ki az arányokat, majd a megadott pixelszélességgel rajzolja ki. Mivel a forrás vektoros, a nagyobb szélesség nem rontja az élességet, csak a fájlméretet növeli.