Sådan kom­pri­me­res billeder ved hjælp af gratis værktøjer

Kom­pri­me­re­de billeder har en særlig positiv ind­virk­ning på websidens ind­læs­nings­tid. Men hvordan kan du kom­pri­me­re billeder på en måde, der er så tabsfrit som muligt – uden mærkbar kva­li­tet­stab? Og hvilke mu­lig­he­der er der for at opnå dette? I denne guide giver vi dig et klart overblik over værktøjer til bil­led­kom­pri­me­ring.

Hvorfor skal jeg kom­pri­me­re mine billeder?

I dag er billeder og fotos i høj opløsning al­min­de­li­ge. I digital fo­to­gra­fe­ring stiger antallet af pixels og fil­stør­rel­ser­ne. Uanset om du uploader billeder til din hjem­mesi­de eller bare sender dem via e-mail, er det altid vigtigt at holde fil­stør­rel­ser­ne på et minimum. Husk, at jo mindre filen er, jo mindre tid tager det at overføre den. Dette er en fordel af to årsager:

• En hurtig ind­læs­nings­pro­ces øger besøgende til­freds­hed (især for brugere med mobil in­ter­ne­t­ad­gang)
• Hurtige ind­læs­ning­sti­der har en positiv effekt på pla­ce­rin­gen i sø­ge­ma­ski­ner­ne

Det rigtige da­ta­for­mat til on­li­ne­bil­le­der

Inden du lægger dine billeder online, bør du kon­trol­le­re bil­led­fil­for­ma­tet. Ikke alle grafiske formater er egnede til brug på in­ter­net­tet. Her er fem for­mat­ty­per, der kan bruges:

• JPG/JPEG: JPG er et af de mest anvendte bil­led­for­ma­ter. Det kan vise 16,7 millioner farver og har robuste kom­pri­me­rings­ra­ter. JPG-filer bruges mest til at gemme fotos eller fo­to­lig­nen­de grafik, især dem med mange for­skel­li­ge farver og stærke kon­tra­ster.
• PNG: Dette format kan gengive mellem 256 (PNG8) og 16,7 millioner (PNG24) for­skel­li­ge farver og bruges online. I mod­sæt­ning til JPG-filer kan dette format kom­pri­me­res uden tab af kvalitet. PNG-filer er velegnede til at gemme grafik, logoer og tekster. Billeder med få farver kan kom­pri­me­res til filer, der kun udgør en brøkdel af billedets op­rin­de­li­ge størrelse.
• WebP: WebP er et moderne bil­led­for­mat udviklet af Google for at give bedre kom­pri­me­ring og samtidig bevare en høj bil­led­kva­li­tet. Det un­der­støt­ter både tabs­gi­ven­de og tabsløs kom­pri­me­ring, hvilket re­sul­te­rer i mindre fil­stør­rel­ser sam­men­lig­net med JPEG og PNG. Takket være effektive al­go­rit­mer som prædiktiv kodning kan WebP kom­pri­me­re billeder op til 30 % mindre end JPEG med til­sva­ren­de kvalitet. Formatet un­der­støt­ter også gen­nem­sig­tig­hed (alfakanal) og ani­ma­tio­ner, hvilket gør det til et alsidigt al­ter­na­tiv til PNG og GIF.
• SVG: SVG (Scalable Vector Graphics) er et XML-baseret bil­led­for­mat, der bruges til vek­tor­gra­fik. Da det er baseret på ma­te­ma­ti­ske be­skri­vel­ser af former og linjer, forbliver bil­led­kva­li­te­ten intakt uanset skalering. I mod­sæt­ning til pixel­ba­se­re­de formater kan SVG-filer reduceres kraftigt i størrelse gennem enkle ko­de­op­ti­me­rin­ger og gzip-kom­pri­me­ring – uden at gå på kompromis med den visuelle kvalitet. SVG er især ideelt til logoer, ikoner og il­lu­stra­tio­ner på in­ter­net­tet.
• GIF: GIF-filer er stadig ret al­min­de­li­ge på in­ter­net­tet – selvom de kun kan vise 256 farver. Det skyldes ho­ved­sa­ge­ligt, at GIF-formatet un­der­støt­ter korte ani­ma­tio­ner lavet af en sekvens af billeder, som er særligt populære på sociale medier og lignende platforme.

Mulighed 1: Komprimér billeder online

Hvis du vil kom­pri­me­re billeder uden at skulle in­stal­le­re speciel software, kan du også nemt optimere dine billeder online. Til dette formål findes der for­skel­li­ge tilbud på in­ter­net­tet, der giver dig mulighed for at kom­pri­me­re dem gratis. Værk­tø­jer­ne adskiller sig normalt med hensyn til de til­gæn­ge­li­ge fil­for­ma­ter og mulige kom­pri­me­rings­gra­der, og de har ofte be­græns­nin­ger med hensyn til antallet af kom­pri­me­rin­ger, der kan udføres. Nogle af de bedste løsninger kan findes i de følgende afsnit.

Op­ti­mizil­la

Med on­li­ne­værk­tø­jet Op­ti­mizil­la fra Mediafox Marketing kan du uploade og kom­pri­me­re op til 20 billeder på én gang. Bil­le­der­ne skal være i JPEG- eller PNG-format. We­bap­pli­ka­tio­nen bruger en kom­bi­na­tion af for­skel­li­ge kom­pri­me­rings­al­go­rit­mer, der er ken­de­teg­net ved et godt forhold mellem kom­pri­me­ring og bil­led­kva­li­tet. Du kan bruge skyderen til at indstille kom­pri­me­rings­gra­den, før du down­lo­a­der re­sul­ta­ter­ne enkeltvis eller samlet som en ZIP-fil.

For at hjælpe dig med at finde de bedst mulige indstil­lin­ger viser Op­ti­mizil­la dig mi­ni­a­tu­rer af ori­gi­na­len og den kom­pri­me­re­de version. Derudover angiver værktøjet den respek­ti­ve fil­stør­rel­se. Alle uploadede billeder slettes au­to­ma­tisk fra ud­by­de­rens servere efter en time.

TinyPNG

TinyPNG tillader – i mod­sæt­ning til hvad navnet antyder – ikke kun kom­pri­me­ring af PNG-filer, men også JPEG- og WebP-filer. I den gratis stan­dard­ver­sion kan du optimere op til 20 billeder i disse tre formater samtidigt, hvor den maksimale fil­stør­rel­se pr. billede er begrænset til 5 megabyte.

Voormedia-værktøjet har et for­ud­de­fi­ne­ret kom­pri­me­rings­ni­veau, der ikke kan justeres, men som reducerer bil­led­stør­rel­sen med op til 80 %. Brug træk-og-slip-funk­tio­nen til at flytte de ønskede fotos til det viste område, og download derefter re­sul­ta­ter­ne i JPEG- eller PNG-format eller som en ZIP-fil. Al­ter­na­tivt kan du uploade til cloud-lag­ring­s­tje­ne­sten Dropbox.

iLoveIMG

iLoveIMG er en komplet on­li­ne­pak­ke med nyttige bil­led­re­di­ge­rings­værk­tø­jer. Det Barcelona-baserede ud­vik­lings­team leverer ap­pli­ka­tio­ner, der gør det muligt at beskære, skalere, kon­ver­te­re og endda kom­pri­me­re billeder. For sidst­nævn­te skal du vælge ‘Komprimér BILLEDE’ og derefter indsætte det ønskede bil­led­ma­te­ri­a­le ved hjælp af træk-og-slip-funk­tio­nen eller fil­brow­se­ren. Mulige formater er JPEG, PNG, SVG og GIF.

Selvom iLoveIMG kun har en enkelt stan­dard­kom­pri­me­rings­funk­tion, tilbyder værktøjet flere for­skel­li­ge eks­port­mu­lig­he­der. Det er ikke kun muligt at downloade re­sul­ta­ter­ne til den lokale harddisk, men også at uploade dem til Google Drive og Dropbox og vi­de­re­sen­de et down­lo­ad­link til de kom­pri­me­re­de billeder. Hvis du ikke er tilfreds med kom­pri­me­rings­re­sul­ta­tet, kan du blot slette det ved at klikke på pa­pir­kur­vi­ko­net.

Mulighed 2: Komprimér billeder med Photoshop

Du kan også kom­pri­me­re dine billeder med pro­fes­sio­nel­le bil­led­be­hand­lings­pro­gram­mer. Først og fremmest er Photoshop uden tvivl branchens førende. Ud over sine funk­tio­ner til kreativt design og op­ti­me­ring af fo­to­gra­fisk materiale tilbyder Adobe-værktøjet for­skel­li­ge mu­lig­he­der for at ændre bil­led­for­ma­tet og justere bil­led­stør­rel­sen. Indstil­lin­gen “Gem til web”, som Adobe har im­ple­men­te­ret specifikt til op­ti­me­ring af fotos og billeder til websteder, er særlig praktisk for web­s­teds­o­pe­ra­tø­rer. I denne tilstand kan ikke kun de vigtige web­for­ma­ter GIF, PNG, WebP og JPEG kom­pri­me­res, men også ra­ster­gra­fik­for­ma­tet WBMP (Wireless Bitmap), som er designet til mobile enheder.

Så snart du redigerer et billede i Photoshop-we­bop­ti­me­rings­funk­tio­nen, åbnes et nyt vindue, hvor du ikke kun kan indstille de angivne må­l­for­ma­ter, men også optimere det ønskede billede til din hjem­mesi­de med hensyn til far­ve­dyb­de og størrelse. I for­hånds­vis­nings­vin­du­et sam­men­lig­ner Adobe-værktøjet ori­gi­nal­bil­le­det og må­l­bil­le­det (inklusive op­lys­nin­ger om absolut fil­stør­rel­se), så du nemt kan se for­skel­len hver gang du kom­pri­me­rer billedet.

Mulighed 3: Komprimer billeder med freeware og open source-pro­gram­mer

Med Photoshop er det meget praktisk at kom­pri­me­re billeder med desktop-ap­pli­ka­tio­ner. Disse tilbyder ikke kun be­ty­de­ligt flere funk­tio­ner som standard, men har også en fordel i forhold til web­værk­tø­jer, da de kan bruges uden en ek­si­ste­ren­de in­ter­net­for­bin­del­se. Hvis du vil reducere stør­rel­sen på dine web­s­teds­bil­le­der, behøver du dog ikke nød­ven­dig­vis at bruge en premium-løsning såsom et Adobe-produkt eller et andet be­ta­lings­ba­se­ret al­ter­na­tiv. Hvis du har et stramt budget eller ikke er in­ter­es­se­ret i mere komplekse re­di­ge­rings­funk­tio­ner, kan et freeware- eller open source-program hjælpe dig med at opnå første­klas­ses op­ti­me­rings­re­sul­ta­ter, når det kommer til fotos, billeder osv. Men hvilke af de mange gratis værktøjer kan man egentlig anbefale?

IrfanView

Siden 1996 har bil­led­vi­se­ren IrfanView været en af de mest populære freeware-løsninger til Windows-pc’er. Ifølge ud­vik­le­ren down­lo­a­des værktøjet i gen­nem­snit omkring en million gange om måneden! Dette im­po­ne­ren­de tal skyldes sand­syn­lig­vis den at­trak­ti­ve li­cens­mo­del: Det er helt gratis til personlig brug, mens kom­merci­el brug kræver en licens, der kun koster et tocifret beløb.

Som standard un­der­støt­ter bil­led­vi­se­ren ad­skil­li­ge bil­led­for­ma­ter såsom PNG, JPEG, GIF, BMP, WebP og mange flere. Når et billede er indsat, kan det til enhver tid kon­ver­te­res til disse formater. Når det gælder kom­pri­me­ring af billeder specielt til in­ter­net­tet, anbefales dog funk­tio­nen “Gem til web”, som kan tilføjes via et plugin. Denne udvidelse giver dig mulighed for at optimere stakke af billeder og fotos, mens du bruger skyderen til at justere, hvor meget den originale bil­led­kva­li­tet skal bevares. Et ek­sem­pel­bil­le­de og den kom­pri­me­re­de fil­stør­rel­se giver dig et indblik i, hvordan du kan forvente, at det endelige resultat kommer til at se ud.

GIMP

Når du søger efter al­ter­na­ti­ver til Photoshop fra open source-sektoren, vil du uund­gå­e­ligt støde på GIMP (GNU Image Ma­ni­pu­la­tion Program). Gra­fikpro­gram­met til Linux, macOS og Windows, der blev udgivet i 1998, har i årevis imponeret folk med sine mange funk­tio­ner, der minder meget om dem i Adobes kom­merci­el­le model. Det un­der­støt­ter nu mere end tredive fil­for­ma­ter, herunder GIF, WebP, JPEG og PNG, som er vigtige formater for in­ter­net­tet. Det betyder, at du når som helst kan kon­ver­te­re dine bil­led­fi­ler til et af disse web­for­ma­ter ved hjælp af GIMP-softwaren.

Ud over at kon­ver­te­re billeder til et mindre filformat tilbyder GIMP også avan­ce­re­de eks­por­tindstil­lin­ger, der gør det nemt at kom­pri­me­re billeder. Brug skyderen til at indstille kom­pri­me­rings­gra­den. De udvidede indstil­lin­ger er også praktiske: Hvis du f.eks. aktiverer egen­ska­ben “Pro­g­res­siv”, bliver re­sul­ta­tet lidt større, men de enkelte områder indlæses i en bestemt ræk­ke­føl­ge, så der allerede efter kort ind­læs­nings­tid vises et groft billede af hele billedet.

PNG­Gaunt­let

Freeware-pro­gram­met PNG­Gaunt­let tilbyder en grafisk bru­ger­græn­se­fla­de til de tre open source-værktøjer PNGOUT, OptiPNG og DeflOpt, som alle er udviklet til at optimere og kom­pri­me­re billeder i PNG-format. Ap­pli­ka­tio­nen, som kun er til­gæn­ge­lig til Windows, er derfor den perfekte løsning til at skabe meget små logoer, grafik og bogstaver i PNG-format til dit webpro­jekt. Udover PNG selv er JPEG, GIF, TIFF og BMP også mulige out­put­for­ma­ter til kom­pri­me­rings- eller kon­ver­te­rings­pro­ces­sen.

Der er to måder at kom­pri­me­re dine billeder med PNG­Gaunt­let. Du kan få adgang til stan­dardop­sæt­nin­gen ved at indsætte et eller flere billeder og derefter trykke på ‘Optimer!’, eller du kan først vælge en in­di­vi­du­el opsætning ved at justere indstil­lin­ger­ne for de tre im­ple­men­te­re­de værktøjer ved at klikke på knappen med samme navn. Uanset hvilken måde du vælger, viser freeware-værktøjet dig den nye størrelse af bil­led­fi­len(e) (sam­men­lig­net med ori­gi­na­len) som en pro­cent­del, når kom­pri­me­rin­gen er gen­nem­ført.

Ima­ge­Op­tim

Hvis du vil kom­pri­me­re bil­le­der­ne og fotos i dit webpro­jekt og har brug for et open source-værktøj til macOS, anbefaler vi Ima­ge­Op­tim af Kornel Lesinski. Dette GPL-li­cen­se­re­de program kom­bi­ne­rer flere bil­ledop­ti­me­rings­værk­tø­jer såsom MozJPEG, pngquant og SVGO, så du ikke kun kan fjerne unød­ven­di­ge EXIF-metadata, men også kom­pri­me­re for­skel­li­ge bil­led­for­ma­ter som JPEG, SVG, GIF og PNG.

Ved hjælp af træk-og-slip-funk­tio­nen kan du placere de ønskede bil­led­fi­ler i Ima­ge­Op­tim, hvor pro­gram­met straks begynder at kom­pri­me­re dem. Du kan dog til enhver tid ændre indstil­lin­ger­ne og justere kom­pri­me­rings­ni­veau­et samt tilføje eller fjerne indstil­lin­ger. Klik blot på de tre prikker for at fortsætte. Bagefter skal du blot klikke på “Igen” for at udføre kon­ver­te­rin­gen endnu en gang.