Pelaksanaan tanpa pemalam WordPress: Tukar imej yang dimuat naik secara automatik kepada format WebP (penting untuk pecutan tapak web 🔥)

为什么WordPressPerlukan pengoptimuman imej WebP?

Dalam persekitaran Internet hari ini di mana kelajuan adalah kunci,Pengoptimuman Imej WordPressIa telah menjadi kursus wajib untuk pecutan laman web.

Imej JPEG, PNG dan GIF tradisional bersaiz besar, lambat dimuatkan dan memberikan pengalaman pengguna yang lemah.

Format imej WebPDilancarkan oleh Google, ia mempunyai kelebihan berikut:

1. Saiz fail yang lebih kecil → Tingkatkan kelajuan akses tapak web dan kurangkan kadar lantunan.
2. Kualiti imej tidak ketinggalan → Masih jelas dan halus selepas mampatan.
3. SEOmesra → Laman web WordPress lebih berkemungkinan mendapat kedudukan yang lebih tinggi pada enjin carian seperti Google dan Baidu.

Dalam kata lain,Pengoptimuman WebP WordPress = Kelajuan pantas + kedudukan tinggi + lebih ramai pengguna berpuas hati.

Titik kesakitan pemampatan imej tradisional dalam WordPress

Kebanyakan juruweb melakukan ini:

• Guna dulu TinyPNG 或 Squoosh Mampat secara manual dan tukar kepada WebP.
• Kemudian muat naik ke laman web WordPress anda.

Masalahnya ialah - proses ini seperti melakukan pemindahan batu bata yang membosankan ⚒️.

Bukan sahaja memakan masa, ia juga mengurangkan kecekapan menulis artikel dengan ketara. Selain itu, bergantung pada pemalam sama ada mempunyai kuota terhad atau terlalu banyak pemalam boleh menyebabkan WordPress menjadi perlahan.

Penukaran automatik kod PHP tanpa pemalam WordPress kepada WebP

Penyelesaiannya ada di sini!

Melalui perenggan berikut kod PHP, yang secara automatik boleh menukar JPG, JPEG, PNG dan GIF ke WebP apabila memuat naik, membebaskan tangan anda sepenuhnya.

/**
 * 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;
}

👉 Disyorkan oleh kod Coretan 或 WPCod Pemalam WordPressUntuk mengurus kod ini, ia tidak akan menjejaskan peningkatan tema WordPress.

Pas Pengoptimuman imej WebP tanpa pemalam WordPress, anda boleh mencapai dengan mudah:

• Mampat sebaik sahaja anda memuat naik → Menjimatkan banyak masa
• Kelajuan pemuatan yang lebih pantas → Pengalaman pengguna yang lebih baik
• Prestasi SEO yang lebih baik → Kedudukan tapak web yang lebih tinggi

Keputusan ujian sebenar: Sejauh manakah mampatan WordPress WebP?

• Sebelum memuat naik: format PNG, saiz 975 KB
• Selepas memuat naik: Tukar kepada WebP secara automatik, saiznya sahaja 35 KB 🎉
• Peringatan hangat: Saiz mampatan tertentu tertakluk kepada keadaan mampatan sebenar.

Nisbah mampatan sehingga 80% atau lebih, kelajuan memuatkan sangat pantas🚀, pengguna hampir tidak dapat merasakan penurunan kualiti imej.

Automasi pemampatan imej WordPress menjadikan tapak web anda berjalan lebih pantas daripada angin! 🌪️