Оптимизация картинок WordPress: WebP, плагины и скрипт

Что делает WordPress с картинкой при загрузке#

Загруженный файл WordPress не оставляет как есть. Он создаёт несколько копий разных размеров (миниатюра, средний, большой и другие) и подбирает подходящую для каждого места на странице. Если сторона оригинала больше 2560 пикселей, ядро с версии 5.3 делает уменьшенную рабочую копию и использует её вместо оригинала.

Скрипт для картинок WordPress: уменьшаем размер при загрузке#

Если сторонние сервисы не нужны, три фильтра ядра сокращают размер новых загрузок. Вставьте код в functions.php дочерней темы или оформите отдельным плагином.

<?php
// Оригиналы больше 1920 px по длинной стороне уменьшаются
add_filter( 'big_image_size_threshold', function () {
    return 1920;
} );

// Качество сжатия: JPEG 80, WebP 75
add_filter( 'wp_editor_set_quality', function ( $quality, $mime_type ) {
    if ( 'image/jpeg' === $mime_type ) {
        return 80;
    }
    if ( 'image/webp' === $mime_type ) {
        return 75;
    }
    return $quality;
}, 10, 2 );

// Сохранять JPEG и PNG в WebP
add_filter( 'image_editor_output_format', function ( $formats ) {
    $formats['image/jpeg'] = 'image/webp';
    $formats['image/png']  = 'image/webp';
    return $formats;
} );

wp media regenerate --yes

Вопросы об оптимизации картинок WordPress#

Что посмотреть дальше