Убрать мусор и выбросить его в корзину. Прекрасное чувство. И неважно речь идет о домашних делах или об оптимизации сайта. Тем более, что удаление с сайта всего ненужного благоприятно воздействует на его пользователей, так как улучшается производительность ресурса и страницы загружаются быстрее. Для достижения хороших показателей можно попробовать уменьшить размер изображений в wordpress.
Как мы уже выяснили ранее, скорость загрузки страниц говорит о высоком качестве сайта и положительно влияет на пользовательский опыт. Но самое главное на поисковую выдачу. Быстрые сайты Гугл поднимает выше при ранжировании, что обеспечивает хороший трафик.
Table of Contents
Меньше файл – выше скорость загрузки страниц
Сжатие данных работает путем поиска и удаления ненужных элементов файла, обычно с помощью алгоритма, и переписывания кода. Чтобы объяснить это лучше, ознакомьтесь с примером. Взгляните на это предложение, в котором используется только 4 буквы в словах:
A rat ate a treat at tea (Крыса съела угощение за чаем)
Используя базовый двоичный код, мы можем приписать два бита (двоичные цифры) каждому буквенному символу.
A = 00 Т = 01 R = 10 E = 11
Поскольку в предложении используется 18 символов, наш исходный код будет иметь 36 бит.
Но обратите внимание, что буква А встречается чаще, чем другие, а буква Т встречается на втором месте. Затем мы можем создать новый код, регулирующий частоту использования каждого символа:
A = 0 Т = 10 R = 110 E = 1110
При использовании этого нового кода, настроенного для этого конкретного файла данных, конечный результат будет только 32 бита вместо исходных 36. Это более 10% сжатия. При этом данные не пострадали.
Теперь представьте себе это в большем масштабе, со страницами с контентом и кодами для изображений. Вы можете видеть, как оптимизация ваших файлов может значительно уменьшить размер изображений в wordpress, а значит, ускорить загрузку вашего сайта и не повлиять на конечный результат.
Уменьшить размер изображений в wordpress «с» потерями и «без» потерь в качестве
Сжатие изображений “без потерь” означает, что вам удастся уменьшить размер изображений в wordpress, при этом их качество останется на прежнем высоком уровне. “С потерями” – строго наоборот, а именно качеством картинок придется пожертвовать. Однако, кажущийся идеальным вариант №1 имеет свои недостатки. А именно, уменьшить размер изображений в wordpress получится ненамного, как хотелось бы.
При этом стоит отметить, что разницу в большинстве случаев пользователи не заметят. Исключением могут стать лишь фотографы, которые хранят на сайтах свои работы в высоком разрешении и которые не готовы пойти на ухудшения качества.
Если вы не специалист для которого каждый пиксель на счету, то скорее всего вы готовы пойти на то, чтобы сжать ваши файлы в несколько раз, при этом теряя в качестве.
Сжатие изображений в форматах PNG, GIF и JPEG
Перед тем как готовиться к сжатию изображений следует узнать больше о наиболее популярных форматах изображений: PNG, GIF и JPEG. Сами по себе являются форматами, позволяющими одновременно сжимать файлы изображений, конвертируя из одного в другой, и стандартизировать их, чтобы большее количество программ могло их читать. Но вы можете дополнительно сжать файлы PNG, GIF и JPEG, используя компрессор изображений. Для этого может подойти плагин Robin Image Optimizer.
Все три формата имеют свои уникальные свойства со своими преимуществами и недостатками:
Сжатие JPEG
Названные в честь учредительного комитета Объединенной группы экспертов по фотографии, файлы JPEG были разработаны для уменьшения размеров изображений и их оптимизации. JPEG-сжатие может создавать миллионы цветов, смешивая и комбинируя 3 основных цвета – красный, синий и зеленый. Это делает JPEG идеальным форматом для фотографии и передачи реалистичности; однако, редко можно избежать потерь.
Сжатие GIF
Формат обмена графическими данными опирается на фиксированную палитру из 256 цветов, ограничивая диапазон цветов, тем самым сохраняя размеры файлов в небольших размерах. GIF-файлы идеально подходят для простых анимаций и аватарок. Но детализированные изображения из-за ограничения количества цветов в этом формате вам создать не удастся.
Сжатие PNG
Portable Network Graphics имеет два вида: PNG-8 и PNG-24. Как и GIF-файлы, PNG-8 использует ту же 256-цветовую палитру, но имеет лучшие параметры прозрачности и обычно экспортирует файлы немного меньшего размера. Тем не менее, PNG-8 не имеет параметров анимации GIF.
Формат PNG-24 без потерь предназначен для более сложных изображений, способных воссоздать миллионы цветов, таких как сжатие JPEG. В отличие от JPEG, PNG-24 предлагает лучшие варианты прозрачности, но не так совместим со многими приложениями и платформами, как JPEG. PNG-24 также легче редактировать без снижения качества. Таким образом, по свойствам формат Portable Network Graphics стоит где-то посередине, между JPEG и GIF.
Три способа, как уменьшить размер изображений в wordpress
Сжатие картинок с использованием WordPress плагина
Одним из самых популярных способов уменьшить размер изображений в wordpress является использование плагина Robin Image Optimizer. Он может оптимизировать файлы любых размеров в автоматическом режиме. Его эффективно используют в своей работе десятки тысяч вебмастеров по всему миру. Скачайте его и установите. Затем откройте панель настроек сайта в левом боковом меню админки: «Настройки» => «Robin Image Optimizer»
Далее проследуйте в раздел «Основные» внутри настроек плагина. И нажимайте «Запустить», чтобы началась автоматическая оптимизация, пока вы будете настраивать другие параметры плагина. Затем сохраняемся.
Обратимся к другому разделу «Основные настройки»: Мы рекомендуем действовать по порядку, но для начала выберите в каком режиме следует выполнять сжатие: перед вами кнопки с надписями «Нормальный», «Средний» и «Высокий». Каждая из них соответствует тому, насколько вы хотите уменьшить изображение. А подсказки, появляющиеся при наведении курсора мыши на значок с вопросом помогут сориентироваться, какой из режимов подойдет вам. Это отсылка к вопросу о сжатии “с” потерями и “без”.
После выполнения предыдущих настроек мы рекомендуем вам выбрать отвечающий вашим запросам сервер, где будут оптимизироваться изображения. А также активируйте функцию, чтобы картинки оптимизировались сразу при загрузке. Для этого нажмите кнопку ВКЛ.
Сохранитесь перед выходом и периодически контролируйте процесс сжатия. И вы увидите насколько ваш сайт впоследствии станет легче.
Уменьшение размера изображений с помощью PHP кода
Но если вы интересуетесь кодированием и у вас есть немного свободного времени, вы также можете самостоятельно сжимать изображения в PHP с помощью встроенной функции. С помощью этого фрагмента вы можете изменить качество изображения, введя собственную переменную в диапазоне от 0 до 100. Итоговый код вставьте в файл functions.php
<? PHP
функция compress_image ($ source_url, $ destination_url, $ quality) {
$ info = getimagesize ($ source_url);
if ($ info ['mime'] == 'image / jpeg')
$ image = imagecreatefromjpeg ($ source_url);
elseif ($ info ['mime'] == 'image / gif')
$ image = imagecreatefromgif ($ source_url);
elseif ($ info ['mime'] == 'image / png')
$ image = imagecreatefrompng ($ source_url);
imagejpeg ($ image, $ destination_url, $ quality);
вернуть $ destination_url;
}
?>
Онлайн компрессоры изображений
Компрессоры изображений – это программное обеспечение, которое запускает алгоритм уменьшения размеров файлов для максимальной оптимизации изображений. Часто компрессоры изображений позволяют выбирать способ сжатия: с потерями или без потерь в качестве.
Для небольших работ или отдельных изображений вы можете использовать бесплатный онлайн-компрессор изображений. Но именно по причине безвозмездного использования, их использование лимитировано. Большую часть времени вам придется прождать впустую в попытке загрузить картинку, ведь вы ограничены определенным количеством изображений или размером файла. Некоторые бесплатные онлайн-компрессоры изображений не уменьшают размеры изображений настолько, насколько они могут, если пользователь не приобретет премиумный тариф. После покупки можно будет выполнять массовую / пакетную загрузку и обрабатывать неограниченные по размеру файлы.
Заключение
Мы рассмотрели с вами три способа как с той или иной простотой и скоростью можно оптимизировать изображения. Очевидный фаворит – это плагин. Он бесплатный, к тому же там легко настроить автоматическую оптимизацию изображений, чтобы не начинать ее снова и снова вручную. Но есть и небольшие минусы в этом решении. Во время, когда на вашем сайте перестает наблюдаться активность пользователей, временно приостанавливается и сжатие. В остальном минусы перекрываются преимуществами перед работой с кодом. Если вы не профессионально владеете программированием, то следует помнить, что любое вмешательство в код может обернуться поломками в отлаженной системе сайта. Вариант с онлайн компрессорами имеет право на жизнь, только вот охота ли вам платить за ручное управление своими картинками? И постоянно подгружать их, даже в больших объемах.