#15 IllustratorPhotoshop Lagre et bilde for web og Microsoft Office

Dette tipset er ganske gammelt. Klikk her for å se en oppdatert tutorial i videoform!

Hvis et bilde skal benyttes på en nettside eller i f.eks. PowerPoint bør du gjøre følgende:

Zoom til 100% for å se bildet i den faktiske størrelsen det blir på nett (cmd/ctrl +/- for å zoome inn/ut).
I Photoshop kan du gå på Image->Image Size... for å kontroller at bildestørrelsen (i piksler) er korrekt, og evt. gjøre bildet mindre.

Hvis du trenger et referansepunkt for pikselstørrelser så er en projektor typisk 1024x768 px i oppløsning så til en PowerPoint holder det vanligvis å holde bildet innenfor dette. Full HD (widescreen) er 1920x1080 px.

Gå på File->Save for Web & Devices...
(I CS4 og CS5 er utseendet på dialogboksen endret litt, men valgene jeg bruker her er de samme:)

Save for Web - JPEG

Du kan også her endre bildestørrelsen ved å gå på «Image Size» nede til høyre.

For fotografier er de innstillingene du ser på skjermbildet over et meget godt utgangspunkt. Hvis filstørrelsen (nede til venstre) blir for stor kan du forsøke å senke Quality.

Hvis bildet er av mer illustrativ art, eller du ikke er fornøy med filstørrelse/kvalitet, kan du forsøke å bytte fra «JPEG» til «PNG-8» og se om det hjelper. PNG-8 er uten kvalitetstap men begrenser antall farger.

Save for Web - PNG

Forsøk også å senke antall farger fra 256 til 128 hvis du vil spare mer plass (men hold et øye med bildekvaliteten!).

PS: For full-farge tapsløs komprimering og «ekte» gjennomsiktighet (transparency) kan du benytte «PNG-24».