Сжать фото для WordPress
Уменьшите изображения до того, как они попадут в медиатеку WordPress, — WebP, 1600 пикселей, около 200 КБ.
Ваш файл
Почему этот инструмент
- Без ограничения размера
- Ничего не загружается
- Без регистрации
WordPress создаёт несколько уменьшенных копий каждого загруженного изображения, а с версии 5.3 уменьшает очень большие загрузки до порога «большого изображения» в 2560 пикселей. Загрузка исходников с камеры всё равно означает медленные загрузки, тяжёлую медиатеку и резервные копии, забитые пикселями, которых никто не видит.
Если сжать заранее, без плагина, WordPress получит чистый лёгкий оригинал. Эта страница начинает с WebP, 1600 пикселей по длинной стороне и лимита 200 КБ — это подходит большинству картинок в статьях.
Тяжёлые изображения — самая частая причина медленных страниц WordPress, и их легче всего исправить, потому что это делается один раз при загрузке. Статья с десятью исходниками камеры легко весит 50 МБ; та же статья с подготовленными здесь картинками — обычно несколько мегабайт: быстрее для посетителей, дешевле по трафику хостинга и быстрее в резервном копировании.
Как сжать изображения для WordPress
Добавьте изображения
Выберите файлы JPG, PNG или WebP для записи или страницы.
Подстройте под тему
Оставьте WebP, 1600 пикселей и 200 КБ или увеличьте размер для изображений во всю ширину.
Сожмите и загрузите
Скачайте файлы или ZIP и загрузите их в «Медиафайлы» → «Добавить новый».
Что WordPress делает с загрузкой
При загрузке WordPress сохраняет ваш файл и создаёт миниатюру, средний и большой размеры, которые темы используют в адаптивном srcset. Каждая копия делается из загруженного файла, поэтому хорошо сжатый исходник даёт и лёгкие копии. Загрузка WebP поддерживается с WordPress 5.8.
1600 пикселей покрывают обычную колонку контента на экранах двойной плотности. Для баннеров во всю ширину увеличьте длинную сторону до 2000–2560 пикселей и лимит соответственно или подготовьте их через размер изображений для сайта.
Изображения записи, логотипы и скриншоты
Изображение записи показывается в архивах, при репостах и в шапке статьи — сделайте у всех одну форму до сжатия. Скриншоты с текстом остаются читаемыми при лимите побольше или в PNG. Логотипы с прозрачностью держите в PNG или WebP — JPG добавит белый прямоугольник.
Лимит размера загрузки задаёт хостинг, а не сам WordPress; если загрузка падает с ошибкой размера, сжатие заранее — обычно самое простое решение.
Когда проверка скорости отмечает изображения
Если PageSpeed Insights всё ещё жалуется на большие или медленные изображения, найдите, какое из них — элемент LCP (обычно главное фото), и подготовьте именно его через сжатие фото для сайта. Существующую медиатеку JPG быстрее перевести через JPG в WEBP.
Имена файлов, альтернативный текст и медиатека
WordPress использует имя загруженного файла для адреса вложения и заголовка по умолчанию, поэтому переименуйте файлы до загрузки: remont-kuhni-do.webp полезнее поисковикам и вам, чем DSC_0042.webp. Используйте латиницу в нижнем регистре и дефисы.
Заполняйте поле «Атрибут alt» для информативных изображений, описывая, что на них показано в контексте статьи. Декоративным изображениям alt можно оставить пустым. Подписи — отдельная вещь, видимая читателям.
Когда WordPress уменьшает очень большую загрузку, он сохраняет оригинал и кладёт уменьшенную копию с «-scaled» в имени. Загрузка в разумном размере избавляет от этого дубля и занятого им места. Изображения, вставленные в записи через блочный редактор, берутся из той же медиатеки, так что подготовленный здесь файл используется везде, куда вы его поставите.
Ориентиры для изображений WordPress
Изменяемые рекомендации для частых мест на сайте.
| Место | Длинная сторона | Лимит | Формат |
|---|---|---|---|
| Изображение в тексте | 1600 пикс. | 200 КБ | WebP |
| Баннер во всю ширину | 2000–2560 пикс. | 300–400 КБ | WebP |
| Изображение записи | 1200–1600 пикс. | 150–250 КБ | WebP или JPG |
| Логотип | Размер показа × 2 | Как можно меньше при чёткости | PNG или WebP |
С какими загрузками помогает
Записи блога
Сожмите все картинки статьи одной пачкой.
Чистка медиатеки
Пересохраните слишком большие изображения перед заменой.
Ошибки размера загрузки
Уложите файлы в лимит хостинга.
Товары WooCommerce
Держите фото товаров лёгкими без плагина.
Конструкторы страниц
Подготовьте фоны баннеров и секций для макетов.
