Справочник на статиите
Защо WordPress се нуждае от WebP оптимизация на изображения?
В днешната интернет среда, в която скоростта е важна, оптимизацията на изображения в WordPress се е превърнала в основен курс за ускоряване на уебсайтове.
Традиционните JPEG, PNG и GIF изображения са големи по размер, зареждат се бавно и предоставят лошо потребителско изживяване.
Форматът на изображения WebP , въведен от Google, има следните предимства:
- По-малки размери на файловете → Подобрете скоростта на достъп до уебсайта и намалете процента на отпадане.
- Качеството на изображението не изостава → Все още ясно и детайлно след компресия.
- SEO Рангприятелски → Уебсайтовете с WordPress е по-вероятно да получат по-високи позиции в търсачки като Google и Baidu.
С други думи, WordPress WebP оптимизация = по-бърза скорост + по-високо класиране + по-голяма удовлетвореност на потребителите.
Проблеми при традиционното компресиране на изображения в WordPress
Повечето уеб администратори правят това:
- Използвайте първо TinyPNG 或 Squoosh Ръчно компресиране и конвертиране в WebP.
- След това го качете на вашия WordPress уебсайт.
Проблемът е, че този процес е като скучно местене на тухли ⚒️.
Не само отнема време, но и значително намалява ефективността на писането на статии. Освен това, разчитането на плъгини или има ограничени квоти, или твърде много плъгини могат да доведат до бавна работа на WordPress.
Автоматично конвертиране на PHP код в WebP без плъгини за WordPress

Решението е тук!
Следният 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 темата.
С оптимизацията на изображения WebP без плъгини на WordPress можете лесно да постигнете следното:
- Компресирайте веднага след качването → Спестете много време
- По-бърза скорост на зареждане → Подобрено потребителско изживяване
- По-добра SEO ефективност → По-високо класиране на уебсайта
Действителни резултати от тестовете: Колко силна е WordPress WebP компресията?
- Преди качване: PNG формат, размер 975 KB
- След качване: Автоматично конвертиране в WebP, размерът е само 35 KB ????
- Топло напомняне: Конкретният размер на компресия зависи от действителната ситуация на компресия.
С коефициент на компресия над 80% и невероятно бързи скорости на зареждане, потребителите едва усещат загуба в качеството на изображението.
Автоматизираното компресиране на изображения за WordPress ще накара уебсайта ви да работи по-бързо от вятъра! 🌪️
Надяваме се, че статията „WordPress Plugin-Free Implementation: Automatic Image Upload to WebP Format (Essential for Website Acceleration 🔥)“, споделена в блога на Чен Вейлианг ( https://www.chenweiliang.com/ ), ще ви бъде полезна.
Чувствайте се свободни да споделите линка към тази статия: https://www.chenweiliang.com/cwl-33248.html
