ຖ້າຫາກວ່າເຈົ້າປັບປ່ຽນຂະໜາດຂອງຮູບພາບກ່ອນເອົາເຂົ້າເວັບໄຊທ໌, ວິທີນີ້ຈະເຮັດໃຫ້ເວັບສະແດງຜົນໄວຂື້ນກ່ອນເກົ່າ.
ຮູບນົກກາງແກຕົວນີ້ ມີຂະໜາດພາບປະມານ 235kb.
ແຕ່ວ່າຮູບນີ້ມີພຽງ 72kb – ໜ້ອຍກ່ອນຮູບຂ້າງເທິງສາມເທົ່າ.
ເຈົ້າເຫັນຄວາມແຕກຕ່າງບໍ່?
ຂໍ້ດີການປັບແຕ່ງພາບຂອງເຈົ້າມີ 3 ຢ່າງ:
- ເຮັດໃຫ້ເວລາໃນການອັບໂຫຼດຮູບພາບໄວຂື້ນ.
- ເຮັດໃຫ້ໜ້າເວັບສະແດງຜົນໄວຂື້ນສຳລັບຄົນທີ່ກຳລັງສຳຫຼວດເວັບຂອງເຈົ້າ.
- ເຈົ້າສາມາດໃສ່ຮູບໃດ້ຫຼາຍຂື້ນໃນກໍລະນີເນື້ອທີ່ຈຳກັດ.
ເຈົ້າຈຳເປັນຕ້ອງໃດ້ປັບແຕ່ງຮູບພາບ. ຂະໜາດແທ້ຂອງຮູບນົກກາງແກນັ້ນແມ່ນ 1.2 MB ສະແດງວ່າຮູບຂ້າງເທິງນັ້ນມີຂະໜາດພຽງ 1/6 ແລະ ຮູບຂ້າງລຸ່ມຖັດມາແມ່ນມີພຽງ 16% ຂອງຂະໜາດພາບປົກກະຕິ. ແຕ່ຮູບທີ່ຖືກປັບແຕ່ງຂະໜາດນັ້ນກາພໍໄປວັດໃດ້ຢູ່ໃນໂລກອອນໄລ.
ຊະນິດຂອງພາບ
- JPG ເຮັດວຽກໃດ້ດີສຸດສຳລັບຮູບພາບປະເພດ gradients ຕົວຢ່າງວ່າພາບຖ່າຍ.
- GIF ເຮັດວຽກດີສຸດ ສຳລັບພາບປະເພດ ໂລໂກ້, ເສັ້ນ, ພາບແຕ້ມຈາກຄອມພິວເຕີ.
- PNG ເປັນຊະນິດພາບທີມີຄວາມຫຼາກຫຼາຍໃນສີສັນ ແລະ ສາມາດເກັບຄ່າໂປງໃສໃດ້. ພາບ PNG ຈະເຮັດໃຫ້ຂະໜາດຂອງຮູບນັ້ນໃຫຍ່, ດັ່ງນັ້ນເຈົ້າອາດຈະລອງ ພາບແບບ GIF ກ່ອນຖ້າຫາກວ່າເໝາະສົມສຳລັບພາບຂອງເຈົ້າ.
ໂປຣແກຣມປັບແຕ່ງພາບ
ບາງໂປຣແກຣມນັ້ນໃຊ້ງານງ່າຍໃນການປັບຂະໜາດຮູບພາບ ແລະ ບິບອັດຮູບພາບແບບເລັ່ງດ່ວນ. ໂປຣແກຣມແບບນີ້ອາດຈະແມ່ນ Photoshop / Paint Shop Pro ສາມາດເຮັດໄດ້. ແຕ່ວ່າເຮົາບໍ່ຈຳເປັນຕ້ອງເສຍເງິນຊື້ໂປຣແກຣມພວກນີ້ກໍ່ໄດ້. ຍັງມີໂປຣແກຣມຟຣີດັ່ງລຸ່ມນີ້ໃຫ້ໃຊ້ງານ:
ທີ່ມາຈາກ: https://en.support.wordpress.com/media/image-optimization/
ຢາກຮູ້ຂັ້ນຕອນວິທີການເຮັດນຳ.
ມີຄຳເຫັນໄດ້ແລ້ວ ແຕ່ຕ້ອງໄປປິດ Jetpack.
ເບິ່ງຢູ່ລິ້ງນີ້ຈະໄດ້ຄວາມຮູ້ຕື່ມ
https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/image-optimization
ມີເຄື່ອງມືໃຫ້ເຮັດແບບອອນລາຍ ໂດຍບໍ່ຕ້ອງຕັ້ງໂປແກມຫຍັງເລີຍ ຕົວຢ່າງ
http://www.imageoptimizer.net/Pages/Home.aspx