Implementacija WordPressa bez dodataka: Automatsko pretvaranje otpremljenih slika u WebP format (neophodno za ubrzanje web stranice 🔥)

zaštoWordPressTrebate WebP optimizaciju slika?

U današnjem internet okruženju gdje je brzina ključna,Optimizacija slika u WordPressuPostao je obavezni kurs za ubrzanje web stranica.

Tradicionalne JPEG, PNG i GIF slike su velike, sporo se učitavaju i pružaju loše korisničko iskustvo.

WebP format slikePokrenuo ga je Google, a ima sljedeće prednosti:

1. Manje veličine datoteka → Poboljšajte brzinu pristupa web stranici i smanjite stopu napuštanja stranice.
2. Kvalitet slike ne zaostaje → I dalje jasno i detaljno nakon kompresije.
3. SEOprijateljski → WordPress web stranice imaju veće šanse da dobiju viši rang na pretraživačima kao što su Google i Baidu.

drugim riječima,Optimizacija za WordPress WebP = Velika brzina + visok rang + zadovoljniji korisnici.

Bolne tačke tradicionalne kompresije slika u WordPressu

Većina webmastera radi ovo:

• 先用 TinyPNG 或 Squoosh Ručno komprimiraj i konvertuj u WebP.
• Zatim ga prenesite na svoju WordPress web stranicu.

Problem je u tome što je ovaj proces kao dosadno premještanje cigli ⚒️.

Ne samo da oduzima mnogo vremena, već i značajno smanjuje efikasnost pisanja članaka. Štaviše, oslanjanje na dodatke ili ima ograničene kvote ili previše dodataka može uzrokovati usporavanje WordPressa.

Automatska konverzija PHP koda u WebP bez WordPress dodataka

Rješenje je ovdje!

Kroz sljedeći paragraf PHP kod, koji može automatski pretvoriti JPG, JPEG, PNG i GIF u WebP prilikom otpremanja, potpuno oslobađajući vaše ruke.

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

👉 Preporučeno od strane Code Snippets 或 WPCode WordPress dodatakDa biste upravljali ovim kodom, to neće utjecati na nadogradnju WordPress teme.

Kroz Optimizacija slika WebP bez WordPress dodataka, lako možete postići:

• Komprimujte čim otpremite → Uštedite mnogo vremena
• Brže učitavanje → Poboljšano korisničko iskustvo
• Bolje SEO performanse → Viši rang web stranice

Stvarni rezultati testiranja: Koliko je jaka WordPress WebP kompresija?

• Prije otpremanja: PNG format, veličina 975 KB
• Nakon otpremanja: Automatski konvertuj u WebP, veličina je samo 35 KB 🎉
• Topli podsjetnik: Specifična veličina kompresije ovisi o stvarnoj situaciji kompresije.

Stepen kompresije do 8Više od 0, brzina učitavanja je toliko velika🚀 da korisnici teško mogu osjetiti pad kvalitete slike.

Automatizacija kompresije slika u WordPressu čini da vaša web stranica radi brže od vjetra! 🌪️