Sådan bruger du Photoshop Save for Web-værktøjet

Indholdsfortegnelse:

Sådan bruger du Photoshop Save for Web-værktøjet
Sådan bruger du Photoshop Save for Web-værktøjet
Anonim

Hvad du skal vide

  • Åbn et billede i Photoshop. Vælg Billede > Billedstørrelse. Indtast en ny bredde, og vælg derefter Pixels > OK.
  • Vælg Fil > Gem til web og enheder. Vælg fanen 2-Up for at se de originale og optimerede billeder side om side.
  • Skift Quality-værdien, og se resultaterne. Foretag justeringer af størrelsen eller filtypen, hvis det er nødvendigt. Vælg Save, og navngiv det nye billede.

Denne artikel forklarer, hvordan du bruger Photoshops Save for Web-værktøj til at optimere billeder til brug på nettet. Disse oplysninger gælder for Photoshop 20.0.10 og nyere. Kommandoer og menuindstillinger kan variere mellem versionerne.

Sådan gemmer du til web i Photoshop

Grafiske designere, webdesignere og andre, der skaber indhold til nettet, skaber også webklare billeder, såsom fotos til websteder og bannerreklamer. Før de uploader disse billeder, optimerer de billederne, så de kan downloades og vises hurtigt i en webbrowser.

Sådan bruger du værktøjet Gem til web i Photoshop for at få den rigtige balance mellem billedkvalitet og filstørrelse for dine billeder.

  1. Åbn det billede, du vil gemme i Photoshop.
  2. Vælg Billede > Billedstørrelse. Eller for pc, tryk Alt+Ctrl+I, for macOS, tryk på Command+Option+I på tastaturet.

    Image
    Image
  3. I feltet Width skal du indtaste en ny bredde, vælge Pixels, og derefter vælge OK.

    Tilpas billedets størrelse til en lille størrelse, der kan bruges på et websted.

    Image
    Image
  4. Vælg Fil > Eksport > Save for Web (Legacy). Eller brug tastaturgenvejen: Alt/Option+Command+Shift+S.

    I andre versioner af Photoshop er stien File > Eksport > Save for Web. Elementet kan hedde Gem til web eller Gem til web og enheder.

    Image
    Image
  5. I vinduet Gem til web skal du gå til Original, Optimized,2-Up og 4-Up faner. Disse faner skifter mellem en visning af det originale billede, det optimerede billede med indstillingerne Gem til web anvendt på det eller en sammenligning af to eller fire versioner af billedet.

    Vælg 2-Up for at sammenligne det originale billede med det optimerede billede. Dette viser side om side kopier af billedet.

    Image
    Image
  6. Skift Quality-værdien. Når du sænker kvaliteten, ser billedet mere mudret ud, og filstørrelsen falder. Mindre filer betyder hurtigere indlæsning af websider.

    Find et lykkeligt medium mellem filstørrelse og kvalitet. En kvalitet mellem 40 og 60 er en god rækkevidde. Brug de forudindstillede kvalitetsniveauer (f.eks. JPEG Medium) for at spare tid.

    Image
    Image
  7. Skift filtypen, hvis det er nødvendigt, til JPEG, GIF, PNG-8, PNG-24 eller WBMP.

    Image
    Image
  8. Skift størrelsen på billedet, hvis det er nødvendigt. Indtast en bredde eller højde, eller skaler den med en procentdel.

    Klik på ikonet kædelink for at ændre andelen af billedet. Ellers skal du indtaste en anden bredde eller højde for at ændre den anden værdi i forhold.

    Image
    Image
  9. Værdierne under forhåndsvisningen af billedet viser filtypen, størrelsen og hvor lang tid det tager at åbne billedet på et websted. Disse tal opdateres, efterhånden som du foretager ændringer.

    Image
    Image
  10. Når du er tilfreds med billedet, skal du vælge Gem.

    Image
    Image
  11. Indtast et navn til billedet, og klik derefter på Gem.

    Image
    Image

Hvad gør en grafisk web-klar?

De fleste webklar grafik deler fælles karakteristika:

  • Opløsning er 72 dpi.
  • Farvetilstand er RGB.
  • Filer er reduceret i størrelse for hurtigere indlæsning af websider.

Anbefalede: