Så här optimerar du PNG-bilder för webben i Photoshop CS4

Författare: Bobbie Johnson
Skapelsedatum: 8 April 2021
Uppdatera Datum: 15 Maj 2024
Anonim
Så här optimerar du PNG-bilder för webben i Photoshop CS4 - Artiklar
Så här optimerar du PNG-bilder för webben i Photoshop CS4 - Artiklar

Innehåll

När du optimerar bilder på webben måste varje bild behandlas individuellt för att få en bra balans mellan kvalitet och filstorlek. Adobe Photoshop CS4 använder två varianter av PNG. PNG-24, som kan innehålla många färger och PNG-8, vilket genererar mycket mindre filer. Det betyder att PNG-8-bilder laddas snabbare, men de innehåller inte det fulla sortimentet av färger än de sparade PNG-24-bilderna. Photoshop CS4 har alternativet "Spara till webben och enheter" som gör det enkelt att optimera bilder på webben.


vägbeskrivning

  1. Öppna en bild i Adobe Photoshop CS4.

  2. Klicka på "Arkiv" -menyn och välj "Spara till webben och enheter".

  3. Zooma in eller ut för att se bilden genom att klicka på rullgardinsmenyn i nedre vänstra hörnet av fönstret. Du kan ange en procentandel eller välja en av de föreslagna i den här menyn.

  4. Välj "PNG-24" som filtyp i rullgardinsmenyn till höger om fönstret.

  5. Välj fliken "4-upputskrift" ovanför förhandsgranskningen. Detta ändrar förhandsgranskningsfönstret, vilket gör det möjligt att visa originalbilden, sparade i PNG-24 och två andra format sida vid sida.

  6. Konfigurera filen PNG-24 med alternativen till höger om fönstret, jämföra bildkvaliteten till originalet och uppmärksamma filens storlek.


  7. Klicka på ett av förhandsgranskningsfönstren annat än originalbilden eller PNG-24. Ändra formatet till PNG-, 8 från rullgardinsmenyn.

  8. Konfigurera PNG-8-filen med alternativen till höger om fönstret, jämföra bildkvaliteten till original- och PNG-24-filen och uppmärksamma filstorleken.

  9. Välj "Perceptive" för att prioritera färger som det mänskliga ögat är mest känsligt för.

  10. Välj "Selective" för att använda ett bredare område än alternativet "Perceptual".

  11. Välj "Adaptive" för att föredra de färger som används mest i bilden.

  12. Välj "Anpassad" för att ändra färgpalett manuellt i färgtabellen.

  13. Välj "Transparency" för att hålla transparenta pixlar i bilden. Klicka på "Matte" för att ersätta de transparenta bildpunkterna med en färg och välj sedan den färg du vill använda.


  14. Välj den bild som har den minsta storleken samtidigt som den är mer trogen mot originalbilden.