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

Автор: Степан Смирнов | Опубликовано: 12.03.2026

Работа с изображениями — одна из ключевых задач при создании и поддержке сайта на WordPress. Часто приходится менять размеры картинок, чтобы улучшить скорость загрузки и адаптировать контент под разные устройства. Однако, при этом важно не потерять качество изображений, чтобы визуальная составляющая сайта оставалась на высоком уровне.

Почему важно оптимизировать изображения в WordPress?

Большие и не оптимизированные изображения замедляют загрузку страниц, что негативно влияет на пользовательский опыт и SEO. Особенно это критично для мобильных пользователей с ограниченной скоростью интернета. Оптимизация помогает уменьшить размер файлов без заметной потери качества, что ускоряет работу сайта и снижает нагрузку на сервер.

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

Стандартные возможности WordPress для изменения размера изображений

WordPress автоматически создает несколько копий загружаемых изображений разного размера (миниатюра, средний, большой и оригинал). Эти размеры настраиваются в Настройки > Медиафайлы. Однако этого часто недостаточно, особенно если нужно более тонко контролировать размеры или оптимизировать изображения после загрузки.

Пример функции для изменения размеров изображения по ID

function wpconfig_resize_image_by_id($image_id, $width, $height, $crop = true) {
    $image_src = wp_get_attachment_image_src($image_id, 'full');
    if(!$image_src) return false;

    $resized = image_make_intermediate_size($image_src[0], $width, $height, $crop);
    if(!$resized) return false;

    return wp_get_attachment_image_src($image_id, array($width, $height));
}

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

Плагины для изменения размера и оптимизации изображений

Для удобства и автоматизации процесса часто используют плагины, которые не только изменяют размеры, но и оптимизируют фотографии:

Smush — автоматическая оптимизация и сжатие без потери качества, пакетная обработка, lazy load.
Imagify — мощный инструмент с возможностью изменения размеров и оптимизации, поддерживает WebP.
Resize Image After Upload — автоматически изменяет размер изображений после загрузки по заданным параметрам.
ShortPixel Image Optimizer — сжатие JPEG, PNG, GIF и WebP с сохранением качества.

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

Динамическое изменение размера изображений с помощью PHP и WP-CLI

Если вы хотите программно изменить размер изображений, например, для уже загруженных файлов, можно использовать WP-CLI или написать собственный скрипт на PHP:

function wpconfig_resize_existing_images($width, $height, $crop = true) {
    $args = [
        'post_type' => 'attachment',
        'post_mime_type' => 'image',
        'posts_per_page' => -1,
    ];
    $images = get_posts($args);

    foreach ($images as $image) {
        $file_path = get_attached_file($image->ID);
        if (!$file_path) continue;

        $resized = image_make_intermediate_size($file_path, $width, $height, $crop);
        if ($resized) {
            error_log('Изображение '.$image->ID.' успешно изменено.');
        }
    }
}

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

Как добавить автоматическую оптимизацию при загрузке

Можно использовать хук wp_handle_upload, чтобы запускать оптимизацию сразу после загрузки файла:

add_filter('wp_handle_upload', 'wpconfig_optimize_image_on_upload');
function wpconfig_optimize_image_on_upload($upload) {
    if (strpos($upload['type'], 'image') !== false) {
        // Здесь можно вызвать функцию оптимизации, например, Imagify API или встроенную
        // Для примера - логируем событие
        error_log('Оптимизация изображения: '.$upload['file']);
    }
    return $upload;
}

Поддержка формата WebP для ускорения сайта

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

Для работы с WebP можно использовать плагины, например, Clearfy Pro, который расширяет возможности по работе с изображениями и оптимизацией.

Советы по выбору размеров изображений для сайта

Для фоновых изображений используйте большие размеры, но оптимизированные — 1920px по ширине обычно достаточно.
Миниатюры и превью — 150-300px.
Для контентных изображений — 800-1200px по ширине для десктопа, с адаптивными версиями для мобильных.

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

Заключение

Изменение размера и оптимизация изображений в WordPress — это комплексная задача, которая требует правильного выбора инструментов и подходов. Стандартных возможностей CMS часто недостаточно, поэтому рекомендуется использовать плагины или собственные решения на PHP. Оптимизация влияет не только на скорость загрузки, но и на SEO, а также на удобство пользователей.

Если хотите автоматизировать и расширить функционал, обратите внимание на плагины с поддержкой современных форматов и API оптимизации, такие как Imagify или Smush.