ທ່ານກຳລັງຊອກຫາທີ່ຈະອັບໂຫລດຮູບພາບໃສ່ເວັບໄຊທ໌ WordPress ຂອງທ່ານ, ແຕ່ບໍ່ແນ່ໃຈວ່າຮູບພາບຂະໜາດໃດ ຫຼື ປະເພດໄຟລ໌ຄວນຈະເປັນແນວໃດ? ທ່ານບໍ່ຄຸ້ນເຄີຍກັບຂະບວນການປັບຂະຫນາດແລະການບີບອັດຮູບພາບສໍາລັບເວັບບໍ? ໃນບົດຄວາມນີ້, ຂ້າພະເຈົ້າຈະອະທິບາຍວ່າເປັນຫຍັງການນໍາໃຊ້ຂະຫນາດຮູບພາບທີ່ເຫມາະສົມແມ່ນສໍາຄັນສໍາລັບເວັບໄຊທ໌ຂອງທ່ານ, ບວກກັບສະແດງໃຫ້ທ່ານເຫັນວິທີການປັບຂະຫນາດແລະບີບອັດຮູບພາບຂອງທ່ານໂດຍໃຊ້ຕົວແກ້ໄຂຮູບພາບຟຣີ GIMP.

ເປັນຫຍັງການປັບຂະຫນາດຮູບພາບຂອງເວັບໄຊທ໌ຂອງທ່ານແມ່ນສໍາຄັນ

ໃຫ້ເລີ່ມຕົ້ນດ້ວຍເຫດຜົນການປັບຂະຫນາດຮູບພາບຂອງເວັບໄຊທ໌ຂອງເຈົ້າມີຄວາມສໍາຄັນຫຼາຍ.

ອີງ​ຕາມ WordPress.org, "ຂະຫນາດທາງດ້ານຮ່າງກາຍ" ໂດຍລວມຂອງຮູບພາບມີບົດບາດອັນໃຫຍ່ຫຼວງໃນການປະຕິບັດຫນ້າເວັບໄຊທ໌. “ຂະຫນາດໄຟລ໌ [ຂອງຮູບພາບ] ກໍານົດເວລາທີ່ມັນໃຊ້ເວລາໃນການໂຫຼດຫນ້າຂອງທ່ານ; ຂະ​ຫນາດ​ໄຟລ​໌​ທີ່​ໃຫຍ່​ກວ່າ ... [ຫນ້າ​]​ທີ່​ຍາວ​ກວ່າ​ຈະ​ໃຊ້​ເວ​ລາ​ໃນ​ການ​ໂຫຼດ​.” ໃນຄໍາສັບຕ່າງໆອື່ນໆ, ການອັບໂຫລດຂະຫນາດໄຟລ໌ຂະຫນາດໃຫຍ່ຢູ່ໃນເວັບໄຊທ໌ຂອງທ່ານຈະເຮັດໃຫ້ການປະຕິບັດຫນ້າໃດກໍ່ຕາມທີ່ທ່ານເພີ່ມເນື້ອຫາຊ້າລົງ, ໂດຍປົກກະຕິສະແດງໃຫ້ເຫັນເຖິງຄວາມໄວໃນການໂຫຼດຫນ້າຊ້າລົງໃນຂໍ້ມູນການວິເຄາະຂອງເວັບໄຊທ໌ຂອງທ່ານ.

“ຂະຫນາດໄຟລ໌ [ຂອງຮູບພາບ] ກໍານົດເວລາທີ່ມັນໃຊ້ເວລາໃນການໂຫຼດຫນ້າຂອງທ່ານ; ຂະ​ຫນາດ​ໄຟລ​໌​ທີ່​ໃຫຍ່​ກວ່າ ... [ຫນ້າ​]​ທີ່​ຍາວ​ກວ່າ​ຈະ​ໃຊ້​ເວ​ລາ​ໃນ​ການ​ໂຫຼດ​.”

- WordPress.org

ຄວາມ​ໄວ​ການ​ໂຫຼດ​ຫນ້າ​, ຫມາຍ​ເຖິງ​ພຽງ​ແຕ່​ເປັນ ".ຄວາມໄວຂອງ ໜ້າ, "ແມ່ນ "ໄວເທົ່າໃດເນື້ອໃນໃນຫນ້າເວັບຂອງທ່ານໂຫລດ," ອີງຕາມການ ເວັບໄຊທ໌ SEO Moz. ການມີຫນ້າຊ້າລົງສາມາດສົ່ງຜົນໃຫ້ສູງຂຶ້ນ "ອັດຕາການເຕັ້ນ,” ເຊິ່ງເປັນຕົວຊີ້ວັດທີ່ແປກປະຫຼາດທີ່ເປັນຕົວແທນຂອງກອງປະຊຸມທີ່ຜູ້ເຂົ້າຊົມເວັບໄຊທ໌ອອກຈາກເວັບໄຊທ໌ຂອງທ່ານຫຼັງຈາກເບິ່ງຫນ້າດຽວ. ຫນ້າເວັບທີ່ຊ້າລົງຍັງສາມາດຫຼຸດຜ່ອນຈໍານວນເວລາທີ່ຜູ້ເຂົ້າຊົມໃຊ້ໃນຫນ້າເວັບຂອງທ່ານ, ຍ້ອນວ່າປະຊາຊົນອາດຈະມີຄວາມອົດທົນລໍຖ້າເນື້ອຫາຂອງຫນ້າທີ່ຈະໂຫລດແລະອອກຈາກເວັບໄຊທ໌ຂອງທ່ານໄວຂຶ້ນ.

metrics ເຫຼົ່ານີ້ແມ່ນສໍາຄັນເພາະວ່າໂດຍປົກກະຕິທ່ານຕ້ອງການໃຫ້ຜູ້ໃຊ້ໃຊ້ເວລາຫຼາຍຢູ່ໃນເວັບໄຊຂອງທ່ານແລະເບິ່ງຫນ້າເພີ່ມເຕີມໃນທົ່ວເວັບໄຊຂອງທ່ານ.

ພວກເຂົາຍັງມີຄວາມສໍາຄັນເພາະວ່າພວກເຂົາມີບົດບາດໃນວິທີທີ່ເວັບໄຊທ໌ຂອງທ່ານຈັດອັນດັບຢູ່ໃນຫນ້າຜົນການຄົ້ນຫາຂອງເຄື່ອງຈັກຊອກຫາ, ຫຼື "SERPs." SERPs ແມ່ນພຽງແຕ່ຫນ້າຜົນໄດ້ຮັບທີ່ສະແດງເມື່ອທ່ານພິມຄໍາຫຼືປະໂຫຍກເຂົ້າໄປໃນ Google ແລະກົດປຸ່ມ enter. ເນື່ອງຈາກວ່າຮູບພາບຂະຫນາດໃຫຍ່ແມ່ນຊີ້ໃຫ້ເຫັນເຖິງການປະຕິບັດການອອກແບບເວັບທີ່ບໍ່ດີແລະມີຜົນກະທົບທາງລົບຕໍ່ປະສົບການຂອງຜູ້ໃຊ້ໃນຂະນະທີ່ຢູ່ໃນເວັບໄຊຂອງເຈົ້າ, ເຄື່ອງຈັກຊອກຫາເຊັ່ນ Google ອາດຈະ ລົງໂທດ ເວັບໄຊຂອງທ່ານສໍາລັບການມີຮູບພາບຂະຫນາດໃຫຍ່ເຫຼົ່ານີ້ແລະ ຈັດອັນດັບເວັບໄຊທ໌ຂອງທ່ານຂ້າງລຸ່ມນີ້ເວັບໄຊທ໌ອື່ນໆທີ່ປະຕິບັດດີກວ່າ.

ຕ່ໍາກວ່າການຈັດອັນດັບເວັບໄຊທ໌ຂອງທ່ານຢູ່ໃນ Google, ຕົວຢ່າງ, ການເຂົ້າຊົມເວັບໄຊທ໌ຂອງທ່ານຫນ້ອຍລົງແລະການຈະລາຈອນຫຼາຍຈະໄປຫາຄູ່ແຂ່ງຂອງທ່ານທີ່ຈັດອັນດັບສູງກວ່າເຈົ້າໃນຜົນການຄົ້ນຫາ.

ໂດຍການຫຼຸດຜ່ອນຂະຫນາດໄຟລ໌ຂອງຮູບພາບຂອງທ່ານໃນເວັບໄຊທ໌ຂອງທ່ານ, ທ່ານສາມາດປັບປຸງຂອງທ່ານ ຄວາມໄວຂອງ ໜ້າ ແລະດັ່ງນັ້ນຈຶ່ງປັບປຸງ metrics ອື່ນໆເຊັ່ນ ອັດຕາການ bounce ແລະ ເວລາຢູ່ໃນຫນ້າe ໃນທີ່ສຸດເພື່ອປັບປຸງການຈັດອັນດັບຂອງທ່ານໃນເຄື່ອງຈັກຊອກຫາ.

ໃຫ້ສັງເກດວ່າມີຫຼາຍຕົວແປທີ່ສໍາຄັນທີ່ເຂົ້າໄປໃນການຈັດອັນດັບການຄົ້ນຫາ, ດັ່ງນັ້ນການແກ້ໄຂຮູບພາບຂອງເຈົ້າແມ່ນພຽງແຕ່ສ່ວນຫນຶ່ງຂອງຄວາມແຂງ. SEO (Search Engine Optimization) ຍຸດທະສາດ. ຢ່າງໃດກໍ່ຕາມ, ແນ່ນອນວ່າມັນມີຄວາມສໍາຄັນຫຼາຍສໍາລັບການຊ່ວຍໃຫ້ເວັບໄຊທ໌ຂອງທ່ານຈັດອັນດັບສູງໃນສະຖານທີ່ເຊັ່ນ Google ເພື່ອຊ່ວຍເພີ່ມການເຂົ້າຊົມເວັບໄຊທ໌ຂອງທ່ານ.

ວິທີການປັບຂະຫນາດຮູບພາບສໍາລັບ WordPress ໃນ GIMP

ດັ່ງນັ້ນວິທີທີ່ທ່ານປັບຂະຫນາດຮູບພາບຢ່າງຖືກຕ້ອງສໍາລັບ WordPress?

ທ່ານ​ສາ​ມາດ​ຫຼຸດ​ຜ່ອນ​ຂະ​ຫນາດ​ໄຟລ​໌​ຂອງ​ຮູບ​ພາບ​ໂດຍ​ການ​ຫຼຸດ​ລົງ​ຂະ​ຫນາດ​ລວມ​ຂອງ​ຮູບ​ພາບ​ໂດຍ​ການ​ນໍາ​ໃຊ້​ ການຂະຫຍາຍຕົວ ແລະ ການປູກພືດ ກ່ອນທີ່ທ່ານຈະອັບໂຫລດມັນໃສ່ເວັບໄຊທ໌ຂອງທ່ານ. ນອກຈາກນັ້ນ, ເຈົ້າສາມາດນຳໃຊ້ສິ່ງທີ່ເອີ້ນວ່າ “compression” ກັບຮູບພາບຂອງທ່ານເພື່ອຫຼຸດຜ່ອນຂະຫນາດຂອງມັນຕື່ມອີກ.

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

ຂະຫຍາຍຮູບພາບຂອງເຈົ້າ

ເພື່ອເລີ່ມຕົ້ນຂະບວນການນີ້, ເປີດຮູບພາບທີ່ທ່ານຕ້ອງການທີ່ຈະອັບໂຫລດໃນເວັບໄຊຂອງທ່ານເຂົ້າໄປໃນ GIMP. ທ່ານ​ສາ​ມາດ​ເຮັດ​ໄດ້​ໂດຍ​ການ​ລາກ​ແລະ​ການ​ຫຼຸດ​ລົງ​ຮູບ​ພາບ​ຂອງ​ທ່ານ​ຈາກ​ຄອມ​ພິວ​ເຕີ​ຂອງ​ທ່ານ​ເຂົ້າ​ໄປ​ໃນ​ປ່ອງ​ຢ້ຽມ​ຮູບ​ພາບ​ຂອງ GIMP​, ຫຼື​ທ່ານ​ພຽງ​ແຕ່​ສາ​ມາດ​ໄປ​ທີ່ File>Open ໃນ​ເວ​ລາ​ທີ່​ຢູ່​ໃນ GIMP​.

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

ຢູ່ເທິງສຸດຂອງປ່ອງຢ້ຽມ GIMP ແມ່ນລັກສະນະທີ່ເອີ້ນວ່າ "Title Bar" (ລູກສອນສີແດງໃນຮູບຂ້າງເທິງ). ທີ່ນີ້, ທ່ານຈະເຫັນຂະຫນາດປັດຈຸບັນຂອງຮູບພາບຂອງທ່ານ (ກ່ອງສີຂຽວຂະຫຍາຍຢູ່ໃນຮູບ). ຮູບພາບຂອງຂ້ອຍແມ່ນ 1920 × 1280 - ຕົວເລກທໍາອິດ, 1920, ເປັນຕົວແທນຂອງຄວາມກວ້າງຂອງຮູບພາບຂອງຂ້ອຍ (ເປັນ pixels), ແລະຕົວເລກທີສອງ, 1280, ເປັນຕົວແທນຂອງຄວາມສູງຂອງຮູບຂອງຂ້ອຍ. ຂະຫນາດຮູບພາບສຸດທ້າຍທີ່ທ່ານຕ້ອງການທີ່ຈະນໍາໃຊ້ສໍາລັບຮູບພາບຂອງທ່ານຈະຂຶ້ນກັບບ່ອນທີ່ໃນ WordPress ທ່ານຕັ້ງໃຈທີ່ຈະນໍາໃຊ້ຮູບພາບ, ເຊັ່ນດຽວກັນກັບຫົວຂໍ້ທີ່ທ່ານກໍາລັງໃຊ້.

ສໍາລັບການສອນນີ້, ຂ້ອຍຈະປັບຂະຫນາດຮູບພາບຂອງຂ້ອຍໃຫ້ເປັນຂະຫນາດມາດຕະຖານ 1200 × 630 pixels ທີ່ແນະນໍາສໍາລັບຮູບພາບຕອບ blog.

ດ້ວຍຄວາມຄິດນີ້, ສິ່ງທໍາອິດທີ່ຂ້ອຍຢາກເຮັດແມ່ນການຕັດຮູບພາບຂອງຂ້ອຍເພື່ອໃຫ້ອັດຕາສ່ວນຂອງຮູບພາບຕົ້ນສະບັບຂອງຂ້ອຍກົງກັບອັດຕາສ່ວນຂອງຂະຫນາດທີ່ແນະນໍາ. ເພື່ອເຮັດສິ່ງນີ້, ຂ້ອຍຈະຈັບເຄື່ອງມືການປູກພືດຂອງຂ້ອຍໂດຍການກົດ shift + c ເທິງແປ້ນພິມຂອງຂ້ອຍຫຼືຄລິກໃສ່ໄອຄອນເຄື່ອງມືການປູກພືດໃນກ່ອງເຄື່ອງມື GIMP (ລູກສອນສີແດງໃນຮູບຂ້າງເທິງ).

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

ຂ້າ​ພະ​ເຈົ້າ​ຈະ​ພິມ “1200:630” ເພື່ອ​ກໍາ​ນົດ​ອັດ​ຕາ​ສ່ວນ​ຂອງ​ຂ້າ​ພະ​ເຈົ້າ​ໃນ​ພາກ​ສະ​ຫນາມ​ຂໍ້​ຄວາມ​ຂ້າງ​ລຸ່ມ​ນີ້​ເລື່ອນ​ລົງ (ລູກ​ສອນ​ສີ​ເຫຼືອງ​)​. ນີ້ກົງກັບອັດຕາສ່ວນຂອງຂະຫນາດຮູບພາບທີ່ແນະນໍາທີ່ຂ້ອຍຕ້ອງການຮູບພາບສຸດທ້າຍຂອງຂ້ອຍ.

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

ໂດຍຄ່າເລີ່ມຕົ້ນພື້ນທີ່ການປູກພືດຂອງຂ້ອຍມີຄູ່ມືກໍານົດເປັນ "ເສັ້ນສູນກາງ" (ລູກສອນສີເຫຼືອງໃນຮູບຂ້າງເທິງ). ຂ້ອຍສາມາດປ່ຽນການຕັ້ງຄ່ານີ້ໄດ້ໂດຍໃຊ້ເມນູແນະນຳທີ່ເລື່ອນລົງລຸ່ມສຸດຂອງຕົວເລືອກເຄື່ອງມື. ຕົວຢ່າງ, ຂ້ອຍຈະປ່ຽນຄູ່ມືຂອງຂ້ອຍເປັນ "Rule of Thirds" (ລູກສອນສີຂຽວ). ຕົວເລືອກຄູ່ມືຕ່າງໆຢູ່ທີ່ນີ້ແມ່ນອີງໃສ່ຫຼັກການການຖ່າຍຮູບ, ເຊິ່ງເຮັດໃຫ້ມັນງ່າຍຕໍ່ການຈັດວາງອົງປະກອບຂອງເຈົ້າໂດຍໃຊ້ຫຼັກການເຫຼົ່ານີ້.

ເຈົ້າສາມາດເລື່ອນເມົ້າຂອງເຈົ້າໄປໃສ່ດ້ານໃດດ້ານໜຶ່ງ ຫຼືມຸມຂອງພື້ນທີ່ປູກພືດ (ເຊັ່ນ: ພື້ນທີ່ໄຮໄລ້ທີ່ສະແດງດ້ວຍລູກສອນສີແດງໃນຮູບຂ້າງເທິງ), ຈາກນັ້ນຄລິກແລ້ວລາກເພື່ອປັບຂະໜາດຂອບເຂດຂອງພື້ນທີ່ປູກພືດ. ໃຫ້ສັງເກດວ່າທ່ານສາມາດເບິ່ງຂະຫນາດຂອງພື້ນທີ່ປູກພືດຂອງທ່ານໃນຊ່ອງ "ຂະຫນາດ" ຢູ່ໃນຕົວເລືອກເຄື່ອງມື (ລະບຸໄວ້ໃນສີຂຽວໃນຮູບຂ້າງເທິງ). ທ່ານ​ຈະ​ຕ້ອງ​ການ​ທີ່​ຈະ​ຮັກ​ສາ​ຂະ​ຫນາດ​ໂດຍ​ລວມ​ຂອງ​ພື້ນ​ທີ່​ການ​ປູກ​ພືດ​ຂະ​ຫນາດ​ໃຫຍ່​ກ​່​ວາ 1200×630 ຂະ​ຫນາດ​ສຸດ​ທ້າຍ​ຂອງ​ຮູບ​ພາບ​.

ນອກ​ນັ້ນ​ທ່ານ​ຍັງ​ສາ​ມາດ​ຄລິກ​ແລະ drag ຫນູ​ຂອງ​ທ່ານ​ຢູ່​ເຄິ່ງ​ກາງ​ຂອງ​ພື້ນ​ທີ່​ການ​ປູກ​ພືດ (ລູກ​ສອນ​ສີ​ແດງ​) ເພື່ອ reposition ການ​ປູກ​ພືດ​ໃນ​ຮູບ​ພາບ​.

ເມື່ອທ່ານພ້ອມທີ່ຈະຕັດຮູບພາບ, ຄລິກຫນຶ່ງຄັ້ງພາຍໃນພື້ນທີ່ການປູກພືດແລະຮູບພາບຂອງທ່ານຈະຖືກຕັດ.

ໃຫ້ສັງເກດວ່າຖ້າຕົວເລືອກ "ລຶບ pixels ທີ່ຖືກຕັດ" ໃນຕົວເລືອກເຄື່ອງມືບໍ່ໄດ້ຖືກເລືອກ (ລູກສອນສີຂຽວໃນຮູບຂ້າງເທິງ), ຂອບເຂດຂອງຮູບພາບຕົ້ນສະບັບຂອງທ່ານຈະຍັງສະແດງຢູ່ທົ່ວຮູບຂອງທ່ານໂດຍຜ່ານເສັ້ນຈຸດສີເຫຼືອງ (ລູກສອນສີແດງ). ທ່ານ​ສາ​ມາດ​ຟື້ນ​ຟູ​ຮູບ​ພາບ​ຕົ້ນ​ສະ​ບັບ​, ດັ່ງ​ນັ້ນ​ການ​ຍົກ​ເລີກ​ການ​ປູກ​ພືດ​, ໂດຍ​ການ​ໄປ​ຮູບ​ພາບ​> Fit Canvas ກັບ​ຊັ້ນ​. ພຽງແຕ່ພື້ນທີ່ຂອງຮູບພາບຂອງທ່ານພາຍໃນຂອບເຂດ canvas ຈະຖືກສົ່ງອອກ.

ໃນປັດຈຸບັນຮູບພາບຂອງພວກເຮົາຖືກຕັດເປັນອັດຕາສ່ວນທີ່ພວກເຮົາຕ້ອງການ, ແຕ່ຖ້າທ່ານເບິ່ງອີກເທື່ອຫນຶ່ງໃນຂະຫນາດຮູບພາບຂອງພວກເຮົາໃນ "Title Bar" ທ່ານຈະເຫັນວ່າຮູບພາບແມ່ນ 1532 × 804 (ຂຽນເປັນສີຂຽວແລະຂະຫຍາຍຢູ່ໃນຮູບຂ້າງເທິງ - ຂະ​ຫນາດ​ຂອງ​ທ່ານ​ອາດ​ຈະ​ແຕກ​ຕ່າງ​ກັນ​ເລັກ​ນ້ອຍ​ໂດຍ​ອີງ​ໃສ່​ຂະ​ຫນາດ​ໃຫຍ່​ທີ່​ທ່ານ​ແຕ້ມ​ພື້ນ​ທີ່​ການ​ປູກ​ພືດ​ຂອງ​ທ່ານ​ກ່ຽວ​ກັບ​ຮູບ​ພາບ​ຂອງ​ທ່ານ​)​. ພວກເຮົາຈໍາເປັນຕ້ອງໄດ້ຂະຫຍາຍຮູບພາບຂອງພວກເຮົາໃຫ້ກົງກັບຂະຫນາດທີ່ຕ້ອງການຂອງພວກເຮົາ.

ເພື່ອເຮັດສິ່ງນີ້, ໄປທີ່ຮູບພາບ> ຂະຫນາດຮູບພາບ (ລູກສອນສີແດງ).

ໃນກ່ອງ "ຂະຫນາດຮູບພາບ" ທີ່ປາກົດ, ພາຍໃຕ້ "ຂະຫນາດຮູບພາບ," ໃຫ້ແນ່ໃຈວ່າຮູບສັນຍາລັກການເຊື່ອມໂຍງລະບົບຕ່ອງໂສ້ທີ່ຢູ່ຕິດກັບກ່ອງ "ກວ້າງ" ແລະ "ຄວາມສູງ" ເຊື່ອມຕໍ່ກັນ (ລູກສອນສີແດງໃນຮູບຂ້າງເທິງ). ຈາກນັ້ນ, ປ່ຽນ “ຄວາມກວ້າງ” ຂອງຮູບຂອງເຈົ້າເປັນ 1200 (ລູກສອນສີຂຽວ). ກົດປຸ່ມແຖບ. ຄວາມສູງຂອງຮູບພາບຈະປັບປຸງອັດຕະໂນມັດເປັນ "630." ພາຍໃຕ້ “ຄຸນນະພາບ”, ໃຫ້ແນ່ໃຈວ່າລາຍການເລື່ອນລົງ “Interpolation” (ລູກສອນສີຟ້າ) ຖືກຕັ້ງເປັນ “NoHalo” ຫຼື “LoHalo” ສໍາລັບຄຸນນະພາບຮູບພາບທີ່ດີທີ່ສຸດຫຼັງຈາກການປັບຂະຫນາດ. (ສໍາ​ລັບ​ຂໍ້​ມູນ​ເພີ່ມ​ເຕີມ​ກ່ຽວ​ກັບ interpolation​, ກວດເບິ່ງການສອນຂອງຂ້ອຍກ່ຽວກັບຫົວຂໍ້).

ກົດປຸ່ມ "Scale" ເພື່ອປັບຂະຫນາດຮູບພາບຂອງທ່ານ (ລູກສອນສີເຫຼືອງ).

ເມື່ອການປັບຂະໜາດສຳເລັດແລ້ວ, ໃຫ້ກວດເບິ່ງຂະໜາດຂອງຮູບໃນແຖບຫົວຂໍ້. ຕອນນີ້ເຈົ້າຄວນຈະເຫັນຂະໜາດຂອງຮູບ 1200×630 – ເປັນຂະໜາດທີ່ເຮົາຕ້ອງການ! ດັ່ງນັ້ນ, ພວກເຮົາເຮັດແນວໃດໃນປັດຈຸບັນ?

ບີບອັດຮູບພາບຂອງທ່ານໂດຍການສົ່ງອອກໄປຍັງ WebP

ການຕັດແລະການປັບຂະຫນາດຮູບພາບຫຼຸດລົງຂະຫນາດໄຟລ໌ໂດຍການຫຼຸດຜ່ອນຄວາມສູງຂອງຮູບພາບຈາກ 1920 ເປັນ 1200 pixels, ແລະຄວາມກວ້າງຈາກ 1280 ເປັນ 630 pixels, ແຕ່ພວກເຮົາສາມາດຫຼຸດຜ່ອນຂະຫນາດຮູບພາບໄດ້ຕື່ມອີກໂດຍການບີບອັດໃນເວລາທີ່ພວກເຮົາສົ່ງອອກຮູບພາບ.  

ດັ່ງນັ້ນ, ໃນປັດຈຸບັນພວກເຮົາຈໍາເປັນຕ້ອງໄດ້ສົ່ງອອກຮູບພາບເປັນຮູບແບບໄຟລ໌ທີ່ຈະນໍາໃຊ້ການບີບອັດຮູບພາບໂດຍບໍ່ມີການສັງເກດເຫັນການຫຼຸດຜ່ອນຄຸນນະພາບຂອງຮູບພາບ. ໃນຂະນະທີ່ JPEGs ເປັນທາງເລືອກທີ່ດີສະເໝີ, ມັນຍັງມີທາງເລືອກທີ່ດີກວ່າໃນປັດຈຸບັນ: WebP.

ຮູບແບບ WebP ນຳໃຊ້ການບີບອັດຫຼາຍກວ່າ JPEG ໃນຂະນະທີ່ສົ່ງຜົນກະທົບຕໍ່ຄຸນນະພາບຂອງຮູບພາບໜ້ອຍກວ່າ JPEG. ໃນຄໍາສັບຕ່າງໆອື່ນໆ, ທ່ານຈະໄດ້ຮັບຮູບພາບທີ່ດີກວ່າທີ່ມີຂະຫນາດໄຟລ໌ຂະຫນາດນ້ອຍກວ່າ. ນອກຈາກນັ້ນ, ຮູບແບບ WebP ໄດ້ຮັບການສະຫນັບສະຫນູນຈາກຕົວທ່ອງເວັບທັງຫມົດ 5 ອັນດັບທໍາອິດ.

ເພື່ອສົ່ງອອກໄປຍັງ WebP, ໃຫ້ໄປທີ່ File>Export As (ລູກສອນສີແດງ).

ຄລິກໃສ່ໂຟນເດີໃດນຶ່ງໃນສ່ວນ “ສະຖານທີ່” (ລະບຸໄວ້ເປັນສີຂຽວ) ເພື່ອເລືອກຮູບໃນຄອມພິວເຕີຂອງທ່ານທີ່ທ່ານຕ້ອງການບັນທຶກຮູບພາບຂອງທ່ານ. ທ່ານ​ພຽງ​ແຕ່​ສາ​ມາດ​ຄລິກ​ສອງ​ຄັ້ງ​ໃນ​ໂຟນ​ເດີ​ທີ່​ຈະ​ເຂົ້າ​ໄປ​ໃນ​ມັນ​, ແລະ​ເບິ່ງ​ວ່າ​ທ່ານ​ຢູ່​ໃນ​ໂຟນ​ເດີ​ໃດ​ຕໍ່​ກັບ​ຫົວ​ຂໍ້ "Save in Folder​" (ລູກ​ສອນ​ສີ​ແດງ​)​. ຈາກນັ້ນ, ປ່ຽນຊື່ຮູບພາບຂອງທ່ານເປັນອັນໃດກໍໄດ້ທີ່ທ່ານຕ້ອງການ – ພຽງແຕ່ໃຫ້ແນ່ໃຈວ່າທ່ານສິ້ນສຸດຊື່ຮູບພາບຂອງທ່ານດ້ວຍນາມສະກຸນ “.webp” (ລູກສອນສີຟ້າ) ເພື່ອສົ່ງອອກຮູບພາບໃນຮູບແບບ WebP. ໃນ​ເວ​ລາ​ທີ່​ທ່ານ​ກຽມ​ພ້ອມ​, ໃຫ້​ຄລິກ​ໃສ່ "ການ​ສົ່ງ​ອອກ​" ໃນ​ແຈ​ລຸ່ມ​ຂວາ​ຂອງ​ປ່ອງ​ຢ້ຽມ (ລູກ​ສອນ​ສີ​ເຫຼືອງ​)​.

ຕໍ່ໄປ, ການສົນທະນາ "ສົ່ງອອກຮູບພາບເປັນ WebP" ຈະປາກົດຂຶ້ນ. ໃຫ້ແນ່ໃຈວ່າ "ສູນເສຍ" ບໍ່ໄດ້ຖືກເລືອກ (ລູກສອນສີແດງ). ໂດຍປົກກະຕິຂ້ອຍຕັ້ງ "ຄຸນນະພາບຮູບພາບ" ເປັນ 80 (ລູກສອນສີຟ້າ - ນີ້ແມ່ນເປີເຊັນ, ດັ່ງນັ້ນອັດຕາສ່ວນຕ່ໍາກວ່າຄຸນນະພາບຂອງຮູບພາບຈະຕໍ່າລົງ, ແຕ່ຂະຫນາດໄຟລ໌ຮູບພາບຈະນ້ອຍລົງ). ຖ້າຮູບພາບຂອງທ່ານບໍ່ມີຄວາມໂປ່ງໃສ (ເຊັ່ນໂລໂກ້ທີ່ບໍ່ມີພື້ນຫລັງ), ທ່ານບໍ່ຈໍາເປັນຕ້ອງກັງວົນກ່ຽວກັບແຖບເລື່ອນ "ຄຸນນະພາບ Alpha" (ໃນຕົວຈິງແລ້ວ, ໃນການທົດລອງທີ່ຂ້ອຍເຮັດ, ຫຼຸດລົງຄຸນນະພາບ alpha ຈາກ 100 ຫາ 90 ເລັກນ້ອຍ. ເພີ່ມຂະໜາດໄຟລ໌ຂອງຮູບພາບທີ່ມີພື້ນຫຼັງໂປ່ງໃສຈາກ 8.50 kb ເປັນ 8.52 kb). ເມນູເລື່ອນລົງ "ປະເພດແຫຼ່ງ" ທ່ານສາມາດຕັ້ງເປັນ "ຄ່າເລີ່ມຕົ້ນ."

ທ່ານຕ້ອງການກວດເບິ່ງ ຫຼືຍົກເລີກການເລືອກໃດໆຂອງເມຕາເດຕາ, ລວມທັງຂໍ້ມູນ Exif, ຂໍ້ມູນ ITPC, ແລະຂໍ້ມູນ XMP, ແມ່ນຂຶ້ນກັບທ່ານ. ຂໍ້ມູນ Exif ແລະ XMP ແມ່ນເມຕາເດຕາທີ່ປົກກະຕິຖືກມອບໝາຍໂດຍກ້ອງຂອງເຈົ້າທີ່ອະທິບາຍຂໍ້ມູນກ່ຽວກັບຮູບຂອງເຈົ້າ ເຊັ່ນວ່າ ກ້ອງລຸ້ນໃດຖືກໃຊ້ ຫຼື ເລນປະເພດໃດຖືກໃຊ້. ໃນທາງກົງກັນຂ້າມ, ITPC ແມ່ນໃຊ້ໂດຍສະມາຊິກຂອງຫນັງສືພິມແລະມອບຫມາຍໃຫ້ຮູບພາບຂອງທ່ານເຊັ່ນ: ການເປັນເຈົ້າຂອງ, ສິດ, ແລະໃບອະນຸຍາດ. ຖ້າທ່ານບໍ່ແນ່ໃຈວ່າຈະເຮັດແນວໃດ, ພຽງແຕ່ປ່ອຍໃຫ້ທາງເລືອກເຫຼົ່ານີ້ກວດເບິ່ງ.

ເຊັ່ນດຽວກັນ, ທ່ານກໍ່ດີທີ່ຈະປ່ອຍຕົວເລືອກ "Save color profile" ໂດຍບໍ່ເລືອກເພາະວ່າຕົວທ່ອງເວັບສ່ວນໃຫຍ່ຈະໃຊ້ພື້ນທີ່ສີ sRGB ເພື່ອສະແດງຮູບພາບຂອງທ່ານ, ເຊິ່ງເປັນສິ່ງທີ່ GIMP ໃຊ້. ຖ້າທ່ານກໍາລັງໃຊ້ໂປຣໄຟລ໌ສີອື່ນ, ທ່ານຕ້ອງການອອກຈາກມັນ. ນອກຈາກນັ້ນ, ຖ້າທ່ານກັງວົນວ່າຮູບພາບບໍ່ຖືກສະແດງຢ່າງຖືກຕ້ອງສໍາລັບບາງຕົວທ່ອງເວັບ, ເຮັດໃຫ້ມັນກວດເບິ່ງພຽງແຕ່ເພີ່ມສອງສາມ kb ກັບຂະຫນາດຮູບພາບທັງຫມົດ.

ສຸດທ້າຍ, ທາງເລືອກ "ບັນທຶກຮູບຫຍໍ້" ຍັງສາມາດບໍ່ໄດ້ເລືອກ, ເຊິ່ງຈະຊ່ວຍປະຢັດພວກເຮົາບາງກິໂລໄບ.

ຄລິກ "ສົ່ງອອກ" (ລູກສອນສີເຫຼືອງໃນຮູບຂ້າງເທິງ) ເພື່ອສົ່ງອອກຮູບພາບໄປຍັງຮູບແບບ WebP. ເມື່ອປຽບທຽບໄຟລ໌ WebP ທີ່ສົ່ງອອກໄປເປັນໄຟລ໌ JPEG ທີ່ມີຂະໜາດດຽວກັນ ແລະຍັງມີຄຸນນະພາບທີ່ຕັ້ງເປັນ “80”, ຮູບພາບ WebP ຈະມີຂະໜາດປະມານ 30 kb, ຫຼືປະມານ 25%, ຂະໜາດນ້ອຍກວ່າ JPEG.

ໃນປັດຈຸບັນທ່ານສາມາດເຂົ້າສູ່ລະບົບເວັບໄຊທ໌ WordPress ຂອງທ່ານແລະທ່ອງໄປຫາຫນ້າຫຼືໂພດບ່ອນທີ່ທ່ານຕ້ອງການອັບໂຫລດຮູບພາບຂອງທ່ານ, ຫຼືພຽງແຕ່ໄປທີ່ສ່ວນ "ສື່" ໂດຍໃຊ້ການນໍາທາງຕົ້ນຕໍແລະລາກແລະວາງຮູບພາບຂອງທ່ານເຂົ້າໄປໃນຫ້ອງສະຫມຸດສື່. ໃນກໍລະນີຂອງຂ້ອຍ, ຂ້ອຍຈະໄປຫາ "Post" ໂດຍໃຊ້ການນໍາທາງຕົ້ນຕໍ (ລູກສອນສີແດງໃນຮູບຂ້າງເທິງ) ແລະຈະຄລິກໃສ່ "Blog Post 1" (ລູກສອນສີຟ້າ) ເພື່ອແກ້ໄຂຂໍ້ຄວາມ blog ນັ້ນ.

ຫຼັງຈາກນັ້ນ, ຂ້ອຍຈະເປີດ Post Settings Sidebar (ລູກສອນສີແດງ) ແລະເລື່ອນລົງໄປຫາພາກ "ຮູບພາບທີ່ໂດດເດັ່ນ" ແລະຂະຫຍາຍສ່ວນນີ້ (ລູກສອນສີຟ້າ). ຫຼັງ​ຈາກ​ນັ້ນ​, ຂ້າ​ພະ​ເຈົ້າ​ຈະ​ຄລິກ​ໃສ່​ຮູບ​ພາບ​ທີ່​ຈະ​ທົດ​ແທນ​ທີ່​ມີ​ຮູບ​ພາບ​ໃຫມ່​ຂອງ​ຂ້າ​ພະ​ເຈົ້າ​.

ຂ້ອຍຈະໄປຫາແຖບ "ອັບໂຫຼດໄຟລ໌" (ລູກສອນສີແດງ), ແລະສາມາດລາກແລະວາງຮູບພາບຂອງຂ້ອຍຈາກຄອມພິວເຕີຂອງຂ້ອຍເຂົ້າໄປໃນ WordPress (ລູກສອນສີຟ້າ).

ສຸດທ້າຍ, ຂ້ອຍຈະຄລິກ “Set Featured Image” ເພື່ອນຳໃຊ້ການປ່ຽນແປງນີ້ (ລູກສອນສີແດງ).

ຄລິກ “ອັບເດດ” (ລູກສອນສີແດງ) ເພື່ອປັບປຸງໜ້າຂອງທ່ານດ້ວຍຮູບທີ່ມີລັກສະນະໃໝ່.

ຖ້າຂ້ອຍຄລິກ “ເບິ່ງໂພສ,” (ລູກສອນສີຟ້າ)…

...ຕອນນີ້ເຈົ້າຈະເຫັນຮູບທີ່ເດັ່ນໃໝ່ທີ່ສະແດງຢູ່ເທິງສຸດຂອງບລັອກຂອງຂ້ອຍ.

ນັ້ນແມ່ນມັນສໍາລັບການສອນນີ້! ຖ້າທ່ານຕ້ອງການຮຽນຮູ້ເພີ່ມເຕີມກ່ຽວກັບການອອກແບບເວັບໄຊທ໌ WordPress, ຂ້ອຍຂໍແນະນໍາໃຫ້ກວດເບິ່ງຂອງຂ້ອຍ WordPress 6.0 ສໍາລັບຫຼັກສູດທີ່ບໍ່ແມ່ນ coders! ຫຼື, ຖ້າທ່ານຕ້ອງການຮຽນຮູ້ເພີ່ມເຕີມກ່ຽວກັບ GIMP, ກວດເບິ່ງຂອງຂ້ອຍ GIMP 2.10 Masterclass ໃນ Udemy!   

ຈອງຈົດ ໝາຍ ຂ່າວ DMD

ຈອງຈົດ ໝາຍ ຂ່າວ DMD

ລົງທະບຽນເພື່ອຮັບການສອນ ໃໝ່, ການປັບປຸງຫຼັກສູດ, ແລະຂ່າວລ້າສຸດກ່ຽວກັບຊອບແວແຫຼ່ງເປີດທີ່ທ່ານມັກ!

ທ່ານໄດ້ສະຫມັກສົບຜົນສໍາເລັດ!

Pin It ກ່ຽວກັບ Pinterest