WordPress плагинсиз ишке ашыруу: Жүктөлгөн сүрөттөрдү автоматтык түрдө WebP форматына айландыруу (вебсайтты тездетүү үчүн зарыл 🔥)

негеWordPressWebP сүрөттү оптималдаштыруу керекпи?

Ылдамдык маанилүү болгон бүгүнкү интернет чөйрөсүндө,WordPress сүрөттү оптималдаштырууБул веб-сайтты тездетүү үчүн милдеттүү курс болуп калды.

Салттуу JPEG, PNG жана GIF сүрөттөрүнүн көлөмү чоң, жүктөө жай жана начар колдонуучу тажрыйбасын камсыз кылат.

WebP сүрөт форматыGoogle тарабынан ишке киргизилген, анын төмөнкү артыкчылыктары бар:

1. Кичирээк файл өлчөмдөрү → Вебсайтка кирүү ылдамдыгын жакшыртыңыз жана секирүү ылдамдыгын азайтыңыз.
2. Сүрөттүн сапаты артта калган эмес → Кысылгандан кийин дагы да ачык жана деталдуу.
3. SEOдостук → WordPress веб-сайттары Google жана Baidu сыяктуу издөө системаларында жогорку рейтингдерди алуу ыктымалдыгы жогору.

Башкача айтканда,WordPress WebP оптималдаштыруу = Тез ылдамдык + жогорку рейтинг + көбүрөөк канааттанган колдонуучулар.

WordPressтеги салттуу сүрөттү кысуунун ооруган жерлери

Көпчүлүк вебмастерлер муну жасайт:

• 先用 TinyPNG 或 Squoosh Кол менен кысып, WebPге айландырыңыз.
• Андан кийин аны WordPress веб-сайтыңызга жүктөңүз.

Көйгөй - бул процесс кызыксыз кирпичти жылдырууга окшош ⚒️.

Бул бир гана убакытты талап кылбастан, макала жазуунун натыйжалуулугун да бир топ төмөндөтөт. Андан тышкары, плагиндерге таянуу же чектелген квотага ээ же өтө көп плагиндер WordPressтин жай болушуна алып келиши мүмкүн.

WordPress плагинсиз PHP кодун 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;
}

👉 Сунуштаган Code Snippets 或 wpcode WordPress плагиниБул кодду башкаруу үчүн, ал WordPress темасын жаңыртууга таасирин тийгизбейт.

менен WordPress плагинсиз WebP сүрөттү оптималдаштыруу, сиз оңой жете аласыз:

• Жүктөп берээриңиз менен компресс → Көп убакытты үнөмдөңүз
• Тезирээк жүктөө ылдамдыгы → Жакшыртылган колдонуучу тажрыйбасы
• Жакшыраак SEO көрсөткүчтөрү → Вебсайттын рейтинги жогору

Чыныгы сыноо натыйжалары: WordPress WebP кысуу канчалык күчтүү?

• Жүктөөдөн мурун: PNG форматы, өлчөмү 975 KB
• Жүктөп бергенден кийин: Автоматтык түрдө WebPге айландыруу, өлчөмү гана 35 KB 🎉
• Жылуу эскертүү: конкреттүү кысуу өлчөмү иш жүзүндө кысуу кырдаалга жараша болот.

8ге чейин кысуу катышы0% же андан көп, жүктөө ылдамдыгы ушунчалык тез🚀, колдонуучулар сүрөттүн сапатынын төмөндөшүн сезе алышпайт.

WordPress сүрөттү кысуу автоматташтыруу веб-сайтыңызды шамалга караганда ылдамыраак иштетет! 🌪️