Vad att veta
- Öppna en bild i Photoshop. Välj Image > Bildstorlek. Ange en ny bredd och välj sedan Pixels > OK.
- Välj Fil > Spara för webb och enheter. Välj fliken 2-Up för att se originalbilderna och de optimerade bilderna sida vid sida.
- Ändra Quality-värdet och se resultaten. Gör justeringar av storleken eller filtypen om det behövs. Välj Save och namnge den nya bilden.
Den här artikeln förklarar hur du använder Photoshops verktyg Save for Web för att optimera bilder för användning på webben. Denna information gäller Photoshop 20.0.10 och senare. Kommandon och meny alternativ kan skilja sig åt mellan versionerna.
Hur man sparar för webben i Photoshop
Grafiske designers, webbdesigners och andra som skapar innehåll för webben skapar också webbförberedda bilder som foton för webbplatser och bannerannonser. Innan de laddar upp dessa bilder optimerar de bilderna för att laddas ner och visas snabbt i en webbläsare.
Så här använder du verktyget Spara för webben i Photoshop för att få rätt balans mellan bildkvalitet och filstorlek för dina bilder.
- Öppna bilden du vill spara i Photoshop.
-
Välj Image > Bildstorlek. Eller, för PC, tryck Alt+Ctrl+I, för macOS, tryck Command+Option+I på tangentbordet.
Image -
I fältet Width, ange en ny bredd, välj Pixels och välj sedan OK.
Ändra storlek på fotot till en liten storlek som kan användas på en webbplats.
Image -
Välj File > Export > Save for Web (Legacy). Eller använd kortkommandot: Alt/Option+Command+Shift+S.
I andra versioner av Photoshop är sökvägen File > Export > Save for Web. Objektet kan heta Save for Web eller Save for Web and Devices.
Image -
I fönstret Save for Web, gå till Original, Optimized,2-Up och 4-Up flikar. Dessa flikar växlar mellan en vy av originalfotot, det optimerade fotot med inställningarna för att spara för webben eller en jämförelse av två eller fyra versioner av fotot.
Välj 2-Up för att jämföra originalfotot med det optimerade fotot. Detta visar kopior av bilden sida vid sida.
Image -
Ändra Quality-värdet. När du sänker kvaliteten ser bilden lerigare ut och filstorleken minskar. Mindre filer innebär snabbare inläsning av webbsidor.
Hitta ett lyckligt medium mellan filstorlek och kvalitet. En kvalitet mellan 40 och 60 är ett bra intervall. Använd de förinställda kvalitetsnivåerna (JPEG Medium, till exempel) för att spara tid.
Image -
Ändra filtypen, om det behövs, till JPEG, GIF, PNG-8, PNG-24 eller WBMP.
Image -
Ändra storleken på bilden om det behövs. Ange en bredd eller höjd, eller skala den med en procentsats.
Klicka på ikonen kedjelänk för att ändra bildens proportioner. Annars anger du en annan bredd eller höjd för att ändra det andra värdet i proportion.
Image -
Värdena under förhandsgranskningen av bilden visar filtyp, storlek och hur lång tid det tar att öppna bilden på en webbplats. Dessa siffror uppdateras när du gör ändringar.
Image -
När du är nöjd med fotot, välj Save.
Image -
Skriv ett namn för fotot och klicka sedan på Spara.
Image
Vad gör en grafisk webbklar?
De flesta webbklara bilder delar gemensamma egenskaper:
- Upplösningen är 72 dpi.
- Färgläget är RGB.
-
Filer är förminskade för snabbare inläsning av webbsidor.
