ວິທີການໃຊ້ Photoshop Save for Web Tool

01 of 08

Web-Ready Graphics

PeopleImages / DigitalVision / Getty Images

ໃນຖານະເປັນຜູ້ອອກແບບຮູບພາບ, ທ່ານອາດຈະຖືກຮ້ອງຂໍໃຫ້ສົ່ງຮູບພາບທີ່ມີຄວາມພ້ອມໃນເວັບ, ເຊັ່ນ: ຮູບພາບສໍາລັບເວັບໄຊທ໌ຫລືໂຄສະນາປ້າຍໂຄສະນາ. ເຄື່ອງມື Photoshop "Save for Web" ແມ່ນວິທີທີ່ງ່າຍແລະງ່າຍຕໍ່ການກະກຽມໄຟລ໌ JPEG ຂອງທ່ານສໍາລັບເວັບໄຊທ໌, ຊ່ວຍໃຫ້ມີການແລກປ່ຽນລະຫວ່າງຂະຫນາດໄຟລ໌ແລະຄຸນນະພາບຂອງຮູບພາບ.

ຫມາຍເຫດ: ສໍາລັບບົດຮຽນນີ້, ພວກເຮົາກໍາລັງຊອກຫາການປະຢັດ ຮູບພາບ JPEG . ເຄື່ອງມື Save for Web ກໍ່ຖືກສ້າງຂຶ້ນເພື່ອບັນທຶກໄຟລ໌ GIF, PNG ແລະ BMP.

ສິ່ງທີ່ເຮັດໃຫ້ຮູບພາບ "ເວັບພ້ອມ?"

02 of 08

ເປີດຮູບພາບ

ເປີດຮູບພາບ.

ການປະຕິບັດກັບເຄື່ອງມື "Save for Web", ເປີດຮູບພາບໃນ Photoshop; ໃຫ້ຄລິກໃສ່ "ໄຟລ໌> ເປີດ," ຄົ້ນຫາຮູບພາບໃນຄອມພິວເຕີ້ຂອງທ່ານແລະຄລິກ "ເປີດ." ສໍາລັບຈຸດປະສົງຂອງບົດຮຽນນີ້, ຮູບຈະເຮັດວຽກດີ, ເຖິງແມ່ນວ່າຮູບແບບໃດກໍ່ຕາມ. ປັບຂະຫນາດພາບຖ່າຍຂອງທ່ານເປັນຂະຫນາດນ້ອຍທີ່ທ່ານອາດຈະໃຊ້ໃນເວັບໄຊທ໌. ເພື່ອເຮັດສິ່ງນີ້, ໃຫ້ຄລິກໃສ່ "ຮູບພາບ> ຂະຫນາດຮູບພາບ," ໃສ່ຄວາມກວ້າງໃຫມ່ໃນ "Pixel Dimensions" (ລອງ 400) ແລະກົດ "OK".

03 of 08

ເປີດ Save for Web Tool

File> Save for Web.

ຕອນນີ້ໃຫ້ສົມມຸດວ່າຜູ້ໃດຜູ້ຫນຶ່ງຂໍໃຫ້ທ່ານສົ່ງຮູບພາບນີ້, ຢູ່ທີ່ 400 ພິກະເຊນກວ້າງ, ພ້ອມທີ່ຈະໄດ້ຮັບການລົງທະບຽນຢູ່ໃນເວັບໄຊທ໌. ກົດ "File> Save for Web" ເພື່ອເປີດກ່ອງໂຕ້ຕອບ Save for Web. ເອົາເວລາເພື່ອເບິ່ງການຕັ້ງຄ່າຕ່າງໆແລະເຄື່ອງມືຕ່າງໆໃນປ່ອງຢ້ຽມ.

04 of 08

ຕັ້ງຄ່າການປຽບທຽບ

A "2-Up" ປຽບທຽບ.

ໃນແຈເບື້ອງຊ້າຍດ້ານເທິງຂອງປ່ອງຢ້ຽມສໍາລັບການບັນທຶກສໍາລັບ Web ແມ່ນມີຊຸດຂອງແທັບທີ່ມີຊື່ວ່າ Original, Optimized, 2-Up ແລະ 4-Up. ໂດຍການຄລິກໃສ່ແທັບເຫຼົ່ານີ້, ທ່ານສາມາດປ່ຽນລະຫວ່າງຮູບພາບຂອງຮູບພາບຕົ້ນສະບັບຂອງທ່ານ, ຮູບພາບທີ່ດີທີ່ສຸດຂອງທ່ານ (ກັບການຕັ້ງຄ່າ Save for Web ທີ່ຖືກນໍາໃຊ້ກັບມັນ) ຫຼືການປຽບທຽບຮູບພາບ 2 ຫຼື 4 ຂອງຮູບພາບຂອງທ່ານ. ເລືອກ "2-Up" ເພື່ອປຽບທຽບຮູບພາບຕົ້ນສະບັບທີ່ມີການປັບປຸງທີ່ດີທີ່ສຸດ. ທ່ານຈະເຫັນບັດສໍາເນົາຂ້າງຄຽງຂອງຮູບພາບຂອງທ່ານ.

05 of 08

ຕັ້ງຄ່າຕົວຢ່າງຕົ້ນສະບັບ

ເລືອກເອົາ "ຕົ້ນສະບັບ" Preset.

ໃຫ້ຄລິກໃສ່ຮູບພາບທາງດ້ານຊ້າຍເພື່ອເລືອກເອົາມັນ. ເລືອກ "ຕົ້ນສະບັບ" ຈາກເມນູ Preset ຢູ່ເບື້ອງຂວາຂອງຫນ້າຈໍ Save for Web (ຖ້າບໍ່ໄດ້ເລືອກແລ້ວ). ນີ້ຈະເຮັດໃຫ້ການສະແດງພາບຂອງຕົ້ນສະບັບຂອງທ່ານ, ຮູບພາບທີ່ບໍ່ມີການຈັດວາງຢູ່ເບື້ອງຊ້າຍ.

06 of 08

ຕັ້ງຄ່າການເບິ່ງທີ່ດີທີ່ສຸດ

"JPEG High" Preset

ໃຫ້ຄລິກໃສ່ຮູບພາບຢູ່ທາງດ້ານຂວາເພື່ອເລືອກເອົາມັນ. ເລືອກ "JPEG ສູງ" ຈາກເມນູ Preset. ຕອນນີ້ທ່ານສາມາດປຽບທຽບຮູບພາບທີ່ດີທີ່ສຸດຂອງທ່ານຢູ່ທາງດ້ານຂວາ (ເຊິ່ງສຸດທ້າຍຈະເປັນໄຟລ໌ສຸດທ້າຍຂອງທ່ານ) ກັບຕົ້ນສະບັບຂອງທ່ານຢູ່ເບື້ອງຊ້າຍ.

07 of 08

ແກ້ໄຂຄຸນະພາບຂອງ JPEG

ຂະຫນາດໄຟລ໌ແລະຄວາມໄວໃນການໂຫຼດ.

ການຕັ້ງຄ່າທີ່ສໍາຄັນທີ່ສຸດໃນຖັນທີ່ຖືກຕ້ອງແມ່ນມູນຄ່າ "ຄຸນນະພາບ". ເມື່ອຄຸນຫຼຸດລົງຄຸນນະພາບ, ຮູບພາບຂອງທ່ານຈະເບິ່ງ "ຂີ້ຕົມ" ແຕ່ຂະຫນາດໄຟລ໌ຂອງທ່ານຈະຫຼຸດລົງ, ແລະໄຟລ໌ຂະຫນາດນ້ອຍຫມາຍຄວາມວ່າຫນ້າເວັບທີ່ໂຫລດໄວຂຶ້ນ. ພະຍາຍາມປ່ຽນຄຸນນະພາບໃຫ້ "0" ແລະສັງເກດເຫັນຄວາມແຕກຕ່າງໃນຮູບພາບທີ່ຢູ່ເບື້ອງຊ້າຍແລະຂວາ, ແລະຂະຫນາດໄຟລ໌ຂະຫນາດນ້ອຍທີ່ຢູ່ພາຍໃຕ້ຮູບຂອງທ່ານ. Photoshop ຍັງຊ່ວຍໃຫ້ທ່ານໄລຍະເວລາການຄາດຄະເນທີ່ຢູ່ຂ້າງລຸ່ມຂອງຂະຫນາດໄຟລ໌. ທ່ານສາມາດປ່ຽນຄວາມໄວການເຊື່ອມຕໍ່ສໍາລັບເວລາທີ່ໂຫລດນີ້ໂດຍການຄລິກໃສ່ລູກສອນຂ້າງເທິງສະແດງພາບທີ່ດີທີ່ສຸດ. ເປົ້າຫມາຍນີ້ແມ່ນເພື່ອຊອກຫາສື່ທີ່ມີຄວາມສຸກລະຫວ່າງຂະຫນາດໄຟລ໌ແລະຄຸນນະພາບ. ຄຸນະພາບລະຫວ່າງ 40 ແລະ 60 ມັກຈະເປັນຊ່ວງທີ່ດີ, ອີງຕາມຄວາມຕ້ອງການຂອງທ່ານ. ພະຍາຍາມໃຊ້ລະດັບທີ່ມີຄຸນນະພາບການຕັ້ງຄ່າ (ເຊົ່ນ JPEG Medium) ເພື່ອປະຫຍັດເວລາ.

08 of 08

ບັນທຶກຮູບພາບຂອງທ່ານ

ຊື່ຮູບພາບແລະບັນທຶກຂອງທ່ານ.

ເມື່ອທ່ານພໍໃຈກັບຮູບພາບຂອງທ່ານຢູ່ຂວາ, ໃຫ້ຄລິກໃສ່ປຸ່ມ "Save". ປ່ອງຢ້ຽມ "Save Optimized As" ຈະເປີດ. ພິມ ຊື່ໄຟລ໌ , ຄົ້ນຫາໂຟເດີທີ່ຕ້ອງການຢູ່ໃນຄອມພິວເຕີ້ຂອງທ່ານແລະກົດ "Save". ຕອນນີ້ທ່ານມີຮູບພາບທີ່ມີຄວາມພ້ອມທີ່ສຸດໃນເວັບ.