Som grafisk designer eller webdesigner kan du bli bedt om å levere web-klare bilder, for eksempel bilder for et nettsted eller en bannerannonse. Verktøyet Photoshop Save for Web er en enkel måte å forberede JPEG-filer på Internett, og hjelper med avviket mellom filstørrelse og bildekvalitet.
For denne opplæringen lagrer du JPEG-bilder. Verktøyet Lagre for Web er også laget for å lagre GIF, PNG og BMP-filer.
Hva gjør en grafisk web-klare?
De fleste web-ready grafikk deler felles egenskaper:
- Oppløsningen er 72 dpi.
- Fargemodus er RGB.
- Filene er redusert i størrelse for raskere lasting av nettsider.
Åpne et bilde
Å øve et bilde i Photoshop for å øve med verktøyet Lagre for web.
Klikk Fil> Åpen, bla etter bildet på datamaskinen din, og klikk Åpen. For øvelsesformål fungerer et bilde bra, selv om enhver type bilde vil gjøre.
Endre størrelsen på bildet til en liten størrelse som du kan bruke på et nettsted. For å gjøre dette, klikk Bilde> Bildestørrelse, skriv inn en ny bredde i feltet Bredde, og velgpiksler. I dette tilfellet angir du 400 piksler og klikker OK.
Åpne Save for Web Tool
Anta at noen ba deg om å levere et bilde på 400 piksler bredt, klar til å bli lagt ut på et nettsted.
Klikk Fil > Lagre for web å åpne Lagre for web dialogboks. (I nyere versjoner av Photoshop er banen en Fil > Eksport > Lagre for web.)
Bla gjennom de forskjellige innstillingene og verktøyene i vinduet.
03 av 07Sett opp sammenligningen
På toppen av Lagre for web Vinduet er en serie av faner merket Opprinnelig, optimalisert, 2-Up, og 4-Up. Ved å klikke på disse fanene, kan du bytte mellom en visning av det opprinnelige bildet, det optimaliserte bildet ditt med innstillingene Lagre for web, som er brukt på det, eller en sammenligning av to eller fire versjoner av bildet ditt.
Velge 2-Up å sammenligne det opprinnelige bildet med den optimaliserte en ved å vise side om side kopier av bildet.
04 av 07Sett opp den opprinnelige forhåndsvisningen
Klikk på bildet på venstre side for å velge det. Velge Opprinnelig fra Preset meny på høyre side av Lagre for web vindu (hvis det ikke allerede er valgt). Dette gir en forhåndsvisning av det opprinnelige, ubebrevne bildet på venstre side.
05 av 07Sett inn optimalisert forhåndsvisning
Klikk på bildet på høyre side for å velge det. Velge JPEG Høy fra Preset Meny. Du kan nå sammenligne det optimaliserte bildet til høyre, som vil bli din endelige fil, med originalen til venstre.
06 av 07Rediger JPEG-kvaliteten
Den viktigste innstillingen i høyre kolonne er Kvalitet verdi. Etter hvert som du reduserer kvaliteten, ser bildet ditt bedre ut, men filstørrelsen går ned, og mindre filer betyr raskere lasting av websider.
Prøv å endre kvaliteten til 0 og merk forskjellen i bildene til venstre og høyre, så vel som den mindre filstørrelsen, som ligger under bildet.
Målet er å finne et godt medium mellom filstørrelse og kvalitet. En kvalitet mellom 40 og 60 er vanligvis et godt utvalg, avhengig av dine behov. Prøv å bruke forhåndsinnstilte kvalitetsnivåer (JPEG Medium, for eksempel) for å spare tid.
07 av 07Lagre bildet ditt
Når du er fornøyd med bildet til høyre, klikker du på Lagre knapp. De Lagre optimalisert som vinduet åpnes. Skriv inn et filnavn, bla til ønsket mappe på datamaskinen, og klikk Lagre. Du har nå et optimalisert, web-klar bilde.
