Moderne webbrowsere og indholdsstyringssystemer optimerer billeder til visning i enhver indstilling. Det er dog bedst at forberede billeder, der er optimeret til hver mulig formfaktor og placering, som et billede kan vises. Fokuser på tre ting: billedopløsning, størrelse og farverum.
Farverum i billeder
Grafiske designere stoler på to primære farverum. Et farverum er en metode, hvorved primærfarver kombineres for at danne komplekse regnbuer af farver.
Brug RGB-tilstand, når du forbereder billeder til mobile enheder. Skærme på computerskærme og smartphones er afhængige af en kombination af røde, blå og grønne pixels. Dette RGB-billede er optimeret til nøjagtigt at gengive de tilsigtede farver på en skærm.
Til tryk bruger designere en firefarveproces, hvor hver farve destilleres til en kombination af cyan, magenta, gul og sort. Nogle gange omtales firefarvede billeder som CMYK-billeder af denne grund.
Billedopløsning
Billeder, især på mobile platforme, bør dimensioneres så små som muligt for at balancere kvalitet mod downloadhastighed på mobilnetværk og filstørrelse mod mobildatagrænser.
De fleste programmer, inklusive Adobe Creative Cloud-applikationerne, understøtter et eksport til web-værktøj, der viser billedet i forskellige kombinationer af opløsning og komprimering. Vælg det bedste billede i den laveste samlede størrelse.
Billedstørrelse i pixel
Hvert billede skal have en størrelse til det tilsigtede formål. Her er nogle eksempler på billedstørrelser til populære webbrug:
- Internetbannerannoncer er ofte 468 pixels gange 60 pixels.
- Facebook-forsidebilleder skal være 851 pixels gange 315 pixels.
- Twitter-profilbilleder skal være 400 x 400 pixels.
- Billeder til delte links skal være 1200 pixels gange 630 pixels.
Når du arbejder med fotos til specifikke formål, skal du kontrollere det sted, hvor billedet vil blive vist (såsom et soci alt medie eller en blog) for at verificere de optimale billeddimensioner og derefter dimensionere i overensstemmelse hermed for at undgå at strække eller trimme billedet.
For at undgå pixelering skal du sigte efter den faktiske skærmstørrelse. Selvom et billede er korrekt dimensioneret, hvis det ikke har den rigtige størrelse, kan det resulterende produkt se pixeleret ud, hvis billedet skal skaleres op for at opfylde den tilgængelige plads.
Om vektorbilleder
Vektorbilleder-billeder, der beregnes og tegnes af enheden – er norm alt mere effektive og af højere kvalitet end rasterbilleder (billeder tegnet en pixel ad gangen), fordi de kan forstørres og formindskes uden at påvirke billedkvaliteten. Til simple logoer, stregtegninger og grafer er en vektorversion ideel. Vektorformater bruges ikke til billeder.
