ການປະຕິບັດ plugin ທີ່ບໍ່ມີ WordPress: ປ່ຽນຮູບພາບທີ່ອັບໂຫລດໄປເປັນຮູບແບບ WebP ໂດຍອັດຕະໂນມັດ (ທີ່ຈໍາເປັນສໍາລັບການເລັ່ງເວັບໄຊທ໌🔥)

ສໍາລັບເຫດຜົນWordPressຕ້ອງການການເພີ່ມປະສິດທິພາບຮູບພາບ WebP ບໍ?

ໃນ​ສະ​ພາບ​ແວດ​ລ້ອມ​ອິນ​ເຕີ​ເນັດ​ໃນ​ປັດ​ຈຸ​ບັນ​ທີ່​ຄວາມ​ໄວ​ແມ່ນ​ສໍາ​ຄັນ​,ການເພີ່ມປະສິດທິພາບຮູບພາບ WordPressມັນໄດ້ກາຍເປັນຫຼັກສູດບັງຄັບສໍາລັບການເລັ່ງເວັບໄຊທ໌.

ຮູບພາບ JPEG, PNG, ແລະ GIF ແບບດັ້ງເດີມມີຂະຫນາດໃຫຍ່, ໂຫຼດຊ້າ, ແລະໃຫ້ປະສົບການຜູ້ໃຊ້ທີ່ບໍ່ດີ.

ຮູບແບບຮູບພາບ WebPເປີດຕົວໂດຍ Google, ມັນມີຂໍ້ດີດັ່ງຕໍ່ໄປນີ້:

1. ຂະໜາດໄຟລ໌ນ້ອຍລົງ → ປັບປຸງຄວາມໄວໃນການເຂົ້າເຖິງເວັບໄຊທ໌ແລະຫຼຸດຜ່ອນອັດຕາການຕີ.
2. ຄຸນະພາບຂອງຮູບພາບບໍ່ຊັກຊ້າ →ຍັງຈະແຈ້ງແລະລະອຽດອ່ອນຫຼັງຈາກການບີບອັດ.
3. SEOເປັນມິດ → ເວັບໄຊທ໌ WordPress ມີແນວໂນ້ມທີ່ຈະໄດ້ຮັບການຈັດອັນດັບສູງໃນເຄື່ອງຈັກຊອກຫາເຊັ່ນ Google ແລະ Baidu.

ເວົ້າອີກຢ່າງ ໜຶ່ງ,WordPress WebP Optimization = ຄວາມໄວໄວ + ອັນດັບສູງ + ຜູ້ໃຊ້ພໍໃຈຫຼາຍ.

ຈຸດເຈັບປວດຂອງການບີບອັດຮູບພາບແບບດັ້ງເດີມໃນ WordPress

ຜູ້ຄຸ້ມຄອງເວັບສ່ວນໃຫຍ່ເຮັດສິ່ງນີ້:

• ໃຊ້ກ່ອນ TinyPNG ຫລື Squoosh ບີບອັດດ້ວຍຕົນເອງ ແລະປ່ຽນເປັນ WebP.
• ຫຼັງຈາກນັ້ນ, ອັບໂຫຼດມັນໃສ່ເວັບໄຊທ໌ WordPress ຂອງທ່ານ.

ບັນຫາແມ່ນ - ຂະບວນການນີ້ແມ່ນຄ້າຍຄືການເຮັດ brick-moving ທີ່ຫນ້າເບື່ອ⚒️.

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

ການປ່ຽນລະຫັດ PHP ເປັນ WebP ອັດຕະໂນມັດທີ່ບໍ່ມີ plugin WordPress

ການແກ້ໄຂແມ່ນຢູ່ທີ່ນີ້!

ຜ່ານວັກຕໍ່ໄປນີ້ ລະຫັດ PHP, ເຊິ່ງສາມາດປ່ຽນ JPG, JPEG, PNG, ແລະ GIF ເຂົ້າໄປໃນ WebP ໂດຍອັດຕະໂນມັດເມື່ອອັບໂຫຼດ, ປົດມືຂອງເຈົ້າອອກຢ່າງສົມບູນ.

/**
 * Convert Uploaded Images to WebP Format with Custom Quality
 */
add_filter('wp_handle_upload', 'wpturbo_handle_upload_convert_to_webp');
function wpturbo_handle_upload_convert_to_webp($upload) {
    if (in_array($upload['type'], ['image/jpeg', 'image/png', 'image/gif'])) {
        $file_path = $upload['file'];
        if (extension_loaded('imagick') || extension_loaded('gd')) {
            $image_editor = wp_get_image_editor($file_path);
            if (!is_wp_error($image_editor)) {
                $quality = 80; // 建议范围 70-90
                $image_editor->set_quality($quality);

                $file_info = pathinfo($file_path);
                $dirname = $file_info['dirname'];
                $filename = $file_info['filename'];
                $def_filename = wp_unique_filename($dirname, $filename . '.webp');
                $new_file_path = $dirname . '/' . $def_filename;

                $saved_image = $image_editor->save($new_file_path, 'image/webp');

                if (!is_wp_error($saved_image) && file_exists($saved_image['path'])) {
                    $upload['file'] = $saved_image['path'];
                    $upload['url'] = str_replace(basename($upload['url']), basename($saved_image['path']), $upload['url']);
                    $upload['type'] = 'image/webp';
                    @unlink($file_path); // 假如要保留原图，请注释这行
                }
            }
        }
    }
    return $upload;
}

👉ແນະນຳໂດຍ ລະຫັດ Snippets ຫລື WPCcode ປັ໊ກອິນ WordPressເພື່ອຈັດການລະຫັດນີ້, ມັນຈະບໍ່ມີຜົນກະທົບຕໍ່ການຍົກລະດັບຫົວຂໍ້ WordPress.

ຜ່ານ ການເພີ່ມປະສິດທິພາບຮູບພາບ WebP ທີ່ບໍ່ມີ plugin WordPress, ທ່ານ​ສາ​ມາດ​ບັນ​ລຸ​ໄດ້​ຢ່າງ​ງ່າຍ​ດາຍ​:

• ບີບອັດທັນທີທີ່ທ່ານອັບໂຫລດ → ປະຫຍັດເວລາຫຼາຍ
• ຄວາມໄວໃນການໂຫຼດໄວຂຶ້ນ → ປະສົບການຜູ້ໃຊ້ທີ່ດີຂຶ້ນ
• ການປະຕິບັດ SEO ທີ່ດີກວ່າ→ການຈັດອັນດັບເວັບໄຊທ໌ທີ່ສູງຂຶ້ນ

ຜົນການທົດສອບຕົວຈິງ: ການບີບອັດ WordPress WebP ແຂງແຮງເທົ່າໃດ?

• ກ່ອນທີ່ຈະອັບໂຫລດ: ຮູບແບບ PNG, ຂະຫນາດ 975 KB
• ຫຼັງ​ຈາກ​ການ​ອັບ​ໂຫລດ​: ປ່ຽນ​ອັດ​ຕະ​ໂນ​ມັດ​ເປັນ WebP​, ຂະ​ຫນາດ​ພຽງ​ແຕ່​ 35 KB 🎉
• ເຕືອນຄວາມອົບອຸ່ນ: ຂະຫນາດບີບອັດສະເພາະແມ່ນຂຶ້ນກັບສະຖານະການບີບອັດຕົວຈິງ.

ອັດຕາສ່ວນການບີບອັດເຖິງ 80% ຫຼືຫຼາຍກວ່ານັ້ນ, ຄວາມໄວໃນການໂຫຼດແມ່ນໄວຫຼາຍ🚀, ຜູ້ໃຊ້ບໍ່ສາມາດຮູ້ສຶກວ່າການຫຼຸດລົງຂອງຄຸນນະພາບຮູບພາບ.

WordPress ການບີບອັດຮູບພາບອັດຕະໂນມັດເຮັດໃຫ້ເວັບໄຊທ໌ຂອງທ່ານແລ່ນໄວກວ່າລົມ! 🌪️