Как автоматически изменять изображения при загрузке в WordPress с примерами кода

Автор: Тимур Ершов | Опубликовано: 04.04.2026

При работе с WordPress часто возникает задача оптимизации и изменения изображений сразу после их загрузки в медиа-библиотеку. Это необходимо для снижения веса файлов, корректировки размеров или применения водяных знаков. В этой статье разберём, как автоматизировать изменение изображений при загрузке с помощью встроенных хуков WordPress и сторонних плагинов, а также рассмотрим примеры кастомного кода для решения конкретных задач.

Почему важна автоматическая обработка изображений при загрузке

Загрузка сырых изображений без обработки приводит к ряду проблем: большие размеры файлов замедляют сайт, увеличивают нагрузку на хранилище и трафик, снижают удобство просмотра на мобильных устройствах. Ручное редактирование каждого файла – трудоёмкий и неэффективный процесс. Автоматизация позволяет:

Сохранять оптимальные размеры и формат изображений;
Добавлять водяные знаки или логотипы;
Сжимать изображения для ускорения загрузки страниц;
Стандартизировать внешний вид контента.

Использование встроенных возможностей WordPress для изменения изображений

WordPress автоматически создаёт несколько размеров изображения при загрузке — thumbnail, medium, large. Но если нужны дополнительные операции, например, сжатие или наложение текста, нужно использовать хуки.

Хук wp_handle_upload

Один из подходящих хуков для обработки файла сразу после загрузки — wp_handle_upload. Он позволяет получить путь к загруженному файлу и применить к нему необходимые преобразования.

add_filter('wp_handle_upload', 'wptricks_handle_upload_resize');
function wptricks_handle_upload_resize($upload) {
    $file = $upload['file'];
    $image = wp_get_image_editor($file);
    if (!is_wp_error($image)) {
        // Изменяем размер изображения до ширины 1200px, сохраняя пропорции
        $image->resize(1200, 9999);
        $image->save($file);
    }
    return $upload;
}

Этот код автоматически изменит размеры загружаемых изображений, если их ширина превышает 1200 пикселей. Высота меняется пропорционально.

Добавление водяного знака

Для добавления водяных знаков можно использовать класс Imagick или GD. Рассмотрим пример с GD, который проверяет наличие функции и накладывает текст в правом нижнем углу:

add_filter('wp_handle_upload', 'wptricks_add_watermark');
function wptricks_add_watermark($upload) {
    $file = $upload['file'];
    $image = wp_get_image_editor($file);
    if (is_wp_error($image)) return $upload;

    $size = $image->get_size();
    $img_path = $file;

    if (function_exists('imagecreatefromjpeg') && $image instanceof WP_Image_Editor_GD) {
        $im = imagecreatefromjpeg($img_path);
        $text_color = imagecolorallocatealpha($im, 255, 255, 255, 50);
        $font = 5; // встроенный шрифт
        $text = 'wptricks.ru';
        $x = $size['width'] - (imagefontwidth($font) * strlen($text)) - 10;
        $y = $size['height'] - imagefontheight($font) - 10;
        imagestring($im, $font, $x, $y, $text, $text_color);
        imagejpeg($im, $img_path);
        imagedestroy($im);
    }
    return $upload;
}

Данный код добавит полупрозрачный текстовый водяной знак на каждое загружаемое JPEG-изображение.

Использование плагинов для автоматической обработки изображений

Если не хочется писать код, можно воспользоваться популярными плагинами для автоматизации обработки изображений:

Imsanity — автоматически масштабирует изображения до заданных размеров при загрузке;
Resize Image After Upload — позволяет настроить размеры и качество изображений;
Watermark Reloaded — добавляет водяные знаки с гибкими настройками;
Clearfy Pro — среди прочих оптимизаций содержит инструменты для управления медиа и улучшения производительности сайта.

Все эти плагины можно найти и скачать на WPSHOP.ru.

Как кастомизировать обработку изображений через плагин Clearfy Pro

Плагин Clearfy Pro содержит опции для оптимизации медиа-библиотеки, включая автоматическое сжатие и удаление метаданных. Для активации функции сжатия и изменения размеров:

Установите и активируйте Clearfy Pro.
Перейдите в раздел «Оптимизация» → «Медиа».
Включите опции «Автоматическое сжатие при загрузке» и «Изменение размеров изображений».
Установите максимальные параметры ширины и высоты, например, 1200x1200.

Такое решение подходит для тех, кто предпочитает готовые инструменты с настройками без необходимости писать код.

Лучшие практики и рекомендации

Оптимальные размеры и форматы

Подбирайте размеры изображений в зависимости от дизайна сайта, чтобы избежать лишних затрат трафика и ускорить загрузку. Формат WebP рекомендуется для современных браузеров — он обеспечивает хорошее сжатие без потери качества.

Кэширование и CDN

После обработки изображений используйте кэширование и CDN для ускорения доставки контента. Плагины, такие как WP Rocket или встроенные функции Clearfy Pro, помогут минимизировать задержки.

Резервное копирование

Перед внесением изменений в обработку изображений сделайте резервную копию медиа-библиотеки и базы данных, чтобы избежать потери данных.

Итог

Автоматическая обработка изображений при загрузке в WordPress позволяет существенно улучшить производительность сайта и качество отображения контента. Используйте встроенные хуки для тонкой настройки, подключайте проверенные плагины или комбинируйте оба подхода. Плагин Clearfy Pro с WPSHOP.ru — отличный выбор для комплексной оптимизации.