Обзор плагина: плагин WP Squish для WordPress

Опубликовано: 2019-06-20

Место для хранения и скорость загрузки страниц — две самые важные вещи для любого веб-сайта, а изображения — одни из самых серьезных нарушителей. Крайне важно сократить объем космических изображений без ущерба для качества изображения. Если вы используете JPEG, отличным вариантом является плагин под названием WP Squish.

WP Squish — это бесплатный плагин от Aspen Grove Studios, который будет сжимать ваши файлы JPEG, предоставляя вам полный контроль над качеством сжатия не только вариантов, созданных WordPress, но и вариантов, созданных вашими темами WordPress.

Давайте посмотрим на WP Squish и посмотрим, на что он способен.

Установка WP Squish

Сначала загрузите WP Squish с веб-сайта Aspen Grove Studios. Установите и активируйте плагин как обычно. Он не требует никаких ключей, поэтому после активации плагина он будет работать автоматически с настройками по умолчанию.

Настройки WP Squish

Новый пункт меню добавлен в меню «Настройки» на панели управления WordPress под названием WP Squish. Это меню включает в себя параметры изображения и настройки сжатия. По умолчанию параметры ограничения размера отключены, а качество сжатия установлено на 75.

Параметры изображения WP Squish

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

Настройки сжатия изображения

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

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

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

Вы также можете управлять изображениями, созданными темами. Изображения в этом примере были созданы Divi.

Они добавляются Extra. Он добавляет больше, чем Divi, благодаря модулям в стиле журнала.

Они добавлены темой Twenty Seventeen.

Примеры WP Squish

Я взял несколько фотографий с Unsplash.com и загрузил их без сжатия или ограничений по размеру. После этого я установил ограничение размера и снова загрузил их с различными уровнями сжатия. Вот несколько сравнений. В первом раунде используется настройка качества сжатия по умолчанию 75.
Взгляните на одно из изображений случайным образом, это исходное изображение с размерами 5184×3456 и размером файла 5 МБ.
Вот измененное изображение без сжатия. Это 1620×1080 и размер файла 1 МБ. Простое ограничение размеров значительно уменьшило размер файла.
Вот то же изображение, загруженное снова с включенным сжатием до качества изображения 75 по умолчанию. Его размеры 1620×1080, а размер файла 107 кб.
Вот еще одно изображение без ограничений по сжатию и размерам. Его размеры составляют 6016×4016, а размер файла — 3 МБ.
Сжатая версия имеет разрешение 1618×1080 и размер файла 249 КБ.
Обратите внимание, что все изображения ограничены высотой 1080. Я вернулся к настройкам и удалил ограничение по вертикали. Это позволяет изображению иметь любой размер по вертикали, но ограничивается размером по горизонтали.
Это исходное изображение имеет размеры 5184×3456 и размер файла 3 МБ.
Размер измененного изображения составляет 1920×1280, а размер файла — 252 КБ.
Давайте рассмотрим несколько параллельных примеров. Изображение слева — исходное в разрешении 2963×3878, 4 МБ. Изображение справа изменено до качества 75 при разрешении 825×1080, 180 КБ.
Здесь изображение слева является исходным, а изображение справа было сжато до качества 60. Это 825×1080, 135 КБ.
В этом случае изображение справа было сжато в 50 раз. Это 825×1080, 117 КБ.
Для этого изображение справа сжато с качеством 20. Это 825×1080, 64 КБ. Даже при таком уровне качества изображение вполне пригодно для использования. Это качество будет варьироваться в зависимости от множества факторов, связанных с вашими фотографиями. Если бы эта фотография была большего размера, более низкое качество могло бы быть более очевидным. Я рекомендую 60-75 в качестве стандарта, а затем экспериментирую, чтобы увидеть, что работает лучше всего.
Вот фото тукана. Изображение слева — исходное в разрешении 5184×3456, 5 МБ. Изображение справа сжато с качеством 20. Это 1620×1080, 40 КБ. Различия настолько незначительны, что мне приходится внимательно присматриваться, чтобы заметить их, и даже в этом случае сжатая фотография выглядит великолепно.
Вот средний размер оригинала слева без сжатия, 75 в центре и 60 справа.
Вот пример двух наборов миниатюр, причем оба набора отображаются слева направо: 100, 75 и 60.
Давайте посмотрим на несколько больших изображений. На этом показана большая версия оригинала вверху, а версия внизу имеет качество 60.
На этом показана большая версия оригинала сверху. Версия внизу имеет качество 40.
На этом показана большая версия оригинала размером 4 МБ вверху и версия качества 40 размером 251 КБ внизу. Вы можете видеть, что облака слева начинают отображаться в более низком качестве. 40 на самом деле агрессивны для сжатия изображений. Где-то в диапазоне 60-75 кажутся лучшими вариантами, и они все еще значительно уменьшают размер файла.
Здесь используется качество 60. Неплохо для изображения размером 324 КБ.

Окончание мыслей

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

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

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

Вы пробовали WP Squish? Дайте нам знать, что вы думаете об этом в комментариях.