Som fotograf og visuel skaber ved du, hvor vigtigt det er at fange øjet. På nettet er web bannere et af de mest almindelige værktøjer til at tiltrække opmærksomhed, hvad enten det er til markedsføring, branding eller blot at lede trafik til et bestemt sted. Mange, der starter med at designe web bannere, især i et kraftfuldt værktøj som Adobe Photoshop, stiller hurtigt spørgsmålet: Hvad er standardstørrelsen for et web banner?
Svaret er enkelt, men måske overraskende for nogle: Der findes ikke én enkelt, universel standardstørrelse for web bannere. Og derfor findes der heller ikke en indbygget 'standard web banner' skabelon med en fast størrelse i Photoshop. Dette er en vigtig nuance at forstå fra starten, da det fundamentalt påvirker din arbejdsgang.
Hvorfor findes der ingen standardstørrelse?
Årsagen til manglen på en enkelt standard er, at web bannere bruges på et utal af forskellige platforme og hjemmesider. Hver platform – det kan være en nyhedsside, en blog, et socialt medie eller et annoncenetværk som Google Ads eller lignende – har sine egne specifikke krav til størrelsen på de bannere, de accepterer og viser.
Tænk på det som at printe et billede; størrelsen afhænger af, hvor det skal hænge. Et billede til en lille fotoramme kræver en anden størrelse end et billede til et stort lærred på væggen. På samme måde kræver et banner placeret i sidemargen af en hjemmeside en anden størrelse end et banner, der skal strække sig over toppen af siden.
Den afgørende information, vi fik, understreger præcis dette punkt: Selvom der findes almindelige størrelser, er der ingen standard. Og det vigtigste er altid at tjekke med den hjemmeside eller platform, hvor banneret skal placeres, for deres specifikke specifikationer. Deres krav kan afvige fra de mest almindelige størrelser, og det er disse krav, du ubetinget skal følge.
Når du har fået de nødvendige mål – og de angives næsten altid i pixels for web – er processen med at skabe banneret i Photoshop ligetil. Du starter ikke med en skabelon mærket 'web banner', men derimod med at oprette et nyt dokument med de præcise dimensioner, du har fået oplyst.
- Gå til menuen 'Fil' (File).
- Vælg 'Ny' (New).
- I dialogboksen 'Nyt dokument' (New Document) indtaster du bredden (Width) og højden (Height) i felterne. Vær sikker på, at måleenheden er indstillet til 'Pixels'.
- For web grafik er en opløsning på 72 pixels pr. tomme (PPI) standard og normalt tilstrækkelig, da skærme viser billeder baseret på pixels, ikke DPI/PPI i den forstand, som print gør.
- Farvetilstanden (Color Mode) skal være RGB, som er standarden for skærme.
- Baggrundsindholdet (Background Contents) kan du vælge efter behov, f.eks. Hvid (White) eller Gennemsigtig (Transparent).
Når du klikker 'Opret' (Create), har du dit tomme lærred i den helt rigtige størrelse, klar til at blive fyldt med dit design.
Almindelige størrelser vs. Nødvendige størrelser
Selvom der ikke er en standard, findes der bestemt størrelser, der historisk og aktuelt er mere almindelige end andre. Disse 'almindelige' størrelser er blevet populære, fordi de fungerer godt i typiske web-layouts og understøttes bredt af mange annoncenetværk. Men vigtigst er, at du ikke skal gætte eller antage, at en 'almindelig' størrelse er den rigtige for dig. Du skal altid have de konkrete mål fra destinationen.
En tabel, der sammenligner konceptet, kunne se sådan ud:
| Karakteristik | Standard Web Banner Størrelse | Nødvendig Web Banner Størrelse |
|---|---|---|
| Findes der én universel? | Nej | Ja (specificeret af platformen) |
| Hvor finder du målet? | Findes ikke | På den hjemmeside/platform, hvor banneret skal vises |
| Bruges i Photoshop skabeloner? | Nej (ikke som 'standard web banner') | Bruges til at oprette et nyt, brugerdefineret dokument |
| Er den altid den samme? | Nej | Varierer fra platform til platform |
| Hvad er måleenheden? | Ikke relevant | Pixels |
Dette understreger igen, at din primære opgave, før du åbner Photoshop, er at indhente de korrekte specifikationer.
Designprocessen inden for de givne rammer
Når lærredet er klar i den rigtige størrelse, starter den kreative proces. Som fotograf har du en fordel, da du forstår komposition, farve og lys. Disse principper er afgørende, når du skal designe et effektivt banner inden for de ofte begrænsede dimensioner. Hvert pixel tæller. Tekst skal være læselig, billeder (eller dele af billeder) skal være skarpe og relevante, og det overordnede budskab skal være klart og fængende.
Du vil importere elementer, bruge tekstværktøjer, forme figurer og anvende justeringslag og effekter – alt sammen for at skabe et visuelt tiltalende design, der passer perfekt ind i de mål, du har fået. Husk, at bannerets formål er at få folk til at klikke, så en klar 'call to action' er ofte en god idé.
Afslutning og eksport
Når dit design er færdigt i Photoshop, skal det gemmes i et web-venligt format. De mest almindelige formater for bannere er JPEG, PNG (især hvis du har brug for gennemsigtighed) og GIF (hvis det er et animeret banner, hvilket dog er en mere avanceret teknik, der kræver tidslinjen i Photoshop eller andre værktøjer). Brug funktionen 'Gem til web (ældre)' ('Save for Web (Legacy)') i Photoshop, som giver dig kontrol over filstørrelse og kvalitet, hvilket er vigtigt for hurtig indlæsningstid på nettet.
Vær igen opmærksom på platformens krav – de specificerer ofte ikke kun dimensioner, men også maksimal filstørrelse (f.eks. 150 KB) og tilladte filformater.
Ofte Stillede Spørgsmål
Q: Har Photoshop en skabelon for web bannere?
A: Nej, Photoshop har ikke en enkelt, indbygget skabelon mærket 'standard web banner', fordi der ikke findes en universel standardstørrelse. Du opretter et nyt dokument med brugerdefinerede mål.
Q: Hvilken opløsning skal jeg bruge til et web banner i Photoshop?
A: Standardopløsningen for web grafik er 72 pixels pr. tomme (PPI).
Q: Hvilken farvetilstand er bedst for web bannere?
A: RGB er standard farvetilstanden for grafik, der skal vises på skærme.
Q: Hvor finder jeg den korrekte størrelse for mit banner?
A: Du skal altid tjekke de specifikationer, der leveres af den hjemmeside eller platform, hvor banneret skal placeres. Dette er den mest pålidelige kilde til de korrekte dimensioner.
Q: Hvad sker der, hvis jeg bruger den forkerte størrelse?
A: Banneret vil sandsynligvis ikke passe korrekt ind i det tildelte rum på hjemmesiden. Det kan blive strakt, beskåret, se forkert ud, eller platformen kan simpelthen afvise at vise det.
At mestre kunsten at skabe web bannere i Photoshop handler altså ikke om at kende en magisk standardstørrelse, men om at forstå workflowet: Indhent de præcise specifikationer, opret dit dokument med disse mål i pixels, og brug derefter dine designfærdigheder til at skabe et effektivt visuelt budskab inden for de givne rammer.
Hvis du vil læse andre artikler, der ligner Web Banner Størrelser i Photoshop, kan du besøge kategorien Design.