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.

Event: Computerworld Cloud & AI Festival 2026

Digital transformation | Ballerup

Eksplosiv udvikling i cloud og AI kræver overblik og viden. Computerworld samler 3.000 it-professionelle, 70+ leverandører og 120+ talere om AI, infrastruktur, data, compliance og sikkerhed. To dage med viden og netværk. Tilmeld dig nu.

16 & 17 september 2026 | Gratis deltagelse

Navnenyt fra it-Danmark

Pinksky ApS har pr. 1. maj 2026 ansat Jeppe Spanggaard, 29 år,  som Rådgivende konsulent, Partner. Han skal især beskæftige sig med Digitalisering med Microsoft-platformen. Han kommer fra en stilling som Microsoft 365 & SharePoint Specialist hos Evobis ApS. Nyt job

Jeppe Spanggaard

Pinksky ApS

netIP har pr. 1. juni 2026 ansat Heidi Winther som Supportkonsulent ved netIP's kontor i Herning. Hun kommer fra en stilling som IT-Supporter hos Holstebro Kommune. Nyt job
Netip A/S har pr. 1. maj 2026 ansat Ida Hyllested Friis som Key Account Manager ved netIP's kontor i Thisted. Hun kommer fra en stilling som Key Account Manager hos Københavns erhvervshus. Nyt job
SAP SuccessFactors Partner Pentos har pr. 1. marts 2026 ansat Plamena Cherneva som Seniorkonsulent indenfor SuccessFactors HCM. Hun skal især beskæftige sig med konfiguration og opsætning af SuccessFactors suiten, samt udvikle smarte løsninger til mellemstore danske virksomheder. Hun kommer fra en stilling som løsningsarkitekt indenfor HR IT hos LEO Pharma. Hun har tidligere beskæftiget sig med HR procesdesign, stamdata og onboarding. Nyt job

Plamena Cherneva

SAP SuccessFactors Partner Pentos