ທ່ານກຳລັງຊອກຫາທີ່ຈະອັບໂຫລດຮູບພາບໃສ່ເວັບໄຊທ໌ 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!
