Cookies op Tweakers

Tweakers maakt gebruik van cookies, onder andere om de website te analyseren, het gebruiksgemak te vergroten en advertenties te tonen. Door gebruik te maken van deze website, of door op 'Ga verder' te klikken, geef je toestemming voor het gebruik van cookies. Wil je meer informatie over cookies en hoe ze worden gebruikt, bekijk dan ons cookiebeleid.

Meer informatie

Door , , 49 reacties

Enkele weken geleden is Opera 8 uitgebracht en een van de nieuwe features in deze browser was ondersteuning voor SVG Tiny, een subset van de volledige SVG-standaard die is ontwikkeld door het W3C. Sinds enkele dagen is het ook mogelijk met browsers die zijn gebaseerd op de Gecko-engine, waaronder Mozilla Firefox en de handheldbrowser Minimo, SVG-content te bekijken. SVG-afbeeldingen en -teksten zijn opgebouwd uit vectoren, die op hun beurt weer gerenderd worden op basis van een vorm van XML. Deze feature is recent toegevoegd aan de trunk-builds van Firefox, op basis waarvan Firefox 1.1 gebouwd zal worden. Op dit moment wordt SVG nog vrij weinig gebruikt op internet, doordat er nog geen grote browsers waren die de SVG-standaard ondersteunden. Om SVG-content te bekijken, was een speciale browserplugin benodigd. Nu dat niet meer nodig is, wordt verwacht dat meer SVG-content zal verschijnen op het web. Temeer daar het mogelijk is SVG-content te mixen met andere XML-talen, waardoor het eenvoudig is om een SVG-afbeelding op te nemen in een XHTML-webpagina waarop bijvoorbeeld ook XForms en MathML gebruikt is.

SVG in Mozilla Firefox (klein)
SVG in Firefox
Moderatie-faq Wijzig weergave

Reacties (49)

Als ik het goed heb zijn SVG afbeeldingen vele malen kleiner dan jpg's en png's, dus dit zou voor veel websites nog eens ruimtebesparend kunnen werken, terwijl er toch hoge kwaliteits afbeeldingen worden gebruikt.
En dan niet te vergeten de bandbreedte die wordt bespaard door de bezoeker en de snelheid waarmee het uiteindelijk naar binnen wordt gehaald.
hangt er van af... svg is handig op de plaatsen waar je voorheen GIF of PNG zou gebruiken. Vector is nog steeds vrij nutteloos om voor foto's te gebruiken.

EDIT: woei, ik was de eerste in een hele lange rij, met ongeveer de zelfde antwoorden :+
Vectoren kan je mooi gebruiken om objecten te transfomeren. Zoals draaien / zoomen / verplaatsen.

Een vector kan je bijvoorbeeld zien als een punt in de ruimte.
Via wiskundige algoritmes kan je hier leuke dingen mee doen :)
zoiets is btw al mogelijk met java.

@ajslaghu : Ik wou m verhaal een beetje luchtig houden. En ja een vector in informatici is niet helemaal hetzelfde als bij natuurkunde. maar dit is geen natuurkunde-nieuws-site :P
Taaltechnisch blijf ik hier moeite mee hebben. Een vector is een vector en niet een punt. Vector uit het latijn ~carrier oftwel drager geeft toch wel aan dat het echt niet om oneindig klein deeltje gaat. Wat kan een punt nou dragen? En alhoewel op computers hiervan flink gezondigd wordt middels het gebruik van vectoren om simpele lijnen en punten te beschrijven,
vind ik qua uitleg om de mogelijkheden van vectoren aan te geven het beter om te spreken van gerichte lijn of n-vlak afhankelijk van het aantal beschikbare dimensies. In de natuurkunde kunnen we eventueel nog een extra attribuut toevoegen, zoals bijvoorbeeld kracht.

Respector the vector zal ik maar zeggen.
Ik zou het houden op "pixel-gebaseerde" formaten en "vorm-gebaseerde" formaten. Bij het vergroten/verkleinen van de eerste wordt er via allerlei slimme methoden gegokt wat er bedoeld werd, bij de laatste wordt er gewoon voor de nieuwe gewenste grootte door de viewer een nieuwe vertaling naar pixels uitgerekend als allerlaatste stap voor het afbeelden. Die viewer zal overigens al meer naar je hardware verdwijnen :-)
En met SVG kan active content worden weergeven.
Zo kan ik via de webadmin van mijn pc-router (m0n0wall) een realtime grafiek bekijken die aangeeft hoe mijn verbinding gebruikt wordt. Dit gebeurt ook dmv SVG.
In theorie zal het wel kleiner zijn, alleen jammer dat de meeste bandbreedte bij websites op gaat aan ..... reclame, banners etc
Het is zowat als flash, maar dan niet-bewegend.
De SVG-standaard (zie http://www.w3.org/TR/SVG11/) ondersteunt wel degelijk animatie. Alleen zijn er bij mijn weten geen authoring tools die het ondersteunen. De (erg goede) Open Source SVG editor Inkscape (http://www.inkscape.org) heeft het toevoegen van animatiefunctionaliteit wel op zijn roadmap (http://www.inkscape.org/roadmap.php) staan, maar dat gaat nog wel een paar jaar duren voor ze eraan beginnen. Maar in principe biedt SVG een volwaardig alternatief voor Flash-animaties.

(Over spelletjes zeg ik niets, daarvoor weet ik te weinig van Flash.)
Mogelijk dat Adobe, supporter van het SVG formaat, nu SVG laat implementeren in de ex-macromedia Adobe Flash? Flash werkt ook met een afgeleide van ecmascript, dus mogelijk zelfs interactie redelijk te exporteren?
EEN Plugin van 'Macrobe' die SVG, PDF EN Flash doet en ook nog eens snel, dat zou wat zijn
hoe veel groter of kleiner het bestand is hangt af van hoe veel detail erin zit.
grote plaat met een paar vectors zal idd kleiner zijn, maar klein plaatje met een hoop vectors zal waarschijnlijk groter zijn.
het grootste voordeel is denk ik dat het zonder verlies uit vergroot of verkleined kan worden, waardoor een pagina altijd scherm vullend kan zijn bv.
Ze zijn alleen veel kleiner als ze oorspronkelijk ook als vectorformaat zijn ontworpen. Bitmaps omzetten naar SVG-afbeeldingen zal nooit (of zeer zelden) een kleiner bestand opleveren.
Zie het maar een beetje als Flash, alleen dan statisch ipv. animatie.
Statisch? Niets statisch! Opera 8 beperkt zich tot SVG Tiny, en daar zit ook wel degelijk animatie in.

Eenvoudig voorbeeld, de SVG pagina van opera: http://www.opera.com/features/svg/
het is alleen kleiner voor plaatjes met weinig verschillende vormen. als je bijv foto's hebt is dit toch groter omdat er bij vector bestanden van alle lijnen formules gemaakt worden ?
Denk er maar niet aan dat foto's makkelijk te vectoreren (is dat een goed werkwoord :)) zijn.
Op dit moment wordt SVG nog vrij weinig gebruikt op internet, doordat er nog geen grote browsers waren die de SVG-standaard ondersteunden. Om SVG-content te bekijken, was een speciale browserplugin benodigd. Nu dat niet meer nodig is, wordt verwacht dat meer SVG-content zal verschijnen op het web.
Wat is dan de oorzaak dat Flash zo populair is, terwijl dit ook een browserplugin is?
ik denk dat dat komt omdat flash vooral veel filmpjes en webspelletjes wordt gebruikt, waar men eerder iets extra's wilt installeren dan voor een foto. Ook moet het mischien eerst nog wat meer gebruikt worden en wat meer naamsbekendheid krijgen voordat iedereen het zou installeren
Wat is dan de oorzaak dat Flash zo populair is, terwijl dit ook een browserplugin is?
Op een gegeven moment kon je niet om flash heen, met als gevolg dat de meeste mensen wel de flash plugin geinstalleerd hebben.
En als je nu een website maakt, dan weet je dat de kans groot is dat mensen wel een flash plugin hebben, maar geen svg viewer. Als je daar dan bij bedenkt dat je met flash ook vector grapics tot je beschikking hebt is de keus niet zo moeilijk.
Maar als browsers 't nu standaard gaan ondersteunen bied svg wel voordelen tov flash.

edit:
EviL_Me slaat de spijker wel op z'n kop denk ik,
zodra er content is die interresant genoeg is om een plugin voor te installeren doen mensen dat wel.
Een gedeelte van de mensheid drukt nu eenmaal altijd klakkeloos op "Install" als ze een popup krijgen. En omdat Flash een goede installer had, verspreidde het zich al snel.

Ik denk dat het nu, mede dankzij het feit dat bv IE je echt moeite laat doen om een plugin te instaleren, een nieuwe plugin niet zomaar 123 meer geinstaleerd gaat worden, en daar zal SVG wel last van krijgen.

wat ik me overigens afvraag, is een gedeelte van de svg set, ook een tegenhanger van de style Transformations set die IE heeft en firefox niet ?
...even voor de perceptie, ik ben flashdeveloper
Ik ben heel benieuwd wat hier het gevolg van is. SVG staat voor Scalable Vector Graphics. Het is een door W3C ontwikkelde taal die vectoren omschrijft d.m.v. xml. Het wordt tot nu toe voornamelijk gepromoot door Adobe http://www.adobe.com/svg maar ik ben erg benieuwd hoe ze er (na de overname van Macromedia, bedenkers van Flash) nu tegenaankijken. Eigen was SVG namelijk de enige serieuze competitie voor Flash. Het grote voordeel van SVG is dat het "leesbare" taal is, namelijk XML, en dus (in principe) door iedereen te schijven is. Het biedt overigens nagenoeg dezelfde opties als Flash: animatie, interactie, zelfs nog een aantal extra's; bitmap effecten zoals dropshadows, blurs etc. Niet gek om te horen dat deze effecten dus in de volgende flash-player ziten. Maar goed, erg grappig dat het nu standaard in Firefix zit, maar ik zie er het nut eigenlijk niet van in.
HET voordeel van SVG boven Flash is handelbaarheid. Daarmee kan je dan ook VEEL makkelijker data visualiseren en er ook visueel acties op afroepen. Flash is clumsy, maar de pakketten ervoor niet. Flash is vaak nog sneller, maar hardware-accelared SVG timmert flink aan de weg. Een deel van de voordelen van Flash is gebaseerd op voorsprong, dus slechts een kwestie van tijd. Een aantal voordelen van Flash is inherent en zal minder snel slijten, een aantal nadelen komt het nooit van af. Een designer/kunstenaar gaat gewoon voor het handigste pakket. Een programmeur kiest altijd SVG.
Ik denk dat Flash wel nog het voordeel biedt van een zÚÚr
uitgebreide script-taal - actionscript, dat overigens wat dezelfde syntax heeft als java (of dit voor iedereen een pro is, laat ik in het midden...), maar ik zie nog niet direct gebeuren dat je in SVG / XML gaat zitten scripten om gelijkaardige dingen mogelijk te maken qua interactie als met actionscript.
Daarvoor zul je toch nog enkele extra tools moeten gebruiken, daar waar Flash een pakket op zich is (wel liefst aangevuld met een ander adobe product, want tekenen in flash is echt wel |#@{|#[ ... ).
SVG is prima te scripten met Javascript hoor.. Bekijk de demo's op de Adobe website maar...
Waarbij opgemerkt mag worden dat zowel javascript, als actionscript ecma-compliant is en dus uitwisselbare talen..

sterker nog, macromedia is zelf deelnemer aan de SVG-werkgroup en daarin ook actief (actiever dan MS, welke in naam wel meedoet, maar bij mijn weten sinds het WML-voorstel weinig heeft meegedaan)..

er bestaat zelfs een flash-based render-engine die een groot deel van de SVG specs ondersteund en die je dus kunt gebruiken om SVG te laten weergeven.
Jammer dat MSIE *weer* degene is dit dit soort leuke nieuwe technieken de nek omdraait. Want zeg nou zelf, als IE iets niet ondersteunt, dan wordt het niet gebruikt.
Voor IE is gewoon een plugin te downloaden. Daarnaast is volgens mij soortgelijke functionaliteit al jaren beschikbaar in de vorm van VML (Vector Markup Language). SVG gaat deze oudere 'standaard' dus in de toekomst vervangen.

Ook leuk om te weten is dat VML, reeds in IE5 en hoger ingebakken zit. Maar niemand heeft het hier over, want het is van Microsoft en positief.

Voor een demo, wat je met VML kan doen, zie:

http://www.dynamicdrive.com/dynamicindex11/editor.htm
* 786562 Countess
""This page can only be viewed in Internet Explorer 5+ (Windows)"

weten we ook gelijk waarom het niet interestant is voor de vooruitstrevende webdesigner.
er zal wel een licentie aan hangen om het te mogen gebruiken en dus is het voor W3C onbruikbaar en kan dus nooit een "officiele" standaard worden.
dat niemand het er over heeft komt dus door MS Zelf.

begrijp me niet verkeert het zal best een goed iets zijn, en ik ben helemaal niet "anti-MS bij default" maar MS moet ook begrijpen dat het gewoon niet aanvaard kan worden als een officiel standaard door W3C zolang er een licentie aan zit.
Is deze toepassing tevens geschikt voor reclame[afbeeldingen] zijn? En zou dit dus tevens moeilijker te blokkeren zijn? Of sla ik nu de spijker mis ;)
Het is zowat als flash, maar dan niet-bewegend. Het is ook zowat gif of png, maar dan met vectoren. Bekijk het als het beste van twee werelden. Maar beiden, en dus ook svg, zouden even makkelijk te blokkeren moeten zijn.
SVG bevat ook mogelijkheden om dingen te laten animeren.
SVG zal wel makkelijk te bewerken zijn. Dus kun je wel een watermark op je afbeelding zetten, maar die kan er dan heel gemakkelijk af te halen zijn.
Hetzelfde geld toch voor je hele website? Daar kan je ook wel "Copyright bla bla" op zetten, maar dat haalt iemand zo weer weg. Moeten we onze websites dan maar in PNG of Flash verspreiden met een watermark erop? :Z
flash is ook al te decompilen.....

}:O
en wat editors betreft zijn daar al dingen voor,
ik bedoel gif / png en jpg worden wel door de meeste foto / image editors ondersteund - zijn er voor svg al goede progjes, en of plugins???
Eindelijk!
Ik zit hier al een tijd op te wachten.

Ik maak gebruik van SVG voor enkele coplexe server-gegenereerde plaatjes/flowchats (intranet).
Tot nu toe moest er adobe-plugin gebruikt worden,nu maar hopen dat IE volgt ..
Dit is op zich een leuke nieuwe ontwikkeling aangezien de toepasbaarheid van SVG zich makkelijk laat raden. Wat ik wel jammer vind is dat FF ontwikkelaars zich hierop gestort hebben ipv het oplossen van scrollproblemen met geanimeerde GIF's (100 procent cpu), iets wat mijn huidige browse plezier een klein beetje verpest.

Op dit item kan niet meer gereageerd worden.



Apple iOS 10 Google Pixel Apple iPhone 7 Sony PlayStation VR AMD Radeon RX 480 4GB Battlefield 1 Google Android Nougat Watch Dogs 2

© 1998 - 2016 de Persgroep Online Services B.V. Tweakers vormt samen met o.a. Autotrack en Carsom.nl de Persgroep Online Services B.V. Hosting door True