A hagyományos képformátumok, például a JPG, a PNG vagy a GIF, nagyon népszerűek, ám vannak hátrányaik, amelyek miatt felhasználásuk kevésbé ideális bizonyos alkalmazásokhoz.
Ha például reagáló webhelyet hoz létre, akkor olyan képeket szeretne, amelyek jól néznek ki, függetlenül a megjelenített szélességtől és magasságtól. A hagyományos képek rosszul néznek ki, ha például túl nagyítanak.
Lehet, hogy a képet különféle méretben is meg kell jelenítenie, például miniatűrként a blog indexoldalán, és teljes felbontású képként a csatolt cikkben.
Miközben különféle verziókat hozhat létre egyetlen képből úgy, hogy kiválasztja a legmegfelelőbbet, ez azt jelenti, hogy több tárhelyre van szüksége ehhez.
Az SVG képformátum vektor formátum. Ez azt jelenti, hogy méretét csökkentheti vagy megnövelheti a minőség romlása nélkül (méretezhető). Ez nagyszerű, ha több képet kell megjelenítenie, különféle felbontásokkal.
Az SVG további előnye, hogy mérete általában sokkal kisebb, és bizonyos rugalmasságot biztosít a webmesterek számára a módosítások elvégzésekor, mivel néhányuk közvetlenül a CSS-ben is megtehető.
Egy példa: Terence Eden létrehozta az SVG-ben olyan népszerű internetes cégek logóit, mint a Twitter, az Amazon, a WhatsApp, a YouTube vagy a Reddit. A logók méretét kevesebb, mint 1 kilobájtra csökkentették, néha akár 200 bájtra is. A PNG formátumú Twitter embléma mérete például 20 kilobájt, az SVG verziója pedig 397 bájt.
Az SVG jó formátum a logókhoz és az ikonokhoz, de nem igazán alkalmas olyan fényképekre és más típusú képekre, amelyek sok különféle objektumot mutatnak.
Átalakítás SVG-re
Ez az útmutató azokra az alkalmazásokra összpontosít, amelyeket felhasználhat a képek SVG-formátumú konvertálására. Ez nem egy oktatóprogram a vektorgrafikák nulláról történő létrehozására tervezett alkalmazások használatához. Használhat vektorgrafikus szerkesztőket, mint például az Adobe Illustrator (az Adobe irányelvekre még nincs hivatkozásunk), az Inkscape vagy a LibreOffice Draw.
Rengeteg ingyenes konverter érhető el, amelyet online futtathat, ám ezek az átalakítási folyamat szempontjából meglehetősen korlátozottak. Annak ellenére, hogy elegendőek egy png vagy jpg formátumban elérhető egyszerű logó átalakításához svg-ként, az eredmények általában nem túl szépek.
Így értékeltem a szolgáltatásokat: letöltöttem a Ghacks logót, és több tucat SVG konverternél kipróbáltam a konvertálást. Megítéltem az eredményt, és elvettem minden olyan szolgáltatást, amely nem hozott jó eredményeket.
- Aconvert - A szolgáltatás helyi fájlt vagy URL-t vesz bemenetként. Az egyetlen lehetőség, amelyet a kép felbontásának megváltoztatása biztosít. A kapott kép olyan volt, mint a Ghacks embléma, de mérete majdnem kétszerese volt a logó PNG verziójának.
- Vector Magic - Online átalakítóként és asztali programként elérhető a Windows számára. Ez azonban nem ingyenes (online havi 7, 95 dollárba kerül, az asztali kiadás egyszeri 295 dollárba kerül). Az online kiadás eredménye azonban remek, és rengeteg lehetőséget kap a beállítások szerkesztésére vagy módosítására, valamint az eredeti kép és az svg másolat egymás melletti megjelenítésére.
- Vectorizer - Egy másik ingyenes szolgáltatás. Ehhez tartozik egy varázsló, amellyel kiválaszthatja a legjobb kimeneti paramétereket (elmosódás, színek), vagy közvetlenül beállíthatja azokat. Néhány finomítás esetén az eredmények jó voltak, és a kapott kép egyharmaddal kevesebb volt, mint az eredeti PNG logó.
Most Ön: Tud egy másik online szolgáltatásról vagy programról a képek SVG formátumba konvertálására?
