Hoe om die Photoshop Save for Web Tool te gebruik

INHOUDSOPGAWE:

Hoe om die Photoshop Save for Web Tool te gebruik
Hoe om die Photoshop Save for Web Tool te gebruik
Anonim

Wat om te weet

  • Maak 'n prent in Photoshop oop. Kies Beeld > Beeldgrootte. Voer 'n nuwe breedte in en kies dan Pixels > OK.
  • Kies Lêer > Stoor vir web en toestelle. Kies die 2-Up-oortjie om die oorspronklike en geoptimaliseerde prente langs mekaar te sien.
  • Verander die Quality waarde en bekyk die resultate. Maak aanpassings aan die grootte of lêertipe indien nodig. Kies Save en noem die nuwe prent.

Hierdie artikel verduidelik hoe om Photoshop se Save for Web-nutsding te gebruik om beelde vir gebruik op die web te optimaliseer. Hierdie inligting is van toepassing op Photoshop 20.0.10 en later. Opdragte en kieslys-opsies kan tussen weergawes verskil.

Hoe om vir web in Photoshop te stoor

Grafiese ontwerpers, webontwerpers en ander wat inhoud vir die web skep, skep ook webgereed beelde soos foto's vir webwerwe en banieradvertensies. Voordat hulle hierdie prente oplaai, optimaliseer hulle die prente om vinnig in 'n webblaaier af te laai en te vertoon.

Hier is hoe om die Stoor vir Web-nutsding in Photoshop te gebruik om die regte balans tussen beeldkwaliteit en lêergrootte vir jou beelde te kry.

  1. Maak die prent oop wat jy wil stoor in Photoshop.
  2. Kies Beeld > Beeldgrootte. Of, vir rekenaar, druk Alt+Ctrl+I, vir macOS, druk Command+Option+I op die sleutelbord.

    Image
    Image
  3. Voer 'n nuwe breedte in die Width veld in, kies Pixels, kies dan OK.

    Verander die grootte van die foto na 'n klein grootte wat op 'n webwerf gebruik kan word.

    Image
    Image
  4. Kies Lêer > Export > Save for Web (Legacy). Of gebruik die sleutelbordkortpad: Alt/Option+Command+Shift+S.

    In ander weergawes van Photoshop is die pad File > Export > Save for Web. Die item kan Stoor vir Web of Stoor vir Web en Toestelle genoem word.

    Image
    Image
  5. In die Save for Web-venster, gaan na die Original, Optimized,2-Op, en 4-Op oortjies. Hierdie oortjies wissel tussen 'n aansig van die oorspronklike foto, die geoptimaliseerde foto met die Stoor vir Web-instellings daarop toegepas, of 'n vergelyking van twee of vier weergawes van die foto.

    Kies 2-Up om die oorspronklike foto met die geoptimaliseerde foto te vergelyk. Dit wys kopieë van die prent langs mekaar.

    Image
    Image
  6. Verander die Quality waarde. Soos jy die kwaliteit verlaag, lyk die prent modderiger, en die lêergrootte neem af. Kleiner lêers beteken dat webbladsye vinniger laai.

    Vind 'n gelukkige medium tussen lêergrootte en kwaliteit.’n Kwaliteit tussen 40 en 60 is’n goeie reeks. Gebruik die voorafbepaalde kwaliteitvlakke (JPEG Medium, byvoorbeeld) om tyd te bespaar.

    Image
    Image
  7. Verander die lêertipe, indien nodig, na JPEG, GIF, PNG-8, PNG-24 of WBMP.

    Image
    Image
  8. Verander die grootte van die prent, indien nodig. Voer 'n breedte of hoogte in, of skaal dit met 'n persentasie.

    Klik die kettingskakel-ikoon om die proporsie van die prent te verander. Andersins, voer 'n ander breedte of hoogte in om die ander waarde in verhouding te verander.

    Image
    Image
  9. Die waardes onder die prentvoorskou wys die lêertipe, grootte en hoe lank dit sal neem om die prent op 'n webwerf oop te maak. Hierdie nommers word opgedateer soos jy veranderinge aanbring.

    Image
    Image
  10. Wanneer jy tevrede is met die foto, kies Save.

    Image
    Image
  11. Tik 'n naam vir die foto en klik dan Save.

    Image
    Image

Wat maak 'n grafiese web-gereed?

Die meeste web-gereed grafika deel gemeenskaplike kenmerke:

  • Resolusie is 72 dpi.
  • Kleurmodus is RGB.
  • Lêers word in grootte verklein vir vinniger laai van webblaaie.

Aanbeveel: