Moderne nettlesere og innholdsstyringssystemer optimaliserer bilder for visning i alle innstillinger. Det er imidlertid best å forberede bilder som er optimalisert for hver mulig formfaktor og plassering et bilde kan vises. Fokuser på tre ting: bildeoppløsning, størrelse og fargerom.
Fargerom i bilder
Grafiske designere er avhengige av to primære fargerom. Et fargerom er en metode der primærfarger kombineres for å danne komplekse regnbuer av farger.
Bruk RGB-modus når du klargjør bilder for mobile enheter. Skjermer på dataskjermer og smarttelefoner er avhengige av en kombinasjon av røde, blå og grønne piksler. Dette RGB-bildet er optimalisert for nøyaktig å gjengi de tiltenkte fargene på en skjerm.
For print bruker designere en fire-farge prosess, der hver farge destilleres til en kombinasjon av cyan, magenta, gul og svart. Noen ganger blir firefargebilder referert til som CMYK-bilder av denne grunn.
Bildeoppløsning
Bilder, spesielt på mobile plattformer, bør ha så liten størrelse som mulig for å balansere kvalitet mot nedlastingshastighet på mobilnettverk og filstørrelse mot mobildatatak.
De fleste programmer, inkludert Adobe Creative Cloud-applikasjonene, støtter et Eksporter for web-verktøy som viser bildet i ulike kombinasjoner av oppløsning og komprimering. Velg bildet av best kvalitet med den laveste totale størrelsen.
Bildestørrelse i piksler
Hvert bilde skal ha størrelsen for det tiltenkte formålet. Her er noen eksempler på bildestørrelser for populær nettbruk:
- Internettbannerannonser er ofte 468 x 60 piksler.
- Facebook-forsidebilder skal være 851 piksler x 315 piksler.
- Twitter-profilbilder bør være 400 x 400 piksler.
- Bilder for delte lenker skal være 1200 x 630 piksler.
Når du jobber med bilder for spesifikke formål, sjekk stedet der bildet vil vises (for eksempel et nettsted på sosiale medier eller en blogg) for å bekrefte de optimale bildedimensjonene, og deretter størrelsen deretter for å unngå å strekke eller trimme bildet.
For å unngå pikselering, sikte på den faktiske skjermstørrelsen. Selv om et bilde er riktig dimensjonert, hvis det ikke har riktig størrelse, kan det resulterende produktet se pikselert ut hvis bildet må skaleres opp for å møte den tilgjengelige plassen.
Om vektorbilder
Vektorbilder-bilder som beregnes og tegnes av enheten – er vanligvis mer effektive og har høyere kvalitet enn rasterbilder (bilder tegnet en piksel om gangen) fordi de kan forstørres og forminskes uten å påvirke bildekvaliteten. For enkle logoer, strektegninger og grafer er en vektorversjon ideell. Vektorformater brukes ikke for bilder.
