Bilang isang graphic designer o taga-disenyo ng web, maaaring hilingin sa iyo na maghatid ng mga larawan sa web na handa, tulad ng mga larawan para sa isang website o banner ad. Ang Photoshop Save for Web tool ay isang madaling paraan upang ihanda ang iyong mga JPEG file para sa web, na tumutulong sa trade-off sa pagitan ng laki ng file at kalidad ng imahe.
Para sa tutorial na ito, nagse-save ka ng mga larawan ng JPEG. Ang tool na Save for Web ay binuo din upang i-save ang mga file ng GIF, PNG, at BMP.
Ano ang Gumagawa ng isang Graphic Web-Ready?
Ang karamihan sa mga web-ready na graphics ay nagbabahagi ng mga karaniwang katangian:
- Ang resolusyon ay 72 dpi.
- Kulay ng mode ay RGB.
- Ang mga file ay nabawasan ang sukat para sa mas mabilis na paglo-load ng mga webpage.
Buksan ang isang Imahe
Upang magsanay sa tool na Save for Web, buksan ang isang imahe sa Photoshop.
Mag-click File> Buksan, mag-browse para sa larawan sa iyong computer, at mag-click Buksan. Para sa mga layunin ng pagsasagawa, isang larawan ay gumagana nang maayos, bagaman anumang uri ng imahe ay gagawin.
Palitan ang laki ng larawan sa isang maliit na sukat na magagamit mo sa isang website. Upang gawin ito, mag-click Larawan> Sukat ng Imahe, magpasok ng isang bagong lapad sa patlang ng Lapad, at piliinMga Pixel. Sa kasong ito, ipasok ang 400 pixels at i-click OK.
Buksan ang I-save para sa Web Tool
Ipagpalagay ng isang tao na humiling sa iyo na maghatid ng isang larawan sa 400 pixel ang lapad, handa na ipaskil sa isang website.
Mag-click File > I-save para sa Web upang buksan ang I-save para sa Web dialog box. (Sa ibang mga bersyon ng Photoshop, ang landas ay File > I-export > I-save para sa Web.)
I-browse ang iba't ibang mga setting at tool sa window.
03 ng 07I-set up ang Paghahambing
Sa tuktok ng I-save para sa Web Ang window ay isang serye ng mga tab na may label na Orihinal, Na-optimize, 2-Up, at 4-Up. Sa pamamagitan ng pag-click sa mga tab na ito, maaari kang lumipat sa pagitan ng isang pagtingin sa iyong orihinal na larawan, ang iyong na-optimize na larawan gamit ang mga setting ng I-save para sa Web na inilalapat dito, o isang paghahambing ng dalawa o apat na bersyon ng iyong larawan.
Pumili 2-Up upang ihambing ang orihinal na larawan gamit ang na-optimize na isa sa pamamagitan ng pagpapakita ng magkakasunod na mga kopya ng larawan.
04 ng 07Itakda ang Orihinal na Preview
Mag-click sa larawan sa kaliwang bahagi upang piliin ito. Pumili Orihinal galing sa Preset menu sa kanang bahagi ng I-save para sa Web window (kung hindi pa napili). Inilalagay nito ang isang preview ng orihinal, hindi na-edit na larawan sa kaliwang bahagi.
05 ng 07Itakda ang Na-optimize na Preview
Mag-click sa larawan sa kanang bahagi upang piliin ito. Pumili JPEG High galing sa Preset menu. Maaari mo na ngayong ihambing ang na-optimize na larawan sa kanan, na siyang magiging huling file, kasama ang orihinal sa kaliwa.
06 ng 07I-edit ang Marka ng JPEG
Ang pinakamahalagang setting sa kanang haligi ay ang Kalidad halaga. Habang binababa mo ang kalidad, ang iyong imahe ay mukhang mas maganda, ngunit ang sukat ng file ay bumaba, at ang mas maliit na mga file ay nangangahulugan ng mas mabilis-paglo-load ng mga webpage.
Subukang baguhin ang kalidad sa 0 at pansinin ang pagkakaiba sa mga larawan sa kaliwa at kanan, pati na rin ang mas maliit na laki ng file, na nasa ilalim ng larawan.
Ang layunin ay upang makahanap ng isang masayang daluyan sa pagitan ng sukat at kalidad ng file. Ang kalidad sa pagitan ng 40 at 60 ay karaniwang isang mahusay na hanay, depende sa iyong mga pangangailangan. Subukang gamitin ang mga antas ng preset na kalidad (JPEG Medium, halimbawa) upang makatipid ng oras.
07 ng 07I-save ang Imahe mo
Kapag nasiyahan ka sa larawan sa kanan, i-click ang I-save na pindutan. Ang I-save ang Na-optimize na Bilang bubukas ang window. Mag-type ng pangalan ng file, mag-browse sa nais na folder sa iyong computer, at mag-click I-save. Mayroon ka na ngayong isang na-optimize, larawan na handa na sa web.
