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.

Læses lige nu

    Navnenyt fra it-Danmark

    Norriq Danmark A/S har pr. 1. september 2025 ansat Birthe Kamstrup som Data & AI Consultant. Hun skal især beskæftige sig med at optimere datadrevne beslutningsprocesser til glæde for Norriq's kunder. Hun kommer fra en stilling som Teamlead/Senior Insight Specialist hos CompanYoung. Hun er uddannet i sociologi og har en bachelor i erhvervsøkonomi på Aarhus universitet. Nyt job

    Birthe Kamstrup

    Norriq Danmark A/S

    Netip A/S har pr. 19. august 2025 ansat Jacob Vildbæk Jensen som Datateknikerelev ved afd. Herning og afd. Rødekro. Han har tidligere beskæftiget sig med tjenerfaget,. Nyt job
    Signifly har pr. 1. august 2025 ansat Morten Eskildsen som UX Lead. Han skal især beskæftige sig med styrke bureauets kompetencer inden for UX og digital strategi i konsulentteamet og arbejde på tværs af alle afdelinger. Han kommer fra en stilling som CDO, UX & Digital Strategy Consultant hos Zupa. Nyt job

    Morten Eskildsen

    Signifly

    Norriq Danmark A/S har pr. 1. august 2025 ansat Mia Vang Petersen som Head of Marketing. Hun skal især beskæftige sig med at lede Norriqs marketingteam mod nye succeser. Hun kommer fra en stilling som Head of Marketing hos Columbus Danmark. Hun er uddannet Kandidat i Kommunikation fra Aalborg Universitet. Nyt job

    Mia Vang Petersen

    Norriq Danmark A/S