menü    videók      
Mit tanulnál?
Keresés:
videót kérek belépés regisztráció
 Termék tesztek, hírek, bemutatók  ✦  mobilok, okosórák, médialejátszók, stb.  ✦  kattints ide!
SVG tippek - miért jó, ingyen letöltés, stb. (2019.03.27)
Bejegyzések a témában:   webfejlesztes   html   css  
Hozzászólások
Az svg (Scalable Vector Graphics) az egyik legalapvetőbb vektorgrafikus kép formátum. Kezdetben a vektorgrafikus képszerkesztőkben (pl. Inkscape) volt igazán elterjedt, de aztán a böngészők is támogatni kezdték. Igazán hangsúlyt akkor kapott, amikor megjelentek a mobil eszközök és szükségessé vált a grafika szabadon méretezhetősége.

Jelenleg a böngészőkben már jó a támogatottsága:



A használata ugyanúgy megy, mint a képeké:

<img src="/images/content/valami.svg">



A méret minden gond nélkül módosítható:

<img src="/images/content/valami.svg" style="width: 150x">

A minősége nem romlik.




CSS-ből is használható:

<div style="background: url(/images/content/valami.svg) no-repeat; width: 100px; height: 100px;"">

 
Vagyis egy eléggé hasznos dologról van szó.

SVG képeket seregnyi oldalról be lehet szerezni ingyen (keress rá, hogy free svg vagy svg icon).

Ikonokhoz az iconfinder.com egy eléggé jó lelőhely. Képekhez például a pixabay.com.