Oplev fremtidens grafikformater til web

Der er ikke sket meget med billedformater til web i de seneste år. Men det ændrer sig nu: To nye formater, SVG og JPEG2000, debuterer snart, og de tilbyder radikale nye muligheder for webdesigneren.

PNG

Det ser ud som om, at browseren er kommet for at blive. For ikke så mange år tilbage lød udmeldingen "Browsereren er død" - fremtiden syntes at ligge i interaktivitet og video - men video-on-demand og multimedie er stadig begrænset til rudimentær streaming video og simple flash-animationer. Men HTML har også vist sig at være et stærkt medie.

PNG
På billedformatsiden er der ikke sket særligt meget siden formatet PNG (Portable Network Graphics) blev introduceret i slutningen af 90'erne. PNG blev indført som et alternativ til GIF, da UNISYS begyndte at opræve penge for deres patent på LZW-kompressionsalgoritmen, der indgår i GIF-formatet. PNG indeholder bedre (og patent-fri) kompression end GIF, samt gamma-korrektion. Gamma-korrektion styrer forholdet mellem sort og hvidt i et billede, og kan være forskellig over skærme og operativsystemer. Desværre er denne og mange andre spændende features ikke implemeteret i standard-browserne endnu.

PNG har ikke haft den store udbredelse, da formatet ikke tilbyder nogle reelle fordele i det område, hvor GIF traditionelt har været brugt, nemlig til grafik med få farver. En undtagelse har dog været serverprogrammer, der genererede grafikker on-the-fly, som for eksempel digitale kort, hvor indholdsleverandøren så har kunne undgå at betale den ikke ubetydelige licens til UNISYS.

SVG

SVG
Men nu er der ved at ske interessante ting og sager på format-siden. Blandt de rigtigt spændende ting er formatet SVG, Scalable Vector Graphics. Som navnet siger, er SVG et vektor-format til grafik, som EPS og Windows Metafile-formaterne. I modsætning til bitmap-formater som GIF og JPEG, der - kort fortalt - gemmer farveværdien af hvert enkelt billedpunkt (pixel), så indeholder vektor-formater en geometrisk beskrivelse af billedet: Tegn en streg her, lav en cirkel her, fyld ud med et rødt-grønt farveforløb her.

SVG er selvfølgelig baseret på XML, som alle andre ting på webbet i vore dage. En rigtigt smart ting er, at da alle objekterne (cirkler, linier, kasser osv) er defineret hver for sig, så kan de manipuleres i browseren, ved hjælp af JavaScript indlejret i SVG-filen, eller JavaScript i browseren. Enkle animationer kan erklæres direkte som SVG-tags. Download Adobes gratis SVG-fremviser, og prøv at se eksemplet her, hvor lag kan slås til og fra, og elementer kan skaleres. SVG-filer kan skabes med Abode Illustrator 9. Eller man kan benytte et online-værktøj, der kan konvertere WMF-filer til SVG: http://www.graphicservlets.com/wmf2svg.htm. Der er flere ressourcer hos World Wide Web-konsortiet.

I modsætning til så mange andre formater set i tidens løb, er SVG bredt understøttet af branchen, og har en reel chance for at overleve fødslen.

JPEG 2000

JPEG 2000
JPEG-formatet har været på banen i over ti år. Der sker store ændringer i det næste årti, da ISO (International Organization for Standardization) forventes at færdiggøre specifikationen for det nye JPEG2000-format i december måned. Blandt nyhederne i formatet er en bedre kompressionsgrad.

Det nuværende JPEG-format benytter en matematisk metode, der kaldes diskret cosinus transformation. Algoritmen, der ligger bag, deler billedet op i firkanter og omdanner billeddata til kurver, små og store. De små kurver bidrager mindst til billedet. Når man vælger kompressionsgrad, foregår det ved at smide mere eller mindre væk af de små kurver. Det går ud over billedkvaliteten, og kan ses ved, at der kommer krummelyrer i billedet, som kaldes artefakter. Alle typer tabsgivende kompression giver en form for artefakter.

Wavelet-teknologi - i forbindelse med JPEG2000 - benytter en metode, hvor billedet bliver brudt ned i flere opløsningsgrader. For de interesserede kan en teknisk forklaring kan findes her.

For webdesigneren betyder det, at man får forholdsvis pænere billeder, da artekfakten, som JPEG2000 genererer, er mere "spiselig" end det gamle JPEG-format. Hvor det gamle format giver kvadratiske mønstre, når kompressionsgraden bliver høj, så ser JPEG2000-artefakten nærmest som når en akvarel er blevet våd. Man kan læse mere om JPEG2000 på formatets egets websted, og det tyske firma LuraTech, der beskæftiger sig med wavelets, har et glimrende orienteringswebsted om JPEG2000.

En anden vigtig ting er, at formatet understøtter farveprofiler. Det gør det muligt at vise billedet, som det ser ud på grafikerens skærm, uanset hvilket operativsystem, grafikkort eller skærm, brugeren benytter.




Brancheguiden
Brancheguide logo
Opdateres dagligt:
Den største og
mest komplette
oversigt
over danske
it-virksomheder
Hvad kan de? Hvor store er de? Hvor bor de?
Alfapeople Nordic A/S
Rådgivning, implementering, udvikling og support af software og it-løsninger indenfor CRM og ERP.

Nøgletal og mere info om virksomheden
Skal din virksomhed med i Guiden? Klik her

Kommende events
Computerworld Cloud & AI Festival 2025

Med den eksplosive udvikling indenfor cloud & AI er behovet for at følge med og vidensdeling større end nogensinde før. Glæd dig til to dage, hvor du kan netværke med over 2.400 it-professionelle, møde mere end 50 it-leverandører og høre indlæg fra +90 talere. Vi sætter fokus på emner som AI; infrastruktur, compliance, sikkerhed og løsninger for både private og offentlige organisationer.

17. september 2025 | Læs mere


IT og OT i harmoni: Sikring uden at gå på kompromis med effektiviteten

IT og OT smelter sammen – men med risiko for dyre fejl. Få metoder til sikker integration med ERP, kundesystemer og produktion. Tilmeld dig og få styr på forskellene og faldgruberne.

24. september 2025 | Læs mere


NIS2: Vi gør status efter tre måneder og lærer af erfaringerne

Vær med, når vi deler oplevelser med implementering af NIS2 og drøfter, hvordan du undgår at gentage erfaringerne fra GDPR – og særligt undgår kostbar overimplementering.

30. september 2025 | Læs mere