Som grafisk formgivare eller webbdesigner kan du bli ombedd att leverera webbklienter, till exempel bilder för en webbplats eller bannerannons. Verktyget Photoshop Save for Web är ett enkelt sätt att förbereda dina JPEG-filer på webben, vilket hjälper till med avvägningen mellan filstorlek och bildkvalitet.
För den här handledningen sparar du JPEG-bilder. Verktyget Spara för webb är också byggt för att spara GIF, PNG och BMP-filer.
Vad gör en grafisk webb-redo?
De flesta webb-färdiga grafik delar gemensamma egenskaper:
- Upplösningen är 72 dpi.
- Färgläget är RGB.
- Filer reduceras i storlek för snabbare laddning av webbsidor.
Öppna en bild
Att träna med verktyget Spara för webben öppnar en bild i Photoshop.
Klick Fil> Öppna, bläddra efter bilden på din dator och klicka på Öppna. I praktiken fungerar ett foto bra, men vilken typ av bild som helst kommer att göra.
Ändra storlek på fotot till en liten storlek som du kan använda på en webbplats. För att göra detta klickar du på Bild> Bildstorlek, ange en ny bredd i breddfältet och väljpixlar. Ange i så fall 400 pixlar och klicka ok.
Öppna Spara för webbverktyget
Antag att någon bad dig att leverera ett foto på 400 pixlar bred, redo att publiceras på en webbplats.
Klick Fil > Spara för webben att öppna Spara för webben dialog ruta. (I senare versioner av Photoshop är sökvägen Fil > Exportera > Spara för webben.)
Bläddra bland de olika inställningarna och verktygen i fönstret.
03 av 07Ställ in jämförelsen
På toppen av Spara för webben Fönstret är en serie flikar märkta Original, optimerad, 2-Up, och 4-Up. Genom att klicka på dessa flikar kan du växla mellan en vy av ditt ursprungliga foto, ditt optimerade foto med inställningarna Spara för webben som tillämpas på det eller en jämförelse av två eller fyra versioner av ditt foto.
Välja 2-Up för att jämföra det ursprungliga fotot med den optimerade en genom att visa kopior av bilderna sida vid sida.
04 av 07Ställ in originalförhandsgranskningen
Klicka på bilden till vänster för att välja den. Välja Original från Förinställa meny på höger sida av Spara för webben fönster (om det inte redan är valt). Detta ger en förhandsgranskning av det ursprungliga, oanvända fotot på vänster sida.
05 av 07Ställ in den optimerade förhandsgranskningen
Klicka på bilden på höger sida för att välja den. Välja JPEG High från Förinställa meny. Du kan nu jämföra det optimerade fotot till höger, vilket blir din sista fil, med originalet till vänster.
06 av 07Redigera JPEG-kvaliteten
Den viktigaste inställningen i den högra kolumnen är Kvalitet värde. När du sänker kvaliteten ser din bild muddigare ut, men filstorleken går ner och mindre filer betyder snabbare laddning av webbsidor.
Försök ändra kvaliteten till 0 och märk skillnaden i bilderna till vänster och höger, såväl som den mindre filstorleken, som ligger under fotot.
Målet är att hitta ett bra medium mellan filstorlek och kvalitet. En kvalitet mellan 40 och 60 är vanligtvis ett bra utbud, beroende på dina behov. Försök använda de förinställda kvalitetsnivåerna (JPEG Medium, till exempel) för att spara tid.
07 av 07Spara din bild
När du är nöjd med bilden till höger klickar du på Spara knapp. De Spara optimerad som fönstret öppnas. Skriv ett filnamn, bläddra till önskad mapp på din dator och klicka på Spara. Du har nu ett optimerat, webb-färdigt foto.
