Photoshop Save for Web -työkalun käyttäminen

Sisällysluettelo:

Photoshop Save for Web -työkalun käyttäminen
Photoshop Save for Web -työkalun käyttäminen
Anonim

Mitä tietää

  • Avaa kuva Photoshopissa. Valitse Kuva > Kuvan koko. Anna uusi leveys ja valitse sitten Pixels > OK.
  • Valitse Tiedosto > Tallenna verkkoon ja laitteisiin. Valitse 2-Up-välilehti nähdäksesi alkuperäiset ja optimoidut kuvat vierekkäin.
  • Muuta Quality-arvoa ja katso tulokset. Muuta kokoa tai tiedostotyyppiä tarvittaessa. Valitse Tallenna ja nimeä uusi kuva.

Tässä artikkelissa kerrotaan, kuinka voit käyttää Photoshopin Save for Web -työkalua kuvien optimoimiseen verkossa käytettäväksi. Nämä tiedot koskevat Photoshop 20.0.10:tä ja uudempaa. Komennot ja valikkovaihtoehdot voivat vaihdella versioittain.

Kuinka säästää verkkoa varten Photoshopissa

Graafiset suunnittelijat, verkkosuunnittelijat ja muut, jotka luovat sisältöä verkkoon, luovat myös verkkovalmiita kuvia, kuten kuvia verkkosivustoille ja bannerimainoksia. Ennen näiden kuvien lähettämistä ne optimoivat kuvat latautumaan ja näkymään nopeasti verkkoselaimessa.

Näin voit käyttää Photoshopin Save for Web -työkalua saadaksesi oikean tasapainon kuvien kuvanlaadun ja tiedostokoon välillä.

  1. Avaa tallennettava kuva Photoshopissa.
  2. Valitse Kuva > Kuvan koko. Tai PC:ssä paina Alt+Ctrl+I, macOS:ssä, paina Command+Option+I näppäimistöllä.

    Image
    Image
  3. Syötä Width-kenttään uusi leveys, valitse Pixels ja valitse sitten OK.

    Muuta valokuvan kokoa pieneen kokoon, jota voit käyttää verkkosivustolla.

    Image
    Image
  4. Valitse Tiedosto > Vie > Tallenna verkkoon (vanha). Tai käytä pikanäppäintä: Alt/Option+Command+Shift+S.

    Muissa Photoshopin versioissa polku on Tiedosto > Vie > Tallenna verkkoon. Kohteen nimi voi olla Save for Web tai Save for Web and Devices.

    Image
    Image
  5. Siirry Save for Web -ikkunassa Original, Optimized,2-Up ja 4-Up välilehdet. Nämä välilehdet vaihtelevat alkuperäisen valokuvan näkymän, optimoidun valokuvan, jossa on Save for Web -asetukset, tai valokuvan kahden tai neljän version vertailun välillä.

    Valitse 2-Up vertaillaksesi alkuperäistä valokuvaa optimoituun valokuvaan. Tämä näyttää kuvan vierekkäiset kopiot.

    Image
    Image
  6. Muuta Quality-arvoa. Kun alentaa laatua, kuva näyttää mutaisemm alta ja tiedostokoko pienenee. Pienemmät tiedostot tarkoittavat nopeammin latautuvia verkkosivuja.

    Etsi onnellinen media tiedostokoon ja laadun välillä. Laatu 40-60 on hyvä valikoima. Käytä esiasetettuja laatutasoja (esimerkiksi JPEG Medium) säästääksesi aikaa.

    Image
    Image
  7. Vaihda tiedostotyypiksi tarvittaessa JPEG, GIF, PNG-8, PNG-24 tai WBMP.

    Image
    Image
  8. Muuta kuvan kokoa tarvittaessa. Anna leveys tai korkeus tai skaalaa se prosentteina.

    Napsauta ketjulinkki kuvaketta muuttaaksesi kuvan suhdetta. Muussa tapauksessa anna eri leveys tai korkeus muuttaaksesi toista arvoa suhteessa.

    Image
    Image
  9. Kuvan esikatselun alla olevat arvot näyttävät tiedostotyypin, koon ja kuinka kauan kuvan avautuminen verkkosivustolla kestää. Nämä numerot päivittyvät, kun teet muutoksia.

    Image
    Image
  10. Kun olet tyytyväinen valokuvaan, valitse Tallenna.

    Image
    Image
  11. Kirjoita valokuvalle nimi ja napsauta sitten Tallenna.

    Image
    Image

Mikä tekee graafisesta verkkovalmiudesta?

Useimmilla verkkovalmiilla grafiikoilla on yhteiset ominaisuudet:

  • Resoluutio on 72 dpi.
  • Väritila on RGB.
  • Tiedostojen kokoa pienennetään, jotta verkkosivut latautuvat nopeammin.

Suositeltava: