A hagyományos képformátumok, például a JPG, a PNG vagy a GIF nagyon népszerűek, de vannak olyan hátrányaik, amelyek miatt használatuk bizonyos alkalmazásoknál nem ideális.
Ha például adaptív weboldalt hoz létre, akkor olyan képeket szeretne, amelyek jól néznek ki, függetlenül attól, hogy milyen szélességűek és magasságúak. A hagyományos képek rosszul néznek ki, ha például túlságosan nagyítják őket.
Előfordulhat, hogy a képet különböző méretben is meg kell jelenítenie, például indexképként a blog indexoldalán, és teljes felbontású képként a linkelt cikkben.
Bár egyetlen képből különböző verziókat hozhat létre, hogy a legmegfelelőbbet válasszuk ki, ez azt jelenti, hogy ehhez több tárhelyre van szüksége.
Az SVG képformátum vektor formátum. Ez azt jelenti, hogy méretét csökkenteni vagy növelni lehet a minőség romlása nélkül (méretezhető). Nagyszerű, ha a képet több helyen, különböző felbontásokkal kell megjeleníteni.
Az SVG további előnye, hogy mérete általában jóval kisebb, és hogy a webmestereknek bizonyos rugalmasságot biztosít a változtatások során, mivel néhányat közvetlenül lehet végrehajtani a CSS-ben.
Egy példa: Terence Eden újra létrehozta az olyan népszerű internetes vállalatok logóit, mint a Twitter, az Amazon, a WhatsApp, a YouTube vagy a Reddit az SVG-ben. A logók mérete kevesebb, mint 1 kilobájt, néha akár 200 bájt is. A Twitter logó PNG formátumban például 20 kilobájt, az SVG verzió pedig 397 bájt.
Az SVG jó formátum logók és ikonok számára, de nem igazán alkalmas fényképekre és más típusú képekre, amelyek sokféle objektumot mutatnak.
Konvertálás SVG-re
Ez az útmutató azokra az alkalmazásokra összpontosít, amelyeket felhasználhat a képek közvetlen SVG formátumba konvertálásához. Ez nem oktatóanyag a vektorgrafika semmiből történő létrehozására tervezett alkalmazások használatáról. Ehhez használhat olyan vektorgrafikus szerkesztőket, mint például az Adobe Illustrator (nincsenek linkjeink az Adobe házirendjéhez), az Inkscape vagy a LibreOffice Draw.
LibreOffice Draw
Windows esetén
Letöltés mostRengeteg ingyenes konverter áll rendelkezésre, amelyeket online futtathat, de ezek meglehetősen korlátozottak, ha az átalakítási folyamatról van szó. Bár elegendőek lehetnek egy egyszerű png vagy jpg formátumban elérhető logó konvertálásához svg-be, az eredmények legtöbbször nem túl jók.
Így értékeltem a szolgáltatásokat: letöltöttem a Ghacks logót, és több tucat SVG konverteren kipróbáltam a konverziókat. Megítéltem az eredményt, és elvetettem 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, hogy megváltoztatja a kép felbontását. A kapott kép úgy nézett ki, mint a Ghacks logó, de mérete majdnem duplája volt a logó PNG változatának.
- Vector Magic - Online konverterként és asztali programként elérhető Windows számára. Ez azonban nem ingyenes (az internet 7 dollárba kerül.Havonta 95, asztali kiadás egyszeri fizetés 295 USD). Az online kiadás eredményei azonban remekek, é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ése.
- Vectorizer - Egy másik ingyenes szolgáltatás. Ez egy varázslóval érkezik, amellyel kiválaszthatja a legjobb kimeneti paramétereket (elmosódás, színek), vagy közvetlenül beállíthatja ezeket. Az eredmények némi módosítással jók voltak, és a kapott kép mérete harmadával kisebb volt, mint az eredeti PNG logó.
Vektor varázslat
Windows esetén
Letöltés mostMost te: Ismerjen egy másik online szolgáltatást vagy programot a képek SVG formátumra konvertálásához?