Как запретить WordPress генерировать размеры изображений

Опубликовано: 2022-06-30

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

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

В этом посте мы ответим на вопрос: «Почему WordPress изменяет размер моих изображений?» Мы объясним, почему вы можете запретить WordPress генерировать несколько размеров изображений WordPress, и покажем, как это сделать. Давайте начнем!

Оглавление
1. Почему WordPress генерирует несколько размеров изображений
2. Каковы стандартные размеры изображений для WordPress?
3. Когда остановить WordPress от создания изображений разных размеров
4. Как запретить WordPress создавать копии изображений разного размера
4.1. Шаг 1. Подключите свой сайт к FTP-клиенту (чтобы определить, сколько копий изображений делается)
4.2. Шаг 2: Загрузите изображение на свой сайт
4.3. Шаг 3: Перейдите в каталог загрузки вашего сайта
4.4. Шаг 4. Установите нулевой размер изображения
4.5. Шаг 5: Откройте файл functions.php вашей темы WordPress
4.6. Шаг 6. Удалите код размера изображения по умолчанию.
5. Как запретить WordPress сжимать изображения
5.1. Шаг 1: Откройте файл functions.php
5.2. Шаг 2. Измените возвращаемое значение на 100.
5.3. Шаг 3: Сохраните изменения
6. Как оптимизировать изображения WordPress
6.1. Шаг 1. Уменьшите размеры изображения
6.2. Шаг 2: выберите формат изображения
6.3. Шаг 3: Выберите степень сжатия
6.4. Плагины для оптимизации изображений
7. Оптимизируйте свой сайт с помощью WP Engine

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

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

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

Каждый раз, когда вы загружаете изображение в WordPress, он создает три новые версии, что дает вам четыре общих размера. Размеры изображений по умолчанию:

  • Размер эскиза — 150 х 150 пикселей.
  • Средний размер — 300 x 300 пикселей (максимум)
  • Большой размер — 1024 x 1024 пикселей (максимум)
  • Полный размер — Исходный размер изображения

Размеры изображений WordPress распределены по уровням таким образом, чтобы упростить веб-дизайн. Вам не нужно вручную изменять размер фотографии или графики для использования, скажем, в качестве избранного изображения — правильный размер изображения уже существует в WordPress.

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

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

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

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

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

Шаг 1. Подключите свой сайт к FTP-клиенту (чтобы определить, сколько копий изображений делается)

Первый шаг — выяснить, сколько копий создает WordPress при загрузке изображения. Вы можете сделать это, подключившись к своему сайту через клиент протокола передачи файлов (FTP) или файловый менеджер вашей cPanel.

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

Шаг 2: Загрузите изображение на свой сайт

Затем загрузите изображение на свой сайт из административной панели панели управления WordPress и откройте медиатеку ( Медиа > Добавить новое ).

Нажмите « Выбрать файлы » и выберите файл изображения для загрузки.

Шаг 3: Перейдите в каталог загрузки вашего сайта

В файловом менеджере или FTP-клиенте перейдите в каталог загрузки вашего сайта. Он будет находиться в папке wp-contents . Там вы найдете все копии существующих изображений, упорядоченные по дате:

По крайней мере, вы должны найти три размера изображений, созданных WordPress. Если их больше трех, скорее всего, это копии, созданные вашей темой WordPress (в нашем примере выше всего пять копий).

Шаг 4. Установите нулевой размер изображения

Затем перейдите в «Настройки»> «Медиа» в панели администратора WordPress.

Там вы найдете настройки изображения по умолчанию:

Измените каждое из значений размеров изображения на 0 (при условии, что они все те, которые вы не будете использовать). Когда закончите, нажмите кнопку Сохранить изменения внизу страницы.

Шаг 5: Откройте файл functions.php вашей темы WordPress

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

Для этого перейдите к файлу functions.php вашей темы WordPress.

Вы найдете это в папке /wp-contents/themes/ каталога вашего сайта.

Шаг 6. Удалите код размера изображения по умолчанию.

Как только вы окажетесь в файле functions.php , найдите все строки кода, похожие на эту:

add_image_size('домашняя-большой палец', 200, 160, правда);

В зависимости от темы, которую вы используете, может быть несколько версий этой строки. Вы также захотите найти все, что говорит «set_thumbnail_post_size». Удалите эти строки, а затем сохраните изменения.

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

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

Имея это в виду, вот как остановить WordPress от сжатия и обрезки изображений за три простых шага.

Шаг 1: Откройте файл functions.php

Если вы хотите отключить сжатие изображений WordPress, первым делом найдите и откройте файл functions.php вашей темы. Опять же, вы можете сделать это, подключившись к своему сайту через FTP-клиент или зайдя в файловый менеджер cPanel.

Шаг 2. Измените возвращаемое значение на 100.

После того, как вы найдете и откроете файл functions.php в каталоге вашей темы, просто добавьте следующую строку кода:

add_filter('jpeg_quality', function($arg){return 100;});

Вы также можете изменить значение «возврата», чтобы оно было меньше 100, если хотите.

Шаг 3: Сохраните изменения

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

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

Оптимизация изображений для Интернета включает уменьшение общего размера файла без снижения качества изображения. Конечная цель — сайт, который загружается быстрее; быстрый веб-сайт улучшает SEO и привлекает посетителей.

Лучший способ оптимизировать изображения для WordPress — внести коррективы перед загрузкой. Этот процесс обычно происходит в настройках сохранения или экспорта вашего графического редактора (например, Adobe Photoshop или GIMP). Вот пошаговый контрольный список, которому нужно следовать:

Шаг 1. Уменьшите размеры изображения

Если размер вашего изображения 2000 x 2000 пикселей или больше, стоит уменьшить размеры перед загрузкой в ​​WordPress. За исключением редких случаев, фотография на вашем сайте не должна быть такой большой. Окончательные размеры будут зависеть от того, как вы используете изображение, но снижение высоты и ширины как минимум до 1200 пикселей — это хорошее начало.

Шаг 2: выберите формат изображения

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

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

Шаг 3: Выберите степень сжатия

Возможности сжатия изображений зависят от программного обеспечения. Но в большинстве случаев вы ищете раскрывающийся список или ползунок с надписью « Качество изображения» или « Сжатие» . Обычно вы видите его при сохранении фотографии.

Сжатие уменьшает размер файла без ущерба для качества. Чем больше сжатие, тем меньше файл. Выбор меньшего числа для качества выполняет ту же функцию. 150 КБ или меньше — безопасная конечная цель для оптимизации изображения.

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

Кроме того, вы можете использовать плагин WordPress для оптимизации ваших изображений при загрузке. Такие опции, как Smush или EWWW Image Optimizer, позволяют легко управлять размерами изображений.

Оптимизируйте свой сайт с помощью движка WP

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

Конечно, это лишь один из многих способов оптимизации вашего сайта WordPress. Если вы хотите улучшить весь цифровой опыт, узнайте, как наши лучшие в своем классе планы хостинга могут помочь вам вывести свое присутствие в Интернете (и ваших клиентов) на новый уровень!