Skip to content

Så här använder du Photoshop Save for Web Tool

12 de augusti de 2021
001 use the photoshop marquee tool 1697604 d4155750bcac416e9345759e63933ea6

Grafiska formgivare, webbdesigners och andra som skapar innehåll för webben skapar också webbklara bilder som foton för webbplatser och bannerannonser. Innan bilderna laddas upp är bilderna optimerade för att ladda ner och visas snabbt i en webbläsare. Verktyget Spara för webb i Photoshop är ett enkelt sätt att förbereda JPEG -filer för webben. Detta verktyg sparar också GIF-, PNG- och BMP -filer. Så här använder du verktyget Spara för webb för att få rätt balans mellan bildkvalitet och filstorlek för dina bilder. Instruktionerna i denna artikel gäller Photoshop 5.5 och senare. Kommandon och menyalternativ kan skilja sig åt mellan olika versioner.

Vad gör en grafisk webbklar?

De flesta webbklara grafiker har gemensamma egenskaper:

  • Upplösningen är 72 dpi.
  • Färgläget är RGB.
  • Filerna minskar i storlek för webbsidor som laddas snabbare.

Hur man sparar för webben i Photoshop

Spara för webben är inte ett verktyg, som markeringsram, flytt eller magnetisk Lasso. Det är ett sätt att exportera en råfil till ett format som andra enkelt kan använda. Så här använder du den för att optimera bilder.

  1. Öppna bilden du vill spara i Photoshop.

  2. Välj Bild > Bildstorlek. Eller tryck på Alt/Alternativ+Kommando+I på tangentbordet.

  3. I Bredd ange en ny bredd, välj Pixlaroch välj sedan OK. Ändra storlek på fotot till en liten storlek som kan användas på en webbplats.

    Dialogrutan Bildstorlek i Photoshop med fönstret bredd och OK markerad

  4. Välj Fil > Spara för webb och enheter. Eller använd kortkommandot: Alt/Alternativ+Kommando+Skift+S. I andra versioner av Photoshop är sökvägen Fil > Exportera > Spara för webben. Objektet kan kallas Spara för webb eller Spara för webb och enheter.

    En bild som öppnas i Photoshop med menyposten Spara för webb och enheter markerad

  5. I Spara för webben fönster, gå till Original, Optimerad, 2-upp, och 4-upp flikar. Dessa flikar växlar mellan en vy av originalfotot, det optimerade fotot med inställningarna Spara för webb som används på det, eller en jämförelse av två eller fyra versioner av fotot. Välja 2-upp för att jämföra originalfotot med det optimerade fotot. Detta visar kopior av bilden sida vid sida.

    Fönstret Spara för webb och enheter i Photoshop med alternativet 2Up markerat

  6. Ändra Kvalitet värde. När du sänker kvaliteten ser bilden lerigare ut och filstorleken minskar. Mindre filer innebär att webbsidor laddas snabbare. Hitta ett lyckligt medium mellan filstorlek och kvalitet. En kvalitet mellan 40 och 60 är ett bra sortiment. Använd förinställda kvalitetsnivåer (till exempel JPEG Medium) för att spara tid.

    Spara för fönster för webb och enheter i Photoshop med kvalitetsreglaget och förinställningar markerade

  7. Ändra vid behov filtypen till JPEG, GIF, PNG-8, PNG-24 eller WBMP.

    Bildtypmeny i Photoshop -fönstret Spara för webb

  8. Ändra bildens storlek om det behövs. Ange en bredd eller höjd, eller skala den med en procentsats. Klicka på låsa ikon för att ändra bildens andel. Annars anger du en annan bredd eller höjd för att ändra det andra värdet i proportion.

    Spara för webb- och enheter -fönstret i Photoshop med bildstorleken och procentsatserna markerade

  9. Värdena under bildförhandsgranskningen 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.

    Photoshop -fönstret Spara för webb och enheter med bildstorlek och typavläsning markerad

  10. När du är nöjd med fotot väljer du Spara.

    Fönstret Spara för webb och enheter i Photoshop med knappen Spara markerad

  11. Skriv ett namn på fotot och klicka sedan på Spara.

    Spara som dialogrutan i Photoshop med knappen Spara markerad