W3C komt met SVG 1.0: afbeeldingen met XML

Na meer dan een jaar van aanpassen heeft het World Wide Web Consortium (aka W3C) afgelopen woensdag haar laatste protocol aanbevelingen bekend gemaakt door SVG 1.0 te releasen. Met Scalable Vector Graphics (SVG) 1.0 is het mogelijk om websites te maken met dezelfde grafische overtuigingskracht als glossy tijdschriften. SVG is verder toepasbaar op een breed scala van apparatuur, scherm- en printresoluties. De taal beschrijft afbeeldingen en kleuren op een apparaat-onafhankelijke manier, en zorgt ervoor dat afbeeldingen zowel op het scherm als wanneer ze uitgeprint zijn er gelijkwaardig uitzien.

Volgens Tim Berners-Lee, directeur van W3C en grondlegger van het worldwide web, zullen afbeeldingen dankzij SVG niet meer alleen als decoratie, maar steeds meer als echte grafische informatie dienen. Doordat SVG is opgebouwd uit XML is het mogelijk om afbeeldingen op dezelfde manier te behandelen als documenten en is de tekst die in een afbeelding gebruikt is ook te doorzoeken:

SVG also gives designers the ability to handle graphics in the same way they now handle documents and business data using XML, the universal format for document and data interchange. SVG 1.0 enables the textual content of graphics -- from logos to diagrams -- to be searched, indexed and displayed in multiple languages.

"Designers are reaching larger audiences with an increasing variety of Web-enabled devices from palmtops to desktops to printers," said Chris Lilley, W3C Graphics Activity Lead. "But most of all, they need to be able to handle their graphics the same way as their text and business data, which nowadays are in XML. SVG is specifically designed to let them do that."

SVG betekent tevens dat het mogelijk wordt om advertenties persoonlijker te maken. Tekst en afbeeldingen worden namelijk op dezelfde manier behandelt. Als een website in staat is om gebruikers te identificeren, kunnen de namen van deze gebruikers in de advertenties gebruikt worden.

De nieuwe technologie is niet alleen maar toekomst muziek, er zijn al toepassingen van SVG te zien. Zo heeft Adobe een SVG-plugin van 3MB die het mogelijk maakt om SVG-afbeeldingen in je browser te zien. Daarnaast is er X-Smiles: een XML browser die SVG afbeeldingen ondersteunt. Als je browser support heeft voor SVG afbeeldingen kun je bijvoorbeeld hier kijken wat SVG nu al kan.

Reacties (37)

[Verwijderd]

De grap doet zich voor dat Flash bijna eerder tot een standaard gerekend mag worden dan SVG. Maar natuurlijk is de combinatie met XML erg tof, dynamische (qua contents) vectorbased websites zijn nu voor iedereen bereikbaar, zonder eerst dat peperdure Macromedia pakket Generator aangeschaft hoeft te worden.

[Verwijderd]

Het probleem met Flash, zoals door veel tegenstanders ervan werd om schreven is dat de swf files niet te doorzoeken zijn op tekst, met SVG kan dat wel. Natuurlijk krijg je in tegenstelling tot Flash meerdere leveranciers die een export naar SVG gaan meeleveren met hun software (In illustrator 9.0 en Corel Draw 10 zit die mogelijkheid er al in zag ik).

[Blue-eagle]

Flash is voor de mensen die enorm veel data verkeer tot hun beschikking hebben. En imho is het niet handig omdat het moeilijker is om mee te werken dan... tja, tot nu toe was het het beste.

Als je met SVG ook dynamisch (en dat gaat kunnen) de teksten kunt aanpassen, heb ik die components in ASP ook niet meer nodig. Want nu kan ik m`n eigen Vector based afbeeldingen schrijven, met als groot voordeel dat de teksten in die plaatjes te doorzoeken zijn.

Dit is volgens mij niet te vergelijken met flash, behalve dan het feit dat het allebij met vectors werkt.

[Verwijderd]

Lijkt me niet hoor, flash is altijd nog compacter als hetzelfde wat je wil bereiken in J-script oid. Ja inderdaad, als je spelletjes in flash wil maken, kost dat idioot veel ruimte, maar naar mijn inzien is flash dan nog steeds de enige voor de hand liggende manier om iets dergelijks te maken, omdat Java voor veel mensen nog steeds onbereikbaar is

[Verwijderd]

cool, maar ik zie tot nu toe alleen maar gecimplificeerde afbeeldingen, is deze standaard meer bedoelt voor dingen zoals logo's en iconen ofzo? want ik zie de hele tweakers.net frontend hier nog niet in verschijnen...? (including die pic van die proc. houder)

[Verwijderd]

inderdaat niet echt denderend om te zien, enehh dat heet socket, die proc houder van jouw

edit:

Troll
het ziet er toch niet echt denderend uit... of vindt je van wel?

[HooGLaNDeR]

Het is erg positief dat er wederom betere standaarden komen. Echter, ondanks dat W3C de standaarden zet, komen er allerlei standaarden van andere grote bedrijven, Neem Microsoft met DHTML, enz

We kunnen door de bomen het bos niet meer zien, helaas.

[offtopic]
Zelf ben ik wel blij dat SVG wordt meegenomen in de standaard van W3C.

[warp]

Erhm, get your facts straight.

Dynamic HTML is the name given by both Netscape and Microsoft to the use of the Document Object Model...

Zie b.v. ook de DHTML FAQ:

http://www.dhtml-zone.com/dhtmlfaq.asp

[Makkelijk]

W3C heeft in W3C nog het meest te zeggen.. netscape niet, die zitten er niet in omdat ze puberaal willen zijn tegen W3C.. flauw he, als je deze dingen krijgt dan heeft Netscape zichzelf gewoon gedoemd. Gelukkig red adobe ze met die plugin

[jvo]

Leuk, nu alleen nog een jaar of twee wachten tot een groot gedeelte van de mensen het in de browser heeft zitten. (CSS level 1 is nu eindelijk behoorlijk te gebruiken.)

Verplicht downloaden van een plugin houdt de bezoekers niet echt vast, dus wordt het wachten...

[Verwijderd]

Waarschijnlijk zal dit wel sneller gaan. In tegenstelling tot CSS heeft de commercie er duidelijk profijt van als dit te gebruiken is: Personificatie van advertenties en kleinere bestandsgrootte (scheelt bandbreedte).

En als er geld mee te verdienen is zal het toch wel snel gaan. Een goed voorbeeld hiervan is denk ik toch wel dat Adobe met een plugin bezig is, waarvan ze toch al bij versie 2 zijn.

[Verwijderd]

De commercie heeft ook wel degelijk baat bij CSS.
Het veranderen van 1 klein bestandje ten opzichte van je hele website. Ga maar na wat dat scheelt in manuren voor een redelijk grote site.

Het probleem met CSS is eigenlijk tweezijdig...

Aan de ene kant heb je Netscape 4.x, die nog relatief veel mensen gebruiken (waarom nou!?), en die ondersteund CSS nauwelijks.

En aan de andere kant, waarschijnlijk nog 's geholpen door de eerste, zijn veel van de echt grote sites opgebouwd met server-side includes (denk PHP3), dus kunnen ze gewoon hun database aanpassen op eenzelfde manier als dat CSS dat zou doen.
Alleen is CSS client-side, en maar 1 klein bestandje voor je hele rits van pagina's.
Terwijl SSI CPU vreet op je servers en bandbreedte vreet omdat je over dingen als font tags in moet zetten - voor elka pagina weer.

Dus de commercie heet zeer zeker wel baat bij CSS.
Nu nog weg met die oude Netscape 4.x troep.

Wat betreft SVG - ja, dat zal wel storm lopen, net als Flash. Als mensen er een plugin voor moeten downloaden, dan doen ze dat toch ook zo - en hoogstwaarschijnlijk worden ze gewoon met volgende browsers meegeleverd.

[ro__]

Ik ben benieuwd of dit ook bruikbaar genoeg is om bijv. AutoCAD-bestanden op te tonen.
Het enige wat je nu kunt doen is nl. wat zoomen, dus geen pan / rotate o.i.d.
Maar zeker wel goed dat er eindelijk een behoorlijke standaard voor komt!

[Verwijderd]

pan/rotate is dan ook iets van de 3D wereld, en nog Flash nog SVG zijn hiervoor bedoeld.

Zeker, je kunt 't wel toepassen.

Neem 3ds max
Neem vervolgens een van de volgende plugins :
Illustrate!
Vecta3D
Swift3D

En jij kan je model mooi in 3D laten ronddraaien.

Het probleem ?
Elke hoek van waaruit jij je model wilt laten zien moet opgeslagen worden als apart vector plaatje, zeg maar.
Dus je bestandsgrootte wordt vrij belachelijk.

Nee, voor 3D kan je beter Shockwave 3D, of RichFX, of B3D ofzo gebruiken.
Waarbij Shockwave 3D het voordeel heeft dat bijna iedereen de Shockwave plugin wel heeft.

[Helox-in-a-box]

in flash is het ook mogelijk om xml te parsen, dus is flash ook tof? voordeel van flash is gwoon dat iedere browser standaard met de flash plugin komt, iedereen kan het bekijken (behalve de mensen die zijn blijven steken bij ns3 ofzo). alsik een animatie ga maken dan zallet nog altijd flash zijn en geen SVG, ook al is het een "standaard" volgens de w3c, flash is meer geaccepteerd en breedverspreid en daar dien je meer rekening mee te houden dan standaards vinnik.

bottomline: flash tot standaard uitroepen ipv svg

[edit]
typo

[Verwijderd]

voordeel van flash is gwoon dat iedere browser standaard met de flash plugin komt

En wat nou als jouw flash plugin straks vrolijk SVG bestanden inleest ?
Of als je browser iig gewoon standaard met een SVG plugin komt?

Dan heb je toch eigenlijk geen echte reden meer om Flash i.p.v. SVG te gebruiken.
desnoods export je 2 versies, en laat je de server maar met content negotiation regelen welke data je daadwerkelijk doorstuurt.

flash is meer geaccepteerd en breedverspreid

breedverspreid - a la, je bent hier dan ook een jarenlang commercieel product dat gepushd is aan het vergelijken met iets wat nog maar -net- 'goedgekeurd' is.

en daar dien je meer rekening mee te houden dan standaards

Ik neem aan dat je nog met Netscape layer tags werkt, dan ?
Die waren ook veel meer breedverspreid.
Let op : -waren-

[Verwijderd]

Je vergelijkt een beetje een kevertje met een Ferrari hier. Flash is leuk voor wat extra animatie, maar SVG gaat veel verder. In SVG kun je je AutoCad-tekeningen importeren (BattleBots.com heeft al wat leuke voorbeelden hiervan).

Ik heb zo bv de opdracht om een bushandboek online beschikbaar te maken. Ga jij voor mij al die AutoCad tekeningen inscannen en als Gif-je of Jpeg-je opnemen?

Daarnaast is het veel eenvoudiger om SVG te editten en op te nemen in ASP-PHP-JSP etc - code.

Kijk eerst maar eens rond op het net bij SVG-sites (en let ook vooral op de grootte van de bestanden en functionaliteiten in die sites) en probeer dan nog eens je opmerking te onderbouwen.

[Yannick]

Zat net even de source te bekijken maar zie alleen maar rare tekens, geen XML:
‰)jÂLfIÃR‰É>1Ù'.ì.ƒ[`².LK.†¥t
…^-õj¬W3œzЫÇÀT<h(.˜Š.ŜâA‹âiì7h§

[Makkelijk]

ik wel

open een voorbeeld, doe rechtermuisknop: view source.. krijg je toch echt XML

klein stukje:
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20001102//EN"
"http://www.w3.org/TR/2000/CR-SVG-20001102/DTD/svg-20001102.dtd" [
<!ENTITY % metadataExt "| pinkMeta">
<!--
view a graphic representation of this extension to the SVG-DTD(draft 2000-november-02)
by nearFarDesigner (http://www.opentext.com/near_and_far/)
at
http://www.pinkjuice.com/SVG/pics/metadataExt.gif
-->
<!ELEMENT pinkMeta (author, dates)>
<!ELEMENT author (names, contact?, org?)>

[Devilfish]

nee, je moet daarvoor wel inloggen. En ja het kan nu ook al, je kunt een server namelijk een gifje laten creëren en die weergeven, een jpg moet volgens mij ook geen problemen op leveren.

svg is zeker een goed plan, maar ik moet nog zien of het net zo'n standaard wordt als flash movies.

[dellai]

het beste van svg is dat het een subset is van xml , wat veer een subset is van sgml , sgml wordt nu al toegepast bij de opmaak van allerlei folders e.d. , het handige is dat bijvoorbeeld in de toekomst een boek of folder meteen vanuit illustartor kan exporteren naar sgml , en via een DTD beschikbaar kan maken voor internet.

je bent niet meer afhankelijk van browser ondersteunde fonts , maar kan elk font gebruiken die je maar wilt , plus het is scalable , wat betekend dat de pagina altijd hetzelde eruit ziet op welke browser of systeem dan ook. inclusief de verhoudingen ( resolutie onafhankelijk )

[Leon]

Voor degenen die willen experimenteren zonder de spec sheets door te lezen is hier een programaatje te vinden waarmee je 8 bit BMP plaatjuhs kan converteren naar het SVG formaat...