Paano Gamitin ang Photoshop Save para sa Web Tool

Talaan ng mga Nilalaman:

Paano Gamitin ang Photoshop Save para sa Web Tool
Paano Gamitin ang Photoshop Save para sa Web Tool
Anonim

Ano ang Dapat Malaman

  • Magbukas ng larawan sa Photoshop. Piliin ang Larawan > Laki ng Larawan. Maglagay ng bagong lapad, at pagkatapos ay piliin ang Pixels > OK.
  • Pumili File > I-save para sa Web at Mga Device. Piliin ang tab na 2-Up upang makita ang orihinal at na-optimize na mga larawan nang magkatabi.
  • Baguhin ang Quality value at tingnan ang mga resulta. Gumawa ng mga pagsasaayos sa laki o uri ng file kung kinakailangan. Piliin ang I-save at pangalanan ang bagong larawan.

Ipinapaliwanag ng artikulong ito kung paano gamitin ang tool na Save for Web ng Photoshop upang i-optimize ang mga larawan para magamit sa web. Nalalapat ang impormasyong ito sa Photoshop 20.0.10 at mas bago. Maaaring magkaiba ang mga pagpipilian sa command at menu sa pagitan ng mga bersyon.

Paano Mag-save para sa Web sa Photoshop

Mga graphic designer, web designer, at iba pa na gumagawa ng content para sa web, ay gumagawa din ng mga web-ready na larawan gaya ng mga larawan para sa mga website at banner ad. Bago i-upload ang mga larawang ito, ino-optimize nila ang mga larawan upang ma-download at maipakita nang mabilis sa isang web browser.

Narito kung paano gamitin ang Save for Web tool sa Photoshop upang makuha ang tamang balanse ng kalidad ng larawan at laki ng file para sa iyong mga larawan.

  1. Buksan ang larawang gusto mong i-save sa Photoshop.
  2. Piliin ang Larawan > Laki ng Larawan. O, para sa PC, pindutin ang Alt+Ctrl+I, para sa macOS, pindutin ang Command+Option+I sa keyboard.

    Image
    Image
  3. Sa field na Width, maglagay ng bagong lapad, piliin ang Pixels, pagkatapos ay piliin ang OK.

    Baguhin ang laki ng larawan sa maliit na sukat na magagamit sa isang website.

    Image
    Image
  4. Piliin File > Export > I-save para sa Web (Legacy). O kaya, gamitin ang keyboard shortcut: Alt/Option+Command+Shift+S.

    Sa ibang mga bersyon ng Photoshop, ang path ay File > Export > Save for Web. Ang item ay maaaring tawaging I-save para sa Web o I-save para sa Web at Mga Device.

    Image
    Image
  5. Sa Save for Web window, pumunta sa Original, Optimized,2-Up, at 4-Up na mga tab. Ang mga tab na ito ay nagpapalipat-lipat sa isang view ng orihinal na larawan, ang na-optimize na larawan na may mga setting ng Save for Web na inilapat dito, o isang paghahambing ng dalawa o apat na bersyon ng larawan.

    Pumili ng 2-Up upang ihambing ang orihinal na larawan sa na-optimize na larawan. Nagpapakita ito ng magkatabing mga kopya ng larawan.

    Image
    Image
  6. Baguhin ang Quality value. Habang pinababa mo ang kalidad, mukhang mas maputik ang imahe, at bumababa ang laki ng file. Ang mas maliliit na file ay nangangahulugan ng mas mabilis na paglo-load ng mga web page.

    Maghanap ng masayang medium sa pagitan ng laki at kalidad ng file. Ang isang kalidad sa pagitan ng 40 at 60 ay isang magandang hanay. Gamitin ang mga preset na antas ng kalidad (JPEG Medium, halimbawa) para makatipid ng oras.

    Image
    Image
  7. Palitan ang uri ng file, kung kinakailangan, sa JPEG, GIF, PNG-8, PNG-24, o WBMP.

    Image
    Image
  8. Baguhin ang laki ng larawan, kung kinakailangan. Maglagay ng lapad o taas, o sukatin ito ng porsyento.

    I-click ang icon na chain link upang baguhin ang proporsyon ng larawan. Kung hindi, maglagay ng ibang lapad o taas para baguhin ang iba pang value sa proporsyon.

    Image
    Image
  9. Ang mga value sa ibaba ng preview ng larawan ay nagpapakita ng uri ng file, laki, at kung gaano katagal bago mabuksan ang larawan sa isang website. Ang mga numerong ito ay nag-a-update habang gumagawa ka ng mga pagbabago.

    Image
    Image
  10. Kapag nasiyahan ka na sa larawan, piliin ang I-save.

    Image
    Image
  11. Mag-type ng pangalan para sa larawan, pagkatapos ay i-click ang I-save.

    Image
    Image

What Makes a Graphic Web-Ready?

Karamihan sa mga graphics na handa sa web ay nagbabahagi ng mga karaniwang katangian:

  • Resolution ay 72 dpi.
  • Color mode ay RGB.
  • Pinaliit ang laki ng mga file para sa mas mabilis na paglo-load ng mga web page.

Inirerekumendang: