Implementatie zonder WordPress-plug-ins: converteer automatisch geüploade afbeeldingen naar WebP-formaat (essentieel voor websiteversnelling 🔥)

为什么hood.discountHeeft u WebP-afbeeldingsoptimalisatie nodig?

In de huidige internetomgeving, waar snelheid van cruciaal belang is,WordPress-afbeeldingoptimalisatieHet is een verplichte cursus geworden voor websiteversnelling.

Traditionele JPEG-, PNG- en GIF-afbeeldingen zijn groot, laden langzaam en zorgen voor een slechte gebruikerservaring.

WebP-afbeeldingsformaatHet is gelanceerd door Google en heeft de volgende voordelen:

1. Kleinere bestandsgroottes → Verbeter de toegangssnelheid van de website en verlaag het bouncepercentage.
2. De beeldkwaliteit blijft niet achter → Nog steeds helder en delicaat na compressie.
3. SEOvriendelijk → WordPress-websites krijgen vaker een hogere ranking in zoekmachines zoals Google en Baidu.

met andere woorden,WordPress WebP-optimalisatie = Hoge snelheid + hoge ranking + meer tevreden gebruikers.

Pijnpunten van traditionele beeldcompressie in WordPress

De meeste webmasters doen dit:

• 先用 TinyPNG 或 Squoosh Handmatig comprimeren en converteren naar WebP.
• Upload het vervolgens naar uw WordPress-website.

Het probleem is dat dit proces te vergelijken is met het saaie verplaatsen van stenen ⚒️.

Het is niet alleen tijdrovend, het vermindert ook de efficiëntie van het schrijven van artikelen aanzienlijk. Bovendien kan het gebruik van plugins met beperkte quota of te veel plugins ervoor zorgen dat WordPress vastloopt.

WordPress plugin-vrije automatische conversie van PHP-code naar WebP

De oplossing is hier!

Via de volgende alinea PHP-code, die automatisch JPG, JPEG, PNG en GIF naar WebP kan converteren tijdens het uploaden, zodat u uw handen vrij hebt.

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

👉 Aanbevolen door code Snippets 或 WP-code WordPress-plug-inHet beheren van deze code heeft geen invloed op de WordPress-thema-upgrade.

Kun Yun Beng WordPress-plug-invrije WebP-afbeeldingoptimalisatie, kunt u eenvoudig het volgende bereiken:

• Comprimeer direct na het uploaden → Bespaar veel tijd
• Snellere laadsnelheid → Verbeterde gebruikerservaring
• Betere SEO-prestaties → Hogere website-ranking

Werkelijke testresultaten: Hoe sterk is de WordPress WebP-compressie?

• Voor het uploaden: PNG-formaat, grootte 975 KB
• Na het uploaden: Automatisch converteren naar WebP, de grootte is alleen 35 KB ????
• Let op: de specifieke compressiemaat is afhankelijk van de daadwerkelijke compressiesituatie.

Compressieverhouding tot 8Meer dan 0%, de laadsnelheid is zo snel🚀, dat gebruikers nauwelijks merken dat de beeldkwaliteit afneemt.

Met de automatisering van WordPress-afbeeldingscompressie draait uw website razendsnel! ️