Скорость сайта, это не только хостинг и код. Изображения, которые вы загружаете, часто становятся главным тормозом: одна «тяжелая» фотография с камеры может весить 5-8 МБ и добавить секунду к загрузке страницы. А если таких фотографий десять?

Формат картинки определяет, как она сжимается, передает цвета и отображается в браузерах. Ошибка в выборе, это размытые скриншоты, гигантские PNG вместо компактных WebP и просадка в выдаче: Google учитывает Core Web Vitals при ранжировании.

Ниже, конкретные рекомендации под каждую задачу: фото, скриншоты, логотипы, анимации. И как добавить форматы, которые WordPress не принимает из коробки.

💡 Быстрый обзор:

• Определите, что вы загружаете: фото, скриншот, логотип или анимацию, от этого зависит выбор формата.
• Для фотографий используйте AVIF или WebP (сжатие значительно лучше JPEG при том же качестве).
• Для скриншотов и логотипов, PNG (без потерь) или AVIF (с потерями, но радикально меньший размер).
• Анимации, WebP вместо GIF (экономия размера в разы).
• Если WordPress не принимает нужный формат, добавьте поддержку через functions.php или плагин.
• Всегда прописывайте alt-текст и сжимайте изображения перед загрузкой или автоматически через плагин оптимизации.

Почему формат файла изображения критичен для WordPress

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

Скорость загрузки и Core Web Vitals. JPEG-фотография на 2 МБ и та же фотография в AVIF на 400 КБ выглядят одинаково, но грузятся с разницей в 5 раз. Google оценивает Largest Contentful Paint (LCP), и изображение часто оказывается самым тяжелым элементом страницы. Плагины вроде Smush конвертируют файлы в WebP или AVIF автоматически, но правильный исходный формат экономит ресурсы сервера.

SEO-последствия. Скорость страницы, прямой сигнал ранжирования Google. Тяжелые изображения занижают оценку Core Web Vitals, и страница теряет позиции, даже если текст идеально оптимизирован. Исследование Portent (2024) показало, что снижение LCP с 4 до 2 секунд повышает конверсию лендинга на 15-20% в среднем по B2B-нишам.

Визуальное качество. Разные форматы по-разному справляются с градиентами, текстом и мелкими деталями. JPEG дает артефакты вокруг контрастных границ, на скриншотах это выглядит грязно. PNG сохраняет четкость, но весит в разы больше. AVIF решает обе проблемы: сжатие существенно эффективнее JPEG при сопоставимом визуальном качестве.

Адаптивность. Пользователи заходят с телефонов, планшетов и десктопов в разных браузерах. AVIF поддерживают Chrome, Firefox и Opera (с 2021-2022), Safari, с версии 16 (осень 2022). WebP работает везде с 2020. JPEG и PNG, универсальный fallback, который понимает любой браузер за последние 20 лет.

Какие форматы изображений поддерживает WordPress в 2026

WordPress изменился радикально. Если раньше «из коробки» работали только JPEG, PNG, GIF и ICO, то с выходом WordPress 5.8 (2021) добавилась нативная поддержка WebP, а с WordPress 6.5 (апрель 2024), полноценная поддержка AVIF.

Полный список форматов, доступных по умолчанию (WordPress ≥6.5):

SVG (векторный формат) WordPress по умолчанию не принимает из соображений безопасности, SVG-файл может содержать JavaScript. Если вам нужен SVG для логотипа или иконок, подключайте его через functions.php с фильтрацией или используйте специализированный плагин вроде Safe SVG на WordPress.org.

Сравнение форматов: когда что использовать

JPEG (JPG)

Стандарт с 1992 года, который до сих пор покрывает ~77% всех изображений в интернете по данным W3Techs (2026). Сжатие с потерями с контролем уровня качества; 85-92, «золотая середина». Миллионы цветов, отличные градиенты.

Минус: не поддерживает прозрачность. Каждый JPEG, прямоугольник. Для логотипа на прозрачном фоне не подходит. Плюс артефакты сжатия на резких контрастных границах, скриншоты интерфейсов в JPEG выглядят грязно.

Когда использовать: фотографии, крупные фоновые изображения, посты блога с фотоконтентом, если вы по какой-то причине не используете WebP/AVIF.

PNG

Формат, созданный как свободная альтернатива GIF. Сжатие без потерь: ни одного потерянного пикселя. Полноценная альфа-прозрачность (256 уровней) дает плавные тени и полупрозрачные элементы.

Минус: размер. PNG-фотография может весить в 5-10 раз больше JPEG-версии при визуально идентичном качестве. Для контентных изображений это неоправданно.

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

GIF

Формат с 256 цветами и покадровой анимацией. Легенда раннего интернета. Сжатие без потерь, но ограниченная палитра делает его непригодным для фотографий, градиенты превращаются в «ступеньки».

Минус: гигантский размер анимаций. 5-секундный GIF может весить 10-15 МБ, тогда как тот же ролик в WebP-анимации, 1-2 МБ.

Когда использовать: только если нужна короткая анимация без звука, а WebP/AVIF-версия недоступна.

WebP

Google представил WebP в 2010 году, но по-настоящему формат «взлетел» после 2020, когда поддержку добавили все основные браузеры. Поддерживает и сжатие с потерями, и без потерь в одном формате. Прозрачность, да. Анимация, да. WebP-изображения в среднем на 25-35% меньше PNG и на 25-34% меньше JPEG при эквивалентном качестве.

Минус: на момент написания уже не самый эффективный формат, AVIF обходит его по сжатию. Но как fallback WebP незаменим.

Когда использовать: универсальный формат для всего. Если вы сомневаетесь, берите WebP. Фото, скриншоты, анимации, графика, он справляется со всем.

AVIF

Самый эффективный формат изображений на 2026 год. Базируется на видеокодеке AV1. AVIF-изображения на 30-50% меньше WebP при том же визуальном качестве. Поддерживает HDR, широкий цветовой охват, сжатие с потерями и без, прозрачность и анимацию. WordPress 6.5+ поддерживает AVIF нативно, можно загружать прямо в медиатеку.

Минус: Safari добавил поддержку только с версии 16 (осень 2022), старые iPhone и Mac на устаревших версиях не увидят AVIF. Решается добавлением WebP/JPEG-fallback через элемент <picture> или плагин оптимизации.

Когда использовать: приоритетный формат для фотографий и скриншотов. Если сайт на WordPress ≥6.5, AVIF ваш основной выбор, WebP, страховка.

Как добавить поддержку дополнительных форматов

WordPress фильтрует загружаемые файлы по MIME-типу. Если вам нужно разрешить SVG, BMP или другой формат, добавьте его через хук upload_mimes в functions.php темы:

1
add_filter( 'upload_mimes', 'techblog_add_mime_types' );
2
function techblog_add_mime_types( $mime_types ) {
3
    $mime_types['svg']  = 'image/svg+xml';
4
    $mime_types['bmp']  = 'image/bmp';
5
    $mime_types['webp'] = 'image/webp';   // WP 5.8+ не требуется
6
    $mime_types['avif'] = 'image/avif';   // WP 6.5+ не требуется
7
 
8
    return $mime_types;
9
}

Код добавляется в functions.php активной темы или через плагин Code Snippets. Сделайте бэкап перед правкой, ошибка в PHP положит сайт.

Для SVG, предупреждение. SVG-файлы могут содержать JavaScript. Если открываете загрузку SVG, используйте плагин Safe SVG (санирует скрипты), он санирует файлы и вырезает скрипты перед сохранением в медиатеку.

Альтернатива, плагин File Upload Types, добавляющий поддержку десятков форматов через интерфейс. Для одного-двух форматов хук upload_mimes проще.

Лучшие практики: размер, SEO и оптимизация

Оптимальный размер изображений

Загружайте изображения ровно того размера, который нужен на странице. Если картинка в колонке 800 px, незачем грузить оригинал 4000 px. WordPress создает несколько размеров при загрузке (thumbnail, medium, large), но исходный файл хранится на сервере и может быть доставлен браузеру при вызове full.

Правило: перед загрузкой уменьшите изображение до максимальной отображаемой ширины (обычно 1200-1600 px для контентной области). Инструменты: Photoshop, бесплатный Squoosh от Google, CLI-утилита cwebp.

Увеличение лимита загрузки

По умолчанию WordPress ограничивает размер загружаемого файла до 2 МБ. Для современных AVIF это редко проблема (файлы значительно меньше JPEG), но при загрузке большого PNG или анимированного WebP лимит может помешать.

На многих хостингах лимит меняется через панель управления. Например, в Cloudways, раздел Server Management → Settings and Packages. На GoDaddy, через cPanel, в Media Temple, правка php.ini, а с WP Engine нужно обратиться в поддержку. Если прямого доступа к настройкам сервера нет, добавьте в wp-config.php:

1
define( 'WP_MEMORY_LIMIT', '256M' );

Это увеличит лимит памяти PHP и косвенно поднимет порог загрузки.

SEO изображений: alt-текст и имена файлов

Поисковые системы не «видят» картинку, они читают её атрибуты. Alt-текст, это описание изображения, которое индексируется и зачитывается скринридерами.

Правила хорошего alt-текста:

• Описывайте, что на изображении, в контексте поста. Не «скриншот», а «панель управления Cloudways с выделенным полем Upload Size».
• 4-8 слов, на русском, с ключевым словом секции.
• Не начинайте с «Изображение…» или «Картинка…».
• Для декоративных изображений оставляйте alt="".

Имя файла тоже важно. IMG_20241015_142302.jpg ничего не говорит поисковику. wordpress-image-format-comparison-chart.png, говорит. Переименовывайте файлы перед загрузкой.

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

Ручная оптимизация каждого файла отнимает время. Плагины автоматизируют процесс: сжимают, конвертируют в WebP/AVIF и отдают браузеру оптимальный формат. По тестам WPShout (2025), топ-4 выглядят так:

Более полный обзор плагинов оптимизации, в нашей отдельной статье.

Стратегия на основе аналитики

Google Analytics (или Matomo) показывает, с каких устройств и браузеров заходят посетители. Это определяет, какой формат должен быть основным. Допустим, большинство аудитории использует Chrome и Safari последних версий, тогда AVIF оправдан, а для остальных настройте WebP-fallback через плагин.

Если среди посетителей много iPhone на iOS 15 и старше, AVIF не сработает, и основной формат должен быть WebP с JPEG как страховкой. О том, как обслуживать изображения WebP в WordPress, у нас есть подробный гид с тремя методами, от CDN до ручного <picture>.

Видео: AVIF и WebP в WordPress на практике

Короткое видео показывает процесс конвертации изображений в AVIF и WebP прямо в админке WordPress и сравнение размеров до/после:

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

⁉️🤔 Частые вопросы

В чем разница между сжатием с потерями и без потерь?

С потерями (lossy) алгоритм удаляет часть данных, неразличимых глазом, JPEG, AVIF lossy, WebP lossy. Файл маленький, но при пересохранении качество деградирует. Без потерь (lossless) каждый пиксель сохраняется как есть, PNG, GIF, AVIF lossless, WebP lossless. Файл крупнее, но идеален для графики с текстом. Для контентных фотографий берите lossy (AVIF quality 50-70 или WebP quality 75-85), размер сократится в разы. Lossless оставьте для логотипов и скриншотов, где важна четкость.

Какой формат выбрать для скриншотов в 2026?

AVIF в режиме lossless или quality 90+. На скриншотах важен читаемый текст, lossless-режим AVIF сохраняет четкость на уровне PNG, но файл весит значительно меньше. Если сайт на WordPress младше 6.5, WebP lossless как основной, PNG как fallback.

Проверьте сами: сделайте скриншот административной панели, сохраните в PNG, WebP lossless и AVIF lossless. Визуальная разница, ноль. Но на странице с полутора десятками скриншотов разница в мегабайтах уже ощутима для LCP.

Обязательно ли ставить плагин оптимизации, если WordPress сам поддерживает WebP и AVIF?

WordPress поддерживает загрузку WebP и AVIF, но не конвертирует JPEG/PNG в современные форматы автоматически. Если вы загружаете готовые WebP/AVIF, плагин не нужен. Если исходники в JPEG/PNG, плагин конвертирует их при загрузке и отдает браузеру оптимальный формат.

Плюс плагины решают задачу fallback: генерируют <picture> с несколькими source для разных браузеров. Без плагина вам придется делать это вручную или надеяться, что все посетители используют браузеры с поддержкой AVIF (пока это не так).

WebP или AVIF, что выбрать прямо сейчас?

AVIF как основной, WebP как fallback. AVIF выигрывает по сжатию (ощутимо к WebP), качеству (HDR, широкий цветовой охват) и поддержке браузерами, сейчас это Chrome 85+, Firefox 93+, Safari 16+, Opera 71+. Единственное «но», старые iOS-устройства: iPhone X и старше на iOS 15 не покажут AVIF. Но их доля падает, а плагины вроде EWWW и Optimole автоматически отдают им WebP.

Если ваша аналитика показывает заметную долю iOS 15 и старше, основной формат WebP, AVIF как опция «для тех, кто может». Для всех остальных: AVIF сейчас, WebP как подстраховка.

Можно ли использовать SVG для логотипа в WordPress?

SVG, идеальный формат для логотипа: бесконечное масштабирование и микроскопический размер (2-5 КБ). Но WordPress блокирует SVG из-за риска XSS-атак (SVG может содержать встроенный JavaScript). Используйте плагин Safe SVG (безопасная загрузка), он санирует каждый загружаемый файл и вырезает потенциально опасный код. После этого SVG можно грузить прямо в медиатеку и использовать как любой другой формат.

Что ставить на WordPress в 2026: итоговый расклад

Выбор формата сводится к трем правилам. Фотографии и скриншоты, AVIF (приоритет) или WebP, сжатие lossy quality 70-85. Логотипы и иконки, PNG или AVIF lossless + SVG через Safe SVG. Анимации, WebP вместо GIF, экономия размера в разы.

Не кладите все яйца в одну корзину форматов. Идеальная стратегия: AVIF → WebP → исходный JPEG/PNG, три слоя через <picture> или плагин. Почти все посетители получат AVIF/WebP, оставшиеся, классический формат, и никто не увидит битую иконку.

Настройте автоматическую оптимизацию один раз, через EWWW для локальной обработки или Optimole для облачного сервиса с CDN, и забудьте о ручном сжатии. Аналитику проверяйте раз в квартал: доля старых браузеров падает, и скоро AVIF станет форматом без оговорок.