การใช้งานแบบไม่ต้องใช้ปลั๊กอิน WordPress: แปลงรูปภาพที่อัปโหลดเป็นรูปแบบ WebP โดยอัตโนมัติ (จำเป็นสำหรับการเร่งความเร็วเว็บไซต์ 🔥)

为什么WordPressต้องการเพิ่มประสิทธิภาพภาพ WebP หรือไม่?

ในสภาพแวดล้อมอินเทอร์เน็ตในปัจจุบันที่ความเร็วเป็นสิ่งสำคัญการเพิ่มประสิทธิภาพรูปภาพ WordPressได้กลายเป็นหลักสูตรบังคับสำหรับการเร่งความเร็วเว็บไซต์

รูปภาพ JPEG, PNG และ GIF แบบดั้งเดิมจะมีขนาดใหญ่ โหลดช้า และมอบประสบการณ์ผู้ใช้ที่ไม่ดี

รูปแบบภาพ WebPเปิดตัวโดย Google มีข้อดีดังต่อไปนี้:

  1. ขนาดไฟล์เล็กลง → ปรับปรุงความเร็วในการเข้าถึงเว็บไซต์และลดอัตราการตีกลับ
  2. คุณภาพของภาพไม่ล้าหลัง → ยังคงชัดเจนและมีรายละเอียดหลังการบีบอัด
  3. SEO (Search Engine Optimization)เป็นมิตร → เว็บไซต์ WordPress มีแนวโน้มที่จะได้รับอันดับที่สูงขึ้นในเครื่องมือค้นหา เช่น Google และ Baidu

กล่าวอีกนัยหนึ่งการเพิ่มประสิทธิภาพ WordPress WebP = ความเร็วที่รวดเร็ว + อันดับสูง + ผู้ใช้พึงพอใจมากขึ้น

จุดเจ็บปวดของการบีบอัดรูปภาพแบบดั้งเดิมใน WordPress

เว็บมาสเตอร์ส่วนใหญ่มักทำเช่นนี้:

  • 先用 TinyPNGSquoosh บีบอัดและแปลงเป็น WebP ด้วยตนเอง
  • จากนั้นอัพโหลดไปยังเว็บไซต์ WordPress ของคุณ

ปัญหาคือ – กระบวนการนี้เหมือนกับการเคลื่อนย้ายอิฐที่น่าเบื่อ ⚒️

ไม่เพียงแต่จะเสียเวลาเท่านั้น แต่ยังลดประสิทธิภาพในการเขียนบทความลงอย่างมากอีกด้วย ยิ่งไปกว่านั้น การใช้ปลั๊กอินที่มีโควต้าจำกัดหรือมีปลั๊กอินมากเกินไปอาจทำให้ WordPress ทำงานช้าลงได้

ปลั๊กอิน WordPress แปลงโค้ด PHP เป็น WebP โดยอัตโนมัติโดยไม่ต้องใช้ปลั๊กอิน WordPress

การใช้งานแบบไม่ต้องใช้ปลั๊กอิน WordPress: แปลงรูปภาพที่อัปโหลดเป็นรูปแบบ WebP โดยอัตโนมัติ (จำเป็นสำหรับการเร่งความเร็วเว็บไซต์ 🔥)

ทางออกอยู่ที่นี่แล้ว!

โดยผ่านย่อหน้าต่อไปนี้ โค้ด 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;
}

👉 แนะนำโดย ตัวอย่างโค้ดรหัส WPC ปลั๊กอิน WordPressการจัดการโค้ดนี้จะไม่ส่งผลต่อการอัปเกรดธีม WordPress

โดย การเพิ่มประสิทธิภาพรูปภาพ WebP โดยไม่ต้องใช้ปลั๊กอิน WordPressคุณสามารถบรรลุได้อย่างง่ายดาย:

  • บีบอัดทันทีที่อัพโหลด → ประหยัดเวลาได้มาก
  • ความเร็วในการโหลดที่เร็วขึ้น → ประสบการณ์ผู้ใช้ที่ได้รับการปรับปรุง
  • ประสิทธิภาพ SEO ที่ดีขึ้น → อันดับเว็บไซต์ที่สูงขึ้น

ผลการทดสอบจริง: การบีบอัด WordPress WebP แข็งแกร่งแค่ไหน?

  • ก่อนอัพโหลด: รูปแบบ PNG ขนาด 975 KB
  • หลังจากอัพโหลด: แปลงเป็น WebP โดยอัตโนมัติ ขนาดเพียง 35 KB 🎉
  • ข้อเตือนความจำ: ขนาดการบีบอัดที่เฉพาะเจาะจงจะขึ้นอยู่กับสถานการณ์การบีบอัดจริง

อัตราส่วนการบีบอัดสูงสุด 80% หรือมากกว่าความเร็วในการโหลดเร็วมากจนผู้ใช้แทบไม่รู้สึกถึงการลดลงของคุณภาพของภาพเลย

ระบบอัตโนมัติการบีบอัดรูปภาพของ WordPress ทำให้เว็บไซต์ของคุณทำงานได้เร็วกว่าลม! 🌪️

หวัง Chen Weiliang บล็อก ( https://www.chenweiliang.com/ ) แชร์ "การใช้งาน WordPress แบบไม่ต้องใช้ปลั๊กอิน: การแปลงรูปภาพที่อัปโหลดเป็นรูปแบบ WebP โดยอัตโนมัติ (จำเป็นสำหรับการเร่งความเร็วเว็บไซต์ 🔥)" ซึ่งเป็นประโยชน์ต่อคุณ

ยินดีต้อนรับสู่การแบ่งปันลิงค์ของบทความนี้:https://www.chenweiliang.com/cwl-33248.html

หากต้องการปลดล็อคเคล็ดลับที่ซ่อนอยู่เพิ่มเติม ยินดีต้อนรับเข้าร่วมช่อง Telegram ของเรา!

แชร์และกดไลค์ถ้าคุณชอบ! การแชร์และการถูกใจของคุณคือแรงบันดาลใจอย่างต่อเนื่องของเรา!

 

发表评论

ที่อยู่อีเมลของคุณจะไม่ถูกเผยแพร่ 必填项已用 * 标注

เลื่อนไปที่ด้านบน