Как удалить лишние картинки c сайта на WordPress

В этой статье я расскажу про мой опыт борьбы с лишними картинками на этом сайте. Большие работы я проделывала в 2016 году, когда получила предупреждение от хостера и в 2020 году при смене шаблона, в 2024 году, когда стали заканчиваться 9Гб на хостинге. За эти годы многое изменилось появились новые плагины, старые безнадежно устарели.

Как посмотреть сколько миниатюр создает wordpress

Как водится через 3 года после начала ведения блога в 2016 году я получила печальное известие со своего хостинга:

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

За три года я исчерпала лимит в 2Гб. Вообще, конечно, не стоило дожидаться таких предупреждений, но что сделано, то сделано. Я решила удалить лишние миниатюры картинок при помощи плагинов. Изучив интернет на эту тему, я поняла, что топ выдачи полон крайне низкокачественными постами. Ни один из этих постов не разбирает проблему полностью, а некоторые дают откровенно вредные советы, говорящие о том что авторы советов сами не разбираются в этом вопросе.

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

Конечно мне совершенно не нужно было такое количество миниатюр. Реально я использовала только миниатюры размером 150Х150 на страницах рубрик и меток, для «Библиотеки медиафайлов» размера 150Х150 тоже вполне достаточно.

Далее я изложу что со всем этим делать. Для начала нужно отключить генерацию ненужных миниатюр.

Как отключить генерацию ненужных размеров изображений

Поскольку все манипуляции с изображениями полагается производить при смене темы, то плагины wordpress предполагают только полный снос миниатюр и их перегенерацию. Соответственно без отмены генерации миниатюр заниматься такой оптимизацией не имеет смысла.

Источников генерации миниатюр всего 3, чаще всего из них упоминают только первый.

1. Размеры миниатюр задаются в меню Вордпресса Настройки → Медиафайлы имеют стандартные названия Thumbnails, Medium, Medium_Ladge, Ladge, 1536×1536, 2048×2048
2. Генерация миниатюр может быть задана в файле functions.php вашей рабочей темы. Названия этих миниатюр включает название темы и что-то произвольное, что придумал разработчик темы.
3. Генерация миниатюр может быть задана в плагинах, которые используют картинки, у меня это был плагин Manual Related Posts и Top 10, у вас могут быть другие плагины. Название этих миниатюр по хорошему должно включать название плагина, но не всегда это так.

Разберем последовательно все три пункта списка на предмет, что с этим можно сделать.

Размеры миниатюр задаваемые в админке

Заходим в меню Вордпресса Настройки → Медиафайлы и зануляем все не нужные размеры. Самый маленький я оставила для того, чтобы в библиотеке медиафайлов в админке показывался этот размер. По умолчанию, там показывается размер Medium, но при его отсутствии идет замена на размер Thumbnails.

Размеры 1536Х1536 и 2048Х2048 генерируются ядром вордпресс если вы закачиваете на сайт изображения прямо с фотоаппарата или телефона. Но я этим никогда не занималась, как и многие другие блогеры, использующие дешевый хостинг, тогда место на нем закончилось бы намного раньше, чем через 3 года.

Размеры миниатюр задаваемые в теме и плагинах

На 2016 год изменить размеры превью темы (пункт 2 списка) через админку вордпресс  было невозможно, но многие плагины давали возможность выставить размеры миниатюр. Только манипулируя размерами, заданными в настройках медиафайлов можно сократить количество превью. Например, некий ваш плагин генерирует превью 100Х100 и это точно вам очень нужно, можно просто минимальный размер в медиафайлах сменить на эту величину.

И таким образом поступить и с другими плагинами — задать один и тот же размер для нескольких мест на сайте. Этот метод доступен даже тем, кто совсем не разбирается в коде.

На 2024 год появились плагины, которые позволяют отменить генерацию миниатюр не нужных вам размеров без залезания в код. Я воспользовалась Disable Thumbnails, Threshold and Image Options, но это не единственный плагин для решения этой задачи. В Disable Thumbnails, Threshold and Image Options нужно отметить не нужные вам размеры.

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

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

Если вы не сторонник установки дополнительных плагинов, то можно сделать все это через код.

Для этого потребуется создать дочернюю тему, поместить туда пустой файл functions.php и вставить следующий код:

function dco_remove_default_image_sizes( $sizes) {
return array_diff( $sizes, array(
'medium',
'medium_large',
'large',
'post-thumbnail',// тут вписывайте своё название
'reboot_small',// тут вписывайте своё название
'reboot_standard',// тут вписывайте своё название
'reboot_square'// тут вписывайте своё название
) );
}

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

Плагины, которые генерируют картинки

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

Коварны различные плагины-слайдшоу. Как правило, в слайдшоу используется 5-10 слайдов, а превьюшки большого размера генерируются для всех закачиваемых изображений. На мой взгляд это слишком большая роскошь хранить на сервере 3000 миниатюр, ради того чтобы использовать всего 5 из них. Стоит подумать, а действительно ли необходим такой плагин, может быть его можно заменить на другой, который не будет генерировать безумное количество превью. Или же можно вовсе от него избавится, вторичная польза очевидна — сайт без кода слайдшоу будет грузиться быстрее.

Мой плагин Top10 генерировал миниатюру на каждую закачанную картинку, хотя реально использовал от силы 10 штук из 3000, т.е. плагины коварны и пожирают место на сервере огромными кусками. Возможно все это от того что миниатюры в WP создаются во время закачки картинки, если бы они создавались только в момент первого обращения за картинкой, то не было бы такой проблемы. Это так из размышлений о недостатках вордпресса.

Если вы все это проделали, рекомендую проверить ваши достижения, закачав любую картинку. После закачки заходите в папку upload и смотрите, сколько превьюшек сгенерировалось. Если результат удовлетворяет, то можно переходить к следующему этапу.

Как удалить ненужные размеры изображений

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

Миниатюры еще используются в «Библиотеке медиафайлов», при неправильном удалении можно получить следующую печальную картину.

Сами оригиналы фотографий целы, я удалила только миниатюры размером 300х199 и в библиотеке медиафайлов перестали показываться превьюшки. На самом деле для этой цели вполне подойдут миниатюры размером 150х150, но по умолчанию в библиотеке медиафайлов показываются картинки среднего размера.

Я видела в интернете советы типа : «Вставьте этот  код в файл functions.php и выполните его разок». А в коде сносятся только записи из базы данных, этот вредный совет не приведет к расчистке существенного места на вашем сервере. Важно удалить и записи в базе данных, и файлы на сервере.

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

Естественно, нужно сделать Backup папки uploads и базы данных, на всякий пожарный случай.

Плагины для удаления и регенерации миниатюр

Самые популярные плагины для удаления и регенерации миниатюр:

1. Regenerate Thumbnails, давно не обновлялся, но в 2024 году на последней версии wordpress исправно работает. Ранее с ним в паре использовался плагин Thumbnail cleaner для удаления абсолютно всех миниатюр. Затем эти плагины были объединены под общим названием Regenerate Thumbnails. Оба этих плагина всегда были абсолютно бесплатны. Regenerate Thumbnails позволяет за один прогон удалить все не зарегистрированные миниатюры, оставшиеся в библиотеке медиафайлов от прежних тем и плагинов и регенерировать нужные миниатюры. Есть вариант регенерировать только миниатюры для рубрик.
2. Force Regenerate Thumbnails — аналог предыдущего плагина от компании  Exactly WWW, рекомендуется к использованию совместно с плагином  EWWW Image Optimizer для получения миниатюр лучшего качества и меньшего веса. Его единственно доступная кнопка «регенерировать все миниатюры» меня пугает. У предшественника настроек побольше.
3. Regenerate Thumbnails Advanced от компании ShortPixels — коммерческий плагин в бесплатной своей версии функционал у него похуже, чем у первого варианта. Так же позволяет сгенерировать только миниатюры для рубрик и удалить не отмеченные, но зарегистрированные миниатюры (т.е. предложение хуже чем у Regenerate Thumbnails). Потерянные метаданные миниатюр в бесплатном варианте не удалит.

В 2016 году я использовала плагин Thumbnail cleaner, он просто сносил абсолютно все миниатюры изображений и потом их нужно было генерировать заново плагином Regenerate Thumbnails. Thumbnail cleaner насчитал порядка 14000 миниатюр, со сносом плагин справился за 2 минуты. Regenerate Thumbnails в 2016 и даже в 2020 году не давал возможности сгенерировать только миниатюры для рубрик, он генерировал абсолютно все миниатюры.

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

Про адаптивные изображения

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

По классике для создания адаптивных изображений рекомендуется иметь на сервере картинки следующих размеров по ширине 340px, 420px, 768px, 1024px, 1200px (все в ширину) для показа на мобильных телефонах. Хотя мне кажется, что с мобильников с размером экранов в 340px, 420px на 2024 год посещают сайты только поведенческие боты для нагула своих профилей.

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

Генерация 3000 новых миниатюр размером 150Х150 в 2016 году при помощи плагина Regenerate Thumbnails заняла целых 30 минут. И на следующее утро я получила ругательное письмо от Sweb о том что я нарушила условия нашего договора и превысила разрешенную мне нагрузку на сервер. Но к счастью Sweb ограничился только этим письмом. Ниже можете оценить насколько повысилась нагрузка на сервер в результате моих операций.

При смене дизайна в 2020 году я сгенерировала только необходимые для новой темы миниатюры при помощи плагина Regenerate Thumbnails Advanced от компании ShortPixels, у меня всего около 400 статей и мне нужно ровно столько же картинок, эта операция не вызвала превышения нагрузки на сервер.

О сервисах CDN (Content Delivery Network) и адаптивных изображениях

Существует возможность хранить весь набор разных размеров фотографий потребных для создания адаптивных изображений и даже изображения в новом формате webp в сетях CDN (Content Delivery Network). Например, Cloudflare позволяет сделать это, но опция платна от 10$  в месяц для бесплатных тарифов. Так получится сэкономить место на диске, там будет храниться всего один оригинал изображения, и нагрузка на сервер снизится.

Cloudflare не единственный такой сервис, существует еще множество, но все они импортные.

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

Если уже появились годные российские аналоги Cloudflare, подскажите мне пожалуйста в комментариях.

Оптимизация нужных изображений, как метод экономии места на диске

Сейчас многие плагины кеширования позволяют пережать уже закачанные на сайт картинки. Или же для этой цели можно использовать отдельные плагины предназначенные для обработки картинок, многие из ни захотят каких-то денег за эту ресурсоемкую операцию. Я оптимизировала  изображения на этом сайте при помощи плагина кеширования LiteSpeeed Cache в облаке QUIC.cloud. И это было абсолютно бесплатно и без перегрузки моего сервера. LiteSpeeed Cache скачивал картинку с моего сервера, ужимал ее на своем сервере и закачивал обратно.

Плагин LiteSpeeed Cache логично использовать совместно с OpenLiteSpeed server. Я сейчас хощусь на fozzy.ru, там даже на виртуальном хостинге есть возможность применять эту прогрессивную технологию. Если вы захотите перейти на хостинг от Fozzy, то по промокоду TRIP-TOGETHER получите скидку 10%.

В среднем уменьшение размера моей фотографии в формате jpg происходило на 5-7%, т.к. перед закачкой на сайт я оптимизировала картинки при помощи Adobe Photoshop, там есть опция Save for web. Важно не хранить в этом случае оригиналы изображений на сервере, потому что они занимают очень много места. Через год практики хранения оригиналов я их снесла и освободила 3Гб на сервере.

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

Использование Webp формата

Все тем же плагином кеширования LiteSpeeed Cache я сгенерировала Webp версию всех своих картинок, а их в тот момент было около 8000 тысяч и это только оригиналы. Важно понимать, что Webp версии так же будут сгенерированы и для каждой миниатюры каждого изображения.

Важно понимать, что Webp-версии займут еще около 50% объема уже существующего у папки upload на вашем сайте. Это место плюс еще не менее 15% свободного места должно остаться на сервере для адекватной работы сайта. Да хранить на сервере Webp-версии файлов весьма затратно, но я пошла на это ради ускорения загрузки сайта.

Что еще может пожирать место на диске

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

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

Что кроме изображений может занимать место на диске

Далее перейду к другим причинам поедающим место на диске, фотографии не единственные. Некоторые плагины могут писать логи и никогда не удалять их. В некоторых случаях логи могут разрастаться до больших размеров.

На моем сайте Total Cache записал более 1 Мб логов!!! Отключить их генерацию было невозможно из админки, снести их можно только по FTP. Если вы используете Total Cache посмотрите сколько весит у вас содержимое этой папки /wp-content/cache/log/000000, возможно, что после ее зачистки вам не придется возиться с перегенерацией превью.

iThemes Security пишет логи 404 ошибки не забывайте периодически их очищать. Особенно логи разрастаются в момент атаки на сайт.

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

Через ФТП проверьте все ваши плагины на предмет наличия папки или файла с названием log или что-то в этом роде и посмотрите, каков размер этого ресурса.

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

/wp-content/languages/themes

/wp-content/languages/plugins

Вполне возможно, что там остались языковые пакеты от неиспользуемых вами тем и плагинов.

Просмотрите ваши плагины на предмет не нужных вам языковых пакетов по адресам.

/wp-content/plugins/название плагина/lang(languages).

Итого в 2016 я очистила на своем сервере 700 Мб, совсем не плохо! В 2018 я перешла на тариф с 5 Гб дискового пространства, на котором и сидела до 2021 года. На 2020 год на этом сайте было 7000 изображений, на 2024 год 8169 изображений. Если бы я сгенерировала миниатюры для нового шаблона в 2020 году методом 2016 года с устаревшими плагинами, перегрузки сервера было бы не избежать.

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

Поделитесь, пожалуйста своим опытом работы с изображениями в вордпрессе. Используете ли вы адаптивные изображения? Или может быть пользуетесь сетями CDN? Что вам нравится или не нравится в них, какие тарифы?