Hvordan å optimalisere PNG bilder for web i Photoshop CS4

Når optimalisere bilder for web, bør hvert bilde behandles individuelt for å finne en balanse mellom den beste bildekvaliteten og den minste filstørrelsen mulig. Adobe Photoshop CS4 bruker to typer PNG-bilder. PNG-24 bilder kan bruke mange flere farger enn PNG-8 og lage mye mindre filer. Som et resultat, PNG-8 bilder laste opp raskere til en nettleser, men kan ikke fange subtilitet av farger som en PNG-24 kan. Photoshop CS4 inneholder en Lagre for Web og enheter har for å hjelpe deg med å optimalisere bilder for web.

Bruksanvisning

1 Åpne et bilde med Adobe Photoshop CS4.

2 Klikk på "File" -menyen og velg "Lagre for Web og enheter."

3 Zoom inn eller ut av bildet forhåndsvisningen ved å klikke på "File Size" drop-down menyen nederst til venstre i vinduet. Du kan skrive inn en prosent eller velg fra de forhåndsinnstilte prosenter i rullegardinmenyen.

4 Velg "PNG-24" som filtype i rullegardinmenyen på høyre side av vinduet.

5 Velg "fire-up" fanen over forhåndsvisningen. Dette endrer forhåndsvisningsvinduet for å tillate deg å se på det opprinnelige bildet, PNG-24 og to andre formater side-by-side.

6 Juster PNG-24 innstillinger fra valgene på høyre side av vinduet, sammenligne den opprinnelige mens du ser på filstørrelsen.

7 Klikk på en av forhåndsvisning vinduer som ikke er den opprinnelige eller PNG-24. Deretter endrer dette formatet til PNG-8 i rullegardinmenyen.

8 Juster PNG-8 innstillinger på det høyre vinduet, sammenligne den med originalen og PNG-24 mens du ser på filstørrelsen.

9 Velg "Perceptual" for å prioritere farger som det menneskelige øyet er mest følsom.

10 Klikk "Selektiv" for å bruke et bredere spekter av farger enn den perseptuelle formatering.

11 Velg "Adaptive" for å gi preferanse til fargene som brukes mest i bildet.

12 Klikk "Custom" for å endre fargepaletten manuelt i Palette panel.

1. 3 Velg "Transparency" for å opprettholde gjennomsiktige bildepunkter i bildet. Klikk "Matte" for å erstatte de gjennomsiktige bildepunkter med en farge, og velg den fargen du ønsker å bruke for matte.

14 Velg bildet som har den minste filstørrelsen samtidig er så nær den opprinnelige bildekvaliteten som mulig.