Bra artikel om varför SVG är att föredra som bildformat

Smashing magazine skriver en bra artikel, där man pedagogiskt förklarar varför man bör använda SVG (skalbara vector bilder) bilder istället för rastrerade bilder.

http://coding.smashingmagazine.com/2012/01/16/resolution-independence-with-svg/

Att zooma in en rastrerad bild gör ju att den tappar i skärpa och de blir otydliga. Och vem zoomar in i bilder – ju de som ser dåligt. Det tror jag i och för sig inte att jag läste i deras artikel, men så är det.
En annan anledning som är mycket mer vanlig är att vi numera använder oss flitigt av responsive design, dvs att vi anpassar webbsidans layout beroende på vilken sorts device som surfar in på den. En mobiltelefon har mycket tätare med pixlar än en vanlig skärm. Därför så har man skalat upp pixel storlekar p på mobiltelefoner till gånger två. Om du satt en font storlek till 12 pixlar, så blir det gånger 2 på mobilen. Annars skulle vi inte kunna läsa. Samma sak händer med bilder och om du rastrerat en bild så blir de inte lika snygga på mobilskärmen. Därför är det bättre med svg…

SVG funkar numera på Explorer 9+, Firefox Chrome Safari 4+ och Opera 9,5+. Här är en lista på vilka browsers på mobiler som hanterar SVG och det är de flesta: http://mobilehtml5.org/

Etiketter: ,

Kommentera

Fyll i dina uppgifter nedan eller klicka på en ikon för att logga in:

WordPress.com Logo

Du kommenterar med ditt WordPress.com-konto. Logga ut / Ändra )

Twitter-bild

Du kommenterar med ditt Twitter-konto. Logga ut / Ändra )

Facebook-foto

Du kommenterar med ditt Facebook-konto. Logga ut / Ändra )

Google+ photo

Du kommenterar med ditt Google+-konto. Logga ut / Ändra )

Ansluter till %s


%d bloggare gillar detta: