Du har kanskje opplevd det: Logoen ser helt fin ut på nettsiden, men når den skal brukes på en plakat, messevegg eller i en presentasjon, blir den plutselig uklar og pikselert.
Problemet er som regel ikke selve logoen, men filformatet – og om logoen er laget som vektorgrafikk eller pikselgrafikk. Å vektorisere logoen, altså å sikre at den finnes i et skalerbart format, er noe av det viktigste en bedrift kan gjøre for å unngå overraskelser når materiell skal produseres.
Hva er pikselgrafikk?
Et vanlig digitalt bilde består av små fargede punkter, kalt piksler. Zoomer du langt nok inn, ser du etter hvert de små firkantene bildet er bygget opp av. JPG og PNG er de vanligste filformatene som består av piksler.
Pikselgrafikk fungerer utmerket til fotografier og bilder på nettsider, men er resolusjonsavhengig (bildet kan ikke skaleres opp uten at kvaliteten forringes). Ifølge TechTarget er raster- eller pikselgrafikk «laget av et fast antall piksler, som gjør det mindre skalerbart enn vektorgrafikk», og når bildet forstørres blir det «grumsete og fremstår pikselert».
En skjerm viser typisk 72–130 piksler per tomme, mens god trykkvalitet normalt krever 150–300 punkter per tomme (DPI) (Wikipedia: Raster graphics). Har logoen din for lav oppløsning til formatet den skal brukes i, blir resultatet uklart – uansett hvor fin filen så ut på skjermen.
Hva er vektorgrafikk?
Vektorgrafikk fungerer annerledes. I stedet for et bestemt antall piksler består grafikken av matematisk definerte former, linjer og kurver. Litt som et avansert punkt-til-punkt-bilde. Fordi filene kun lagrer noen få punkter og de matematiske sammenhengene mellom dem, blir de også vesentlig mindre i filstørrelse enn tilsvarende pikselbilder.
Det betyr at grafikken kan skaleres opp og ned uten å miste kvalitet. En vektorlogo kan derfor være noen centimeter bred på et visittkort og flere meter bred på en fasade eller messevegg – og fortsatt være like skarp. Det er nettopp derfor logoer bør lages og oppbevares som vektorgrafikk.
Det mest kjente vektorformatet i dag er SVG (Scalable Vector Graphics), en åpen standard utviklet av World Wide Web Consortium (W3C) siden 1998, med første offisielle versjon i 2001 (Wikipedia: SVG). I tillegg finnes AI (Adobe Illustrator) og i avtagende grad EPS. En PDF kan ofte også inneholde vektorgrafikk, men ikke alle PDF-filer er automatisk vektorbaserte.
PNG eller JPG betyr ikke nødvendigvis dårlig kvalitet
Det er viktig å skille mellom feil filformat og dårlig fil. En PNG-versjon av logoen kan være akkurat det du trenger til en nettside, e-postsignatur eller presentasjon. PNG bruker komprimering uten tap av kvalitet og støtter transparent bakgrunn, noe som gjør formatet praktisk til mange digitale formål.
JPG brukes mest til fotografier, men er mindre egnet til logoer – blant annet fordi formatet ikke støtter transparent bakgrunn og bruker komprimering med kvalitetstap. Problemet oppstår først når en pikselbasert fil brukes til noe den ikke er stor nok til. Derfor bør en bedrift ha flere versjoner av logoen til ulike bruksområder, ikke bare én fil.
RGB eller CMYK: Derfor ser fargene annerledes ut i trykk
Et tema som ofte overrasker bedrifter, er at fargene i logoen kan se annerledes ut på trykk enn på skjerm. Skjermer bruker RGB (rødt, grønt, blått lys), mens profesjonelt trykk normalt bruker CMYK (cyan, magenta, gult og sort blekk). RGB er en additiv fargemodell som lager farger ved å kombinere lys, mens CMYK er subtraktiv og lager farger ved at blekk absorberer lys fra papiret. Fordi de to systemene bygger på ulike prinsipper, finnes det ingen universell formel for konvertering mellom dem – enkelte farger som vises fint på skjerm, kan rett og slett ikke gjengis nøyaktig i trykk.
Derfor bør logoen ha definerte fargeverdier for begge formål – gjerne også en egen Pantone-farge slik at fargen blir riktig uansett flate.
«Men logoen min er i PDF – da er den vel vektor?»
Ikke nødvendigvis. Dette er en vanlig misforståelse. PDF beskriver først og fremst hvordan innholdet er pakket og lagret. Ifølge PDF Association, den internasjonale bransjeorganisasjonen for PDF-teknologi, ble formatet utviklet på 1990-tallet som en måte å dele digitale dokumenter, og i 2008 publiserte ISO Adobes PDF-spesifikasjon 1.7 som en åpen standard, ISO 32000-1. En PDF kan inneholde ekte vektorgrafikk, men den kan også bare inneholde et pikselbasert bilde. (PDF Association – About the Portable Document Format)
Det samme gjelder dersom en liten JPG-logo plasseres i et designprogram og deretter eksporteres som PDF. Logoen blir ikke automatisk vektorgrafikk av den grunn. Endring av filendelsen (filnavnet) fra .jpg til .svg løser heller ikke problemet. For å få en ekte vektorversjon må selve grafikken eksistere som vektorformer.
Hva skjedde med EPS-formatet?
EPS (Encapsulated PostScript) var i mange år standardformatet for vektorgrafikk. Ifølge fagressursen Prepressure.com, som dekker prepress- og trykkeribransjen, oppsto formatet på midten av 1980-tallet, utviklet av Adobe for å gjøre det mulig å dele logoer, tegninger og sidelayout på tvers av ulike programmer. I dag regnes formatet som utdatert: Adobes egen representant Dov Isaacs uttaler ifølge Prepressure at «Adobe will continue to support EPS as a legacy graphics format for import of non-color managed, opaque graphical data» – men fraråder eksplisitt å lage nytt innhold i formatet. De fleste designverktøy og trykkerier foretrekker nå PDF, AI eller SVG.
Har du kun en gammel EPS-fil av logoen, er det verdt å be om en oppdatert vektorversjon i et av de nyere formatene.
Hvilken logofil skal jeg bruke til hva?
Hvilke filformat du bør benytte deg av avhenger i stor grad av hvor logoen eller den visuelle grafikken skal vises. Under har vi listet opp noen tommelfingerregler du kommer langt med å forholde deg til.
- Nettsider og digitale flater: SVG eller PNG. SVG er skarpt i alle skjermstørrelser, PNG støtter transparent bakgrunn.
- Dokumenter og presentasjoner: SVG eller PNG i riktig størrelse, avhengig av programmet som brukes.
- Profesjonell trykkproduksjon: Vektorbasert PDF eller AI. Sjekk med trykkeriet hvilket fargerom (CMYK) og format de krever.
- Storformat, skilt, folie og messemateriell: Vektorgrafikk (PDF/AI/SVG). Skal materialet skaleres til store flater, er det kun vektor som sikrer et skarpt og godt resultat.
Er du usikker, er det lurt å spørre trykkeriet eller den grafiske leverandøren hvilket format de ønsker før materialet ferdigstilles.
Hva hvis jeg bare har logoen som JPG eller PNG?
Dette skjer oftere enn man skulle tro, særlig i bedrifter som har hatt samme logo lenge. Kanskje den opprinnelige designfilen har forsvunnet, byrået som laget logoen finnes ikke lenger, eller ingen vet hvor originalfilene ligger. Det eneste som er igjen, er en liten JPG hentet fra nettsiden.
I slike tilfeller kan logoen som regel tegnes opp på nytt som vektorgrafikk – gjerne omtalt som å vektorisere logoen. Avhengig av hvor komplisert logoen er, kan en grafisk designer rekonstruere former, typografi og andre elementer slik at bedriften igjen får en skalerbar original. Det er samtidig en god anledning til å rydde opp i logofilene og lage en komplett pakke med riktige varianter for digital bruk, trykk, lys og mørk bakgrunn.
Hvilke logofiler bør bedriften egentlig ha?
En profesjonell logopakke bør gjøre det enkelt for ansatte, samarbeidspartnere og leverandører å bruke logoen riktig. Det bør blant annet inkludere:
- Original logo i vektorformat (SVG, AI eller vektorbasert PDF)
- Logo til digital bruk (PNG med transparent bakgrunn)
- Varianter for lys og mørk bakgrunn
- Sort/hvit-versjon
- Stående og liggende varianter der det er aktuelt
- Tydelige retningslinjer for hvilken fil som skal brukes hvor
Da slipper markedsavdelingen å lete etter «logo_ny_final_versjon3.png» hver gang det skal produseres noe nytt.
Hos UTD Reklameprodusenten kan våre grafiske designere tilby en komplett logopakke med alle nødvendige filer pakket oversiktlig og klare til bruk.
En liten fil kan skape store problemer
En logo brukes gjerne i mange år og på langt flere flater enn man tenker over da den først ble laget. Har du bare en liten JPG eller PNG, kan den fungere fint i enkelte sammenhenger, men den gir begrensninger når logoen skal brukes større eller i profesjonell produksjon. En vektorbasert logo gir fleksibilitet til å bruke samme visuelle identitet på alt fra en liten digital flate til en stor messevegg, uten at kvaliteten forsvinner på veien.
Er du usikker på om logofilene dine holder riktig kvalitet, eller mangler bedriften vektorversjonen av logoen? Våre grafiske designere kan kontrollere filene dine, vektorisere en eksisterende logo og sørge for at dere har riktige formater til både digitale og trykte flater. Ta kontakt med oss for en gjennomgang av logopakken deres.
Ofte stilte spørsmål om vektor- og pikselfiler
Hva er forskjellen på vektorgrafikk og pikselgrafikk?
Pikselgrafikk (som JPG og PNG) er bygget opp av et fast antall bildepunkter og mister kvalitet når den forstørres. Vektorgrafikk (som SVG, AI og vektorbasert PDF) er bygget opp av matematiske former og kan skaleres i alle størrelser uten kvalitetstap.
Hvilket filformat bør jeg bruke til logoen min?
Det avhenger av bruksområdet. Til nettsider fungerer SVG eller PNG godt, mens profesjonell trykkproduksjon og storformat krever en vektorbasert fil som PDF, AI eller SVG. Sjekk alltid med leverandøren hvilket format og fargerom de ønsker.
Kan jeg konvertere en PNG eller JPG til vektorgrafikk?
Å bytte filendelse gjør ikke en pikselbasert fil om til ekte vektorgrafikk. Skal du ha en reell vektorversjon, må logoen tegnes opp på nytt som vektorformer. Dette kalles å vektorisere logoen, og gjøres normalt av en grafisk designer.
Hvorfor ser fargene ulike ut på skjerm og i trykk?
Skjermer viser farger med lys i fargemodellen RGB, mens trykk bruker blekk i fargemodellen CMYK. Fordi systemene fungerer ulikt, kan enkelte farger på skjerm ikke gjengis nøyaktig i trykk. Definerte fargeverdier (og gjerne en egen Pantone-farge) sikrer riktigere og mer konsistent resultat.
Hva koster det å vektorisere en logo?
Prisen avhenger av hvor komplisert logoen er og hvor mange varianter dere trenger (lys/mørk bakgrunn, sort/hvit, stående/liggende). Ta kontakt med UTD Reklameprodusenten for en uforpliktende vurdering og et tilpasset tilbud.