Artikulo Direktoryo
Ngano nga kinahanglan sa WordPress ang pag-optimize sa imahe sa WebP?
Sa karon nga palibot sa internet nga nagsalig sa katulin, ang pag-optimize sa imahe sa WordPress nahimong usa ka hinungdanon nga kurso alang sa pagpadali sa website.
Ang tradisyonal nga JPEG, PNG, ug GIF nga mga hulagway dako og gidak-on, hinay sa pag-load, ug naghatag og dili maayo nga kasinatian sa user.
Ang WebP image format , nga gipaila sa Google, adunay mosunod nga mga bentaha:
- Mas gagmay nga mga gidak-on sa file → Pagpauswag sa katulin sa pag-access sa website ug pagpakunhod sa bounce rate.
- Ang kalidad sa imahe wala maglangan → Tin-aw gihapon ug delikado human sa pag-compress.
- SEOmahigalaon → Ang mga website sa WordPress mas lagmit nga makakuha og mas taas nga ranggo sa mga search engine sama sa Google ug Baidu.
Sa ato pa, ang WordPress WebP optimization = mas paspas nga speed + mas taas nga ranking + mas dako nga user satisfaction.
Sakit nga mga punto sa tradisyonal nga pag-compress sa imahe sa WordPress
Kadaghanan sa mga webmaster naghimo niini:
- 先用 TinyPNG o Squoosh Manwal nga pag-compress ug pag-convert sa WebP.
- Dayon i-upload kini sa imong WordPress website.
Ang problema mao - kini nga proseso sama sa pagbuhat sa boring brick-moving ⚒️.
Dili lamang kini makahurot sa panahon, kini usab makapamenos sa kaepektibo sa pagsulat sa mga artikulo. Dugang pa, ang pagsalig sa mga plugins adunay limitado nga mga quota o daghan kaayo nga mga plugins mahimong hinungdan sa WordPress nga mahimong hinay.
Ang WordPress plugin-free nga awtomatikong pagkakabig sa PHP code ngadto sa WebP

Ang solusyon ania na!
Ang mosunod nga PHP code awtomatikong maka-convert sa JPG, JPEG, PNG, ug GIF files ngadto sa WebP atol sa pag-upload, nga makapahimo nimo nga gawasnon.
/**
* 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;
}
👉 Girekomenda nga dumalahon kini nga code gamit ang Code Snippets o ang WPCode WordPress plugin aron malikayan nga maapektuhan ang mga pag-upgrade sa tema sa WordPress.
Uban sa WordPress nga walay plugin nga WebP image optimization , dali ra nimong makab-ot ang mosunod:
- Pag-compress sa diha nga ikaw mag-upload → Pagtipig daghang oras
- Mas paspas nga loading speed → Improved user experience
- Mas maayo nga performance sa SEO → Mas taas nga ranggo sa website
Aktuwal nga mga resulta sa pagsulay: Unsa ka lig-on ang WordPress WebP compression?
- Sa wala pa i-upload: PNG format, gidak-on 975 KB
- Pagkahuman sa pag-upload: Awtomatikong i-convert sa WebP, ang gidak-on ra 35 KB 🎉
- Mainit nga pahinumdom: Ang piho nga gidak-on sa compression gipailalom sa aktwal nga sitwasyon sa compression.
Uban sa compression ratio nga sobra sa 80% ug loading speed nga hilabihan ka paspas, ang mga tiggamit halos dili makamatikod og bisan unsang pagkawala sa kalidad sa imahe.
Ang awtomatikong pag-compress sa imahe para sa WordPress makapahimo sa imong website nga modagan nga mas paspas pa sa hangin! 🌪️
Hinaut nga ang artikulong "WordPress Plugin-Free Implementation: Automatic Image Upload to WebP Format (Essential for Website Acceleration 🔥)" nga gipaambit sa blog ni Chen Weiliang ( https://www.chenweiliang.com/ ) makatabang kanimo.
Ayaw pagpanuko sa pagpaambit niini nga link sa artikulo: https://www.chenweiliang.com/cwl-33248.html
