Hvordan bruke Photoshop Save for Web-verktøyet

Innholdsfortegnelse:

Hvordan bruke Photoshop Save for Web-verktøyet
Hvordan bruke Photoshop Save for Web-verktøyet
Anonim

What to Know

  • Åpne et bilde i Photoshop. Velg Image > Image Size. Angi en ny bredde, og velg deretter Pixels > OK.
  • Velg Fil > Lagre for web og enheter. Velg 2-Up-fanen for å se de originale og optimaliserte bildene side om side.
  • Endre Quality-verdien og se resultatene. Juster størrelsen eller filtypen om nødvendig. Velg Lagre og navngi det nye bildet.

Denne artikkelen forklarer hvordan du bruker Photoshops Save for Web-verktøy for å optimalisere bilder for bruk på nettet. Denne informasjonen gjelder for Photoshop 20.0.10 og nyere. Kommandoer og meny alternativer kan variere mellom versjoner.

Hvordan lagre for nett i Photoshop

Grafiske designere, webdesignere og andre som lager innhold for nettet, lager også nettklare bilder som bilder til nettsider og bannerannonser. Før de laster opp disse bildene, optimaliserer de bildene for å lastes ned og vises raskt i en nettleser.

Slik bruker du Save for Web-verktøyet i Photoshop for å få den rette balansen mellom bildekvalitet og filstørrelse for bildene dine.

  1. Åpne bildet du vil lagre i Photoshop.
  2. Velg Image > Image Size. Eller, for PC, trykk Alt+Ctrl+I, for macOS, trykk Command+Option+I på tastaturet.

    Image
    Image
  3. I feltet Width, skriv inn en ny bredde, velg Pixels, og velg deretter OK.

    Endre størrelsen på bildet til en liten størrelse som kan brukes på et nettsted.

    Image
    Image
  4. Velg Fil > Export > Save for Web (Legacy). Eller bruk hurtigtasten: Alt/Option+Command+Shift+S.

    I andre versjoner av Photoshop er banen Fil > Export > Save for Web. Elementet kan hete Save for Web eller Save for Web and Devices.

    Image
    Image
  5. I Save for Web-vinduet, gå til Original, Optimized,2-Up og 4-Up faner. Disse fanene veksler mellom en visning av originalbildet, det optimaliserte bildet med Lagre for nett-innstillingene brukt på det, eller en sammenligning av to eller fire versjoner av bildet.

    Velg 2-Up for å sammenligne originalbildet med det optimaliserte bildet. Dette viser side-ved-side-kopier av bildet.

    Image
    Image
  6. Endre Quality-verdien. Etter hvert som du senker kvaliteten, ser bildet grumsete ut, og filstørrelsen går ned. Mindre filer betyr raskere innlasting av nettsider.

    Finn et lykkelig medium mellom filstørrelse og kvalitet. En kvalitet mellom 40 og 60 er et godt utvalg. Bruk de forhåndsinnstilte kvalitetsnivåene (for eksempel JPEG Medium) for å spare tid.

    Image
    Image
  7. Endre filtypen, om nødvendig, til JPEG, GIF, PNG-8, PNG-24 eller WBMP.

    Image
    Image
  8. Endre størrelsen på bildet om nødvendig. Angi en bredde eller høyde, eller skaler den med en prosentandel.

    Klikk på kjedekoblingen-ikonet for å endre bildets andel. Ellers angir du en annen bredde eller høyde for å endre den andre verdien i forhold.

    Image
    Image
  9. Verdiene under forhåndsvisningen av bildet viser filtype, størrelse og hvor lang tid det tar å åpne bildet på en nettside. Disse tallene oppdateres etter hvert som du gjør endringer.

    Image
    Image
  10. Når du er fornøyd med bildet, velg Lagre.

    Image
    Image
  11. Skriv inn et navn for bildet, og klikk deretter Lagre.

    Image
    Image

Hva gjør en grafisk nettklar?

De fleste nettklare grafikk deler felles kjennetegn:

  • Oppløsningen er 72 dpi.
  • Fargemodus er RGB.
  • Filene er redusert i størrelse for raskere innlasting av nettsider.

Anbefalt: