WP Compress — это плагин оптимизации изображений для WordPress, который автоматически оптимизирует ваши изображения, уменьшая размер файлов, сокращая время загрузки и помогая повысить конверсию.
- Загружайтесь быстрее, получайте более высокий рейтинг и лучше конвертируйте на автопилоте
- НАГРУЗКА АГЕНТСКИХ ФУНКЦИЙ
- РЕЖИМЫ ЛОКАЛЬНОЙ И РЕАЛЬНОЙ ОПТИМИЗАЦИИ
- Гораздо больше, чем просто сжатие
- ПРЕДОСТАВЛЯЙТЕ ИДЕАЛЬНОЕ ИЗОБРАЖЕНИЕ КАЖДЫЙ РАЗ
- МОЛНИОННО-БЫСТРЫЙ, УЛЬТРА ПРЕМИУМ ГИБРИДНЫЙ CDN
- ПРЕДВАРИТЕЛЬНО НАСТРОЕННЫЙ ДЛЯ ВАС, НО ЧРЕЗВЫЧАЙНО ГИБКИЙ
- WP COMPRESS ВКЛЮЧАЕТ:
- НЕВЕРОЯТНЫЕ ВОЗМОЖНОСТИ АГЕНТСТВА:
- Сколько это стоит?
- Не грузите полный размер
- 5 лучших сервисов для сжатия картинки без потери качества
- Лучшие плагины для оптимизации изображений в WordPress
- Настройка lazy loading изображений
- Как сделать отложенную загрузку изображений?
- Как оптимизировать изображения без потери качества, прежде чем загружать их в WordPress
- 9 лучших бесплатных плагинов для оптимизатора изображений для WordPress
- 1 Оптимизатор изображения EWWW
- 2 Оптимизатор изображения ShortPixel
- 3 Редактирование СМИ
- 4 Настройки мультимедиа
- 5 Сжатие и оптимизация Smush Image
- 6 Сжимайте изображения JPEG и PNG с помощью TinyPNG.
- 7 Оптимизатор изображений Imagify
- Что вы получите, если воспользуетесь Optimole?
- 9 лучших бесплатных онлайн-инструментов для оптимизации изображений
- 1 Сайты фондовых фотографий
- 2 Программное обеспечение для редактирования фотографий
- 9 Kraken Image Optimizer
Загружайтесь быстрее, получайте более высокий рейтинг и лучше конвертируйте на автопилоте
Просто добавьте ссылку на свой веб-сайт, и все готово — после установки никакого обслуживания не требуется.
НАГРУЗКА АГЕНТСКИХ ФУНКЦИЙ
Плагин не только отлично подходит для ускорения работы отдельных веб-сайтов, но и полностью оснащен ведущими в отрасли функциями агентства, такими как:
- Ежемесячные клиентские квоты
- Портал централизованного управления
- Подробная отчетность по клиентам
- Удаленная настройка и оптимизация
- Массовая перелинковка веб-сайтов
- Думайте об этом как о полностью управляемом решении, в котором вы можете получить преимущество за более быструю загрузку клиентских веб-сайтов!
РЕЖИМЫ ЛОКАЛЬНОЙ И РЕАЛЬНОЙ ОПТИМИЗАЦИИ
WP Compress — это универсальное решение для оптимизации и доставки изображений, и вы можете использовать любые или все компоненты по своему усмотрению.
Локальная оптимизация изображения— это традиционный метод, позволяющий сжимать медиатеку и миниатюры изображений, а также создавать дополнительные форматы изображений, такие как Next-Gen WebP.
Оптимизация изображения в реальном времени это новое поколение сжатия изображений, а также возможность каждый раз создавать идеальное изображение.
Он сочетает сжатие в реальном времени с:
- Адаптивные изображения (по устройству)
- Изображения WebP следующего поколения
- Поддержка устройств Retina
- Отложенная загрузка изображений
Независимо от того, какой режим вы выберете, WP Compress ускорит ваши изображения, что может значительно снизить показатель отказов и увеличить конверсию, что приведет к увеличению рентабельности инвестиций в веб-сайт.
Вы даже можете использовать оба варианта, чтобы сэкономить локальное пространство, а также воспользоваться невероятными преимуществами оптимизации живого изображения.
Гораздо больше, чем просто сжатие
Традиционно оптимизация изображений снижала качество изображений, в свою очередь, для экономии размера файла, поскольку изображения меньшего размера загружались быстрее. С WP Compress v5 это уже не так!
Мы нашли невероятное решение, которое ускоряет ваши изображения без видимой потери качества, а затем передает изображения правильного размера и форматирования через нашу ультра-премиум-инфраструктуру со временем загрузки до 7 мс.
ПРЕДОСТАВЛЯЙТЕ ИДЕАЛЬНОЕ ИЗОБРАЖЕНИЕ КАЖДЫЙ РАЗ
Это гораздо больше, чем просто сжатие изображений. Истинная сила оптимизации изображений заключается в тройном размере и формате изображений, которые мы генерируем в реальном времени.
Изображения WebP следующего поколения:
Мы преобразуем и создаем изображения WebP, а затем автоматически передаем изображения WebP в поддерживаемые браузеры для получения изображений более высокого качества с еще меньшими размерами файлов и еще более быстрой загрузкой.
Адаптивные изображения (По устройству):
В зависимости от устройства входящего посетителя и размера экрана мы каждый раз адаптируем ваши изображения к нужному размеру. Это позволяет значительно уменьшить размер файла и ускорить получение изображений без видимых для человеческого глаза различий в качестве.
Мы будем генерировать изображения сетчатки, когда это возможно, и передавать изображения сетчатки на поддерживаемые устройства, чтобы обеспечить высокое разрешение даже на самых резких экранах.
Пример 1:
Уильям посещает ваш веб-сайт на iMac с диагональю 27 дюймов и разрешением 5K в Google Chrome. Ему будет предоставлено изображение WebP, размер которого идеально соответствует размеру контейнера, в который вы его поместили, а затем удвоится для поддержки Retina, чтобы оно выглядело абсолютно великолепно. его экран.
Пример 2:
Если затем он решит снова проверить Safari, он автоматически получит Retina .png или .jpg для того же изображения, поскольку браузер не поддерживает изображения WebP.
Пример 3:
Ему так нравятся изображения и быстрая загрузка вашего веб-сайта, что он затем отправляет их своей жене, которая проверяет на своем мобильном устройстве, и ей будет показано то же изображение, скажем, шириной 480 пикселей, экономя драгоценный размер файла и данные, необходимые для загрузки изображения на мобильное устройство – без ущерба для четкости человеческого глаза!
МОЛНИОННО-БЫСТРЫЙ, УЛЬТРА ПРЕМИУМ ГИБРИДНЫЙ CDN
Ни для кого не секрет, что глобальность — это новый стандарт. Прелесть веб-сайта в том, что каждый может получить доступ к нему из любой точки мира, в любое время дня и ночи.
Это было нормально, когда это были веб-сайты на основе HTML и текста, но с появлением богатого контента и изображений с более высоким разрешением передача неоправданно больших файлов изображений по всему миру может занять несколько секунд каждый.
После тройки адаптивных изображений, поддержки WebP и отложенной загрузки последние штрихи вносятся в нашу гибридную сеть доставки контента или сокращенно CDN.
CDN — это заключительный этап и без того великолепного процесса оптимизации, который доставляет ваши изображения быстрее, чем вы можете себе представить.
Посетители вашего сайта больше не будут застревать в ожидании загрузки тяжелых файлов, тем более, что вы начинаете отношения с правильной ноги.
Рекомендуется оптимизировать изображение в реальном времени с помощью CDN; однако это не требуется и может быть отключено в режиме локальной оптимизации изображения.
ПРЕДВАРИТЕЛЬНО НАСТРОЕННЫЙ ДЛЯ ВАС, НО ЧРЕЗВЫЧАЙНО ГИБКИЙ
Все будет готово, как только вы вставите свой ключ доступа в плагин WP Compress. Он поставляется в предварительно настроенном режиме реального времени с, по нашему мнению, оптимальными и наиболее поддерживаемыми настройками, но не стесняйтесь экспериментировать!
Например:
– Если вы хотите оптимизировать изображения с использованием локального режима, то переключиться обратно в режим реального времени вы можете одним щелчком мыши.
- Если вы хотите опробовать WebP, Retina или адаптивные изображения, вы можете сделать это в один клик.
- Если вы хотите использовать отложенную загрузку стороннего поставщика, вы можете отключить нашу функцию одним щелчком мыши.
Учитывая миллионы возможных комбинаций, среда одного веб-сайта WordPress сильно различается. Будь то плагины, темы, разрешения на хостинг или спецификации сервера — существует множество вариантов.
В этом прелесть системы переключения: вы можете просто включить что-то, а если возникнут какие-либо конфликты или проблемы, просто выключить это, и все вернется к тому, как было.
WP COMPRESS ВКЛЮЧАЕТ:
НЕВЕРОЯТНЫЕ ВОЗМОЖНОСТИ АГЕНТСТВА:
- Портал централизованного управления
- Ежемесячные квоты для клиентов
- Удаленная оптимизация
- Подробная статистика (по сайту)
- Статистика агентства (Обзор)
- Подробные отчеты о сжатии
- Отчеты в формате PDF, которые можно загрузить
- Отправлять ежемесячные отчеты по электронной почте
- Расширение массовых ссылок MainWP
- Скрыть из WordPress*
- Брендированные отчеты*
- Обслуживание CSS-ресурсов через CDN*
- Обслуживание JavaScript через CDN*
- Пользовательские CDN-домены*
Сколько это стоит?
Наш начальный уровень включает 100 МБ в месяц (около 2500 изображений) бесплатно, а стоимость обновлений начинается всего с 5 долларов США в месяц.
Изображения — важная часть контента на сайте. Они не только делают страницу красивее, но и могут сами стать причиной дорожного движения. Все говорят, что в первую очередь изображения должны быть яркими, сочными, чёткими, ключевыми и т.д.
Это да, не поспоришь. Но важно, чтобы они не препятствовали созданию сайта, который, кстати, колоссально от них зависит. Поэтому мы сегодня разберемся, как сократить размер изображения без потерь качества.
Не грузите полный размер
Нет смысла загружать на сайт картинку полного размера, чтобы потом ее уменьшить. Так вы уменьшаете ее только визуально, а вес остается включенным. Очень правильно будет подготовить картинку с нужным размером у себя на компьютере и только потом загрузить ее на сайт.
Изображение должно иметь такой размер, с каким оно будет выводиться на страницу. Если вам в статье нужна фотография размером 200х200 пикселей, то вариант загрузить её на сайт размером 2000х2000 пикселей и просто уменьшить — не самый оптимальный. Лучше сразу грузите её на сервер размером 200х200 пикселей.
Давайте разберём это на примере. Мне нужна картинка для статьи, и я хочу, чтобы она выводилась размером от одного края текста до другого. Как мне узнать точный размер?
Представим, что я хочу вставить вот эту картинку и понять, какой точно размер ей нужен. Для этого я должна выделить блок текста под ней.
Я захожу на страницу статьи, кликаю по тексту правой кнопкой мыши и выбираю «Исследовать элемент». У пользователей MacOS этот пункт меню называется «Показать программный код страницы». Теперь у нас появляется вот такая вставка с кодом:
Чтобы узнать параметры определённого элемента на сайте, мы должны выбрать вот этот инструмент выделения в левом углу страницы.
Теперь мы наводим мышку на нужный нам блок текста и — вуаля! Мы видим его размер. Нам интересна ширина контента, ведь высоту вы можете выбрать уже произвольно.
Теперь вы понимаете, как узнать нужный размер картинки. Не стоит заливать картинки больше требуемого, это будет только перегружать страницу.
5 лучших сервисов для сжатия картинки без потери качества
На установке нужного размера ваши действия не заканчиваются. Следующий пункт — сжатие изображения. Для этого существует масса бесплатных онлайн-сервисов. Например:
Сайт, которым пользуюсь лично я, называется Tinypng. Он совершенно бесплатный. Работает просто: загружаете картинки, а сервис ужимает их в среднем на 60-80% без потери качества.
Следующий сервис, который даже популярнее, чем Tinypng, — это Kraken. Тут можно сжимать сразу несколько изображений, загружая ZIP архив или пользуясь импортом из Google диска или с Dropbox.
Compressor.io — ещё один отличный сервис для сжатия изображений. Возможность массовой загрузки файлов тут отсутствует. Изображения уменьшаются в среднем на 60-80% без потери качества.
Сервис Imagecompressor.com отличается возможностью регулирования качества изображения. Происходит это обычным ползунком. На сервис можно за раз закинуть до 20 изображений.
И последний, но не менее важный — Jpeg-optimizer.com. Дизайн может и не самый современный, зато со своими функциями сервис справляется на отлично. Он позволяет точно выставить уровень сжатия. Рекомендую для веб-страниц выставлять значение 80 в пункте «Compress Image».
Помимо сжатия тут можно ещё и сразу изменить размер изображения.
Выберите для себя один сервис и используйте его, прогоняя через него все изображения перед заливкой на сайт. Так вы уменьшите их размер больше, чем вдвое раз! Но и это ещё не всё.
Лучшие плагины для оптимизации изображений в WordPress
Теперь мы с нашей фотографией добрались аж до самой консоли сайта. Пусть она пройдёт ещё один фильтр — оптимизацию. В WordPress существует множество плагинов для выполнения этой функции. Сегодня я расскажу вам про лучшие пять:
EWWW Image Optimizer считается одним из лучших плагинов для оптимизации картинок. Он позволяет сделать разовое сжатие всех файлов (например, когда вы только установили плагин на сайт), а также выбирать картинки, которые оптимизироваться не будут. Это будет полезно, например, для сайтов с тематикой фотографии, когда важно не ухудшать качество снимков. Но в целом оптической разницы вы не заметите, зато сайт будет загружаться быстрее.
WPMU DEV предлагает сразу несколько плагинов для ускорения сайта. И WP Smush — часть этой группы. Он занимается сжатием изображений пачками либо в момент их загрузки на сайт. Есть платная и бесплатная версии, в бесплатной можно обрабатывать не более 50 изображений подряд. Поддерживаемые для оптимизации форматы: JPEG, PNG и GIF.
Вот такой робот Optimus уменьшает размер изображений на 70%. Но у него есть ограничение — 100 kB. Он работает как с исходными изображениями, так и с только загружающимися на сайт.
Бесплатный онлайн-сервис TinyPNG, о котором мы говорили выше, можно установить и в качестве плагина. Он сжимает файлы только форматов JPEG и PNG.
Главное отличие плагина Short Pixel — возможность обработки PDF-файлов и совместимость с WooCommerce. В остальном он выполняет все те же функции, что и предыдущие сервисы.
Установите себе какой-то из этих плагинов для оптимизации изображений, и это уже ускорит работу вашего сайта.
Настройка lazy loading изображений
Есть ещё один способ ускорения сайтов при помощи оптимизации изображений. Это настройка отложенной или ленивой (lazy) загрузки. Такую функцию использует очень много сайтов.
Её работа заключается в том, что изображения грузятся не сразу вместе с открытием страницы, а по мере надобности: например, при скроллинге, при клике или в фоновом режиме.
Когда стоит настраивать отложенную загрузку?
- Если у вас на сайте много изображений.
- Когда картинки — основной контент.
- Когда сайт грузится очень медленно.
- Процент посетителей с мобильных устройств больше 50.
Как сделать отложенную загрузку изображений?
Для этого используется атрибут loading, он задаёт условия загрузки. Он устанавливается как для фотографий с тегом img, так и для медиа с тегом iframe.
Для отложенной загрузки (когда картинка грузится по мере необходимости) мы ставим параметр lazy:
<img src=»image.png» loading=»lazy» alt=»timeweb» width=»400″ height=»400″>
Вот вы и узнали, как правильно оптимизировать картинки. Теперь они точно не заставят ваш сайт оставаться позади быстрых соперников! Пользуйтесь советами из статьи и ускоряйте свой ресурс. Удачи!
Изображения – важная часть современного веб-дизайна. Сами по себе они могут превратить обычный и простой дизайн в очень привлекательный веб-сайт. В сочетании с текстом они могут поддержать и даже укрепить ваше сообщение, улучшая понимание для посетителей, а также делая ваше предложение еще более привлекательным.
Хотя вы можете подумать, что это связано с использованием тем, плагинов и скриптов с интенсивной нагрузкой, изображения на самом деле являются самым большим виновником, когда речь идет о потреблении полосы пропускания и пространства с сервера. В частности, The Fiscal Times сообщает, что изображения на веб-сайтах в среднем составляют 1312 из 2087 КБ.
Ну так что ты делаешь? Вы надеетесь, что любой компромисс в производительности можно каким-то образом преодолеть за счет того, насколько посетители впечатлены тем, как выглядят ваши изображения? На это можно было надеяться, хотя это маловероятный исход. Если вы хотите съесть свой торт и тоже его съесть, вам нужно научиться оптимизировать изображения для WordPress без потери качества.
На самом деле, это может быть любое количество причин, по которым ваш сайт и браузеры посетителей не связываются друг с другом так быстро, как вам хотелось бы. Что бы ни мешало вашему сайту из-за медленного времени отклика, вы знаете, что можно ускорить загрузку изображений за счет оптимизации сервера. И когда вы это сделаете, вы знаете, что ощутите некоторые важные преимущества.
Например:
- Ваши веб-страницы (не только изображения) будут загружаться быстрее.
- Ваш контент станет более привлекательным, поскольку вы сможете использовать высококачественные изображения с высоким разрешением, чтобы рассказать историю своего сайта.
- По мере того, как производительность и внешний вид вашего сайта улучшаются, вы, вероятно, заметите снижение показателя отказов.
- В свою очередь, это хорошо отразится на вашем сайте WordPress, когда он будет сканироваться поисковыми системами, что приведет к повышению рейтинга в поиске.
- Если ваш сайт и сервер оптимизированы по скорости, это также означает, что на вашем сервере будет больше места для игры.
- Регулярное резервное копирование вашего сайта также будет менее сложной задачей, так как это займет не так много времени.
- Вы также можете сэкономить немного денег, если платите за дополнительную пропускную способность и хранилище, чтобы приспособиться к дополнительной нагрузке на сервер.
Как оптимизировать изображения без потери качества, прежде чем загружать их в WordPress
Кодекс WordPress включает в себя краткое руководство о том, как определить правильный размер и качество изображения
для вашего веб-сайта. По сути, здесь говорится, что вам нужно обратить внимание на четыре квалификационных фактора:
- Физический размер: так изображение представляется (размеры) на веб-сайте.
- Размер файла: это количество байтов данных, которые файл потребляет в своем исходном состоянии.
- Разрешение: это относится к количеству пикселей, существующих в изображении. Чем выше разрешение, тем четче изображение.
- Тип файла: это относится к формату, в котором сохраняется ваш файл. Когда мы говорим об изображениях, мы обычно имеем в виду PNG, JPG, SVG и GIF.
Вот список правил, которым вы должны следовать при оптимизации изображений перед загрузкой.
В конечном итоге физическое пространство, которое ваши изображения занимают на вашем сайте WordPress, будет зависеть от того, с какого устройства ваши посетители просматривают их.
На самом деле идеала не существует, особенно если вы используете изображения для разных целей. Например, изображение, используемое для дополнения сообщения в блоге, может быть только среднего размера, тогда как вам может понадобиться полноразмерное изображение для главного изображения вашей домашней страницы.
Кроме того, не беспокойтесь о создании изображений нескольких размеров для разных размеров экрана. На самом деле, не делайте этого вообще, так как вы только создадите больше работы для своего сервера. Просто убедитесь, что используете тему WordPress с адаптивным макетом, чтобы ваши изображения соответствовали этим рекомендациям.
Размер файла изображения является важным фактором при оптимизации скорости вашего сайта. WordPress рекомендует, чтобы изображения большего размера составляли от 60 до 100 КБ, а изображения меньшего размера не превышали 30 КБ.
Тем не менее, есть ряд инструментов, которые мы можем использовать для изменения размера изображений, если вы обнаружите, что ваш не соответствует рекомендациям WordPress. Я расскажу о них в следующем разделе.
DPI (или точек на дюйм) – это ориентир, на который следует обращать внимание при оценке разрешения изображения. 72 пикселя на дюйм – это стандартное разрешение, которое вы увидите на большинстве изображений, тогда как 300 dpi – это то, что вы, вероятно, получите при использовании стоковой фотографии.
Пока изображение выглядит резким при желаемом размере, вам не нужно слишком сильно беспокоиться о точном числе.
Хотя от WordPress нет конкретных рекомендаций о том, с каким разрешением должны сохраняться ваши изображения, они советуют вам быть осторожными при использовании разрешений, превышающих необходимые, особенно для файлов больших размеров. Чем больше разрешение, тем больше размер файла. Если ваше изображение выглядит кристально чистым при более низком DPI, вы можете оставить его там, чтобы избавить ваш сервер от ненужной нагрузки.
Не существует жесткого правила, которое гласит, что вы всегда должны использовать JPG вместо PNG или что SVG – это современный стандарт, которому все мы должны следовать. Обычно тип файла, который вы используете, зависит от того, что вы собираетесь с ним делать.
JPG – идеальный тип файлов для фотографий. Хотя этот формат не поддерживает прозрачный фон, его собственная способность сжимать файлы до более управляемых размеров без ущерба для качества идеально подходит для фотографий большого размера и высокого разрешения. В файлах JPG используется метод сжатия с потерями, что в основном означает, что ненужные фоновые данные удаляются для большего уменьшения размера файла.
Таким образом, если вы хотите работать с файлами меньшего размера, лучше всего использовать JPG.
Еще одна вещь, которую следует отметить в отношении JPG, заключается в том, что у вас есть два варианта экспорта их из программного обеспечения для редактирования фотографий: базовый или прогрессивный.
Базовый JPG-файл состоит из одного слоя. Это означает, что при использовании в WordPress загружать нечего, кроме плоского изображения. Таким образом, если есть какая-либо задержка с загрузкой страницы, посетители увидят, как изображение медленно заполняет экран сверху вниз.
С другой стороны, прогрессивный JPG состоит из нескольких слоев. Когда посетитель пытается просмотреть медленно загружающуюся страницу с прогрессивным JPG, изображение будет полностью заполнено рамкой, в которой оно должно существовать. Однако сначала оно будет несколько размытым, поскольку другие слои будут видны на поверх него, в конечном итоге отрисовывая изображение полностью.
Идеальным выбором здесь является прогрессивный JPG, поскольку он вызовет меньшую нагрузку на ваш сервер (поскольку это не единственный слой, который требуется загружать сразу).
PNG лучше подходят для элементов дизайна, используемых на веб-сайте. Например, кнопка с призывом к действию, рекламный баннер, подтверждающий снимок экрана или талисман на прозрачном фоне.
Как и JPG, PNG используют форму сжатия, чтобы сделать размеры изображений немного более управляемыми, но этот вид известен как сжатие без потерь. Сжатие без потерь отличается от сжатия с потерями тем, что сохраняет все исходные данные. Поскольку он не может уменьшить размер вашего файла таким образом, вместо этого он ищет способы разбить ваши изображения на более мелкие части, которые упростят обслуживание посетителей.
Хотя этот тип сжатия обеспечивает более высокое качество вывода, размеры файлов больше, чем у JPG. Итак, если для вас важнее качество или вам нужно изображение с прозрачным фоном, используйте PNG.
Об этом типе файлов нечасто говорят при обсуждении изображений WordPress, но здесь все же стоит отметить, поскольку минималистичный дизайн и иконография становятся все более популярными в веб-дизайне.
SVG – это масштабируемое векторное изображение, что делает его, пожалуй, наиболее гибким из всех типов изображений. Он также очень легкий, что означает, что вам не придется чувствовать себя виноватым, если вы используете их на своем веб-сайте. Тем не менее, это действительно идеально только для небольших элементов, которые вы хотите хорошо масштабировать. Это означает, что SVG обычно относят к логотипам, значкам, обычным значкам и более упрощенным визуальным элементам.
Конечно, вы также можете использовать GIF в WordPress. Это хорошая альтернатива видеоконтенту, поскольку они намного легче (то есть, если вы планировали хранить видеофайлы на своем сервере), и, как правило, это более быстрые клипы анимационного типа. С распространением социальных сетей GIF-файлы, безусловно, являются удобным типом файлов для использования в WordPress, хотя вы захотите использовать их экономно.
9 лучших бесплатных плагинов для оптимизатора изображений для WordPress
Затем давайте поговорим о том, что вы можете сделать для оптимизации изображений, когда они появятся в WordPress.
Прежде чем мы перейдем к обсуждению плагина, давайте рассмотрим две встроенные опции, которые WordPress включает в основную CMS.
1 Оптимизатор изображения EWWW
Ewww Image Optimizer плагин
использует уникальный алгоритм, который позволяет ему обеспечить сжатие с потерями (как мы говорили с JPGs ранее) без ущерба для качества. Другими словами, результаты больше похожи на сжатие без потерь, даже если вы увидите значительную экономию с точки зрения используемых байтов.
В этом плагине есть еще кое-что, о чем стоит упомянуть:
Поскольку этот плагин так много делает для сжатия изображений, есть ряд настроек, которые вы должны настроить перед его использованием. Вот на что нужно обратить внимание:
- Сначала установите и активируйте свой плагин.
- Затем перейдите на вкладку « Настройки» и найдите новую опцию «Оптимизатор изображений EWWW».
- Начните с основных настроек:
На этой вкладке вы можете контролировать, какой тип сжатия применяется к изображениям, которые вы загружаете в WordPress. Поскольку мы знаем, что EWWW может сжимать все типы без потерь (наивысшее качество сжатия), используйте эту опцию.
- Следующие расширенные настройки:
На этой вкладке вы должны сосредоточиться на настройке параметров и запланированных сканирований, которые позволят оптимизировать изображения без ущерба для производительности сервера.
- Вкладка «Параметры изменения размера» позволяет вам определять правила автоматического изменения размера для файлов, которые считаются слишком большими во время импорта в WordPress:
- Вы думаете о преобразовании изображений в WordPress?
Вкладка «Параметры преобразования» позволяет изменять типы файлов при загрузке, чтобы повысить качество изображения или уменьшить размер файла. Тем не менее, преобразование одного типа файла в другой не всегда идеально, поэтому вы можете просто сохранить изображения в их исходном состоянии.
- После того, как вы закончите настройку параметров своего плагина, перейдите на вкладку «Медиа» и нажмите « Массовая оптимизация».
Здесь вы найдете простой инструмент массового сканирования и оптимизации. Настройте параметры и запустите сканирование.
- Результат ваших оптимизированных результатов будет выглядеть следующим образом:
Вы увидите расположение и имя файла, а также заметку о том, какая часть файла была сжата.
В отличие от других инструментов, с которыми вы можете столкнуться, EWWW Image Optimizer действительно работает очень быстро. Из 455 изображений, которые требовалось оптимизировать мой сайт, это заняло меньше минуты. Он может не дать вам список общей статистики об общем сэкономленном пространстве, но его очень удобно использовать.
У них также есть бесплатный плагин,
если вам не нужны все навороты.
2 Оптимизатор изображения ShortPixel
Бесплатно ShortPixel Image Optimizer плагин
фактически вариант Freemium плагин для оптимизации изображения. В отличие от других плагинов freemium, которые вы можете встретить в репозитории, этот плагин скорее премиум-класса с бесплатным пробным периодом, чем что-либо еще. Вот почему я говорю это:
- Вы одарены 100 кредитов изображений для использования бесплатно каждый месяц.
- 1 кредит изображения соответствует 1 файлу изображения.
- Однако с каждым из ваших изображений связано как минимум три размера файла (большой, средний и миниатюра), поэтому на самом деле получается что-то вроде 3 кредитов изображения, равных 1 файлу изображения.
Если вы хотите использовать высококачественный плагин для оптимизации изображений и знаете, что на вашем сайте будет мало ежемесячных загрузок изображений, то это может быть отличным выбором для вас. Нет никаких ограничений на размер файла. Плагин оптимизирует файлы JPG, PNG, GIF и WebP. Он также углубится в ваш сайт и оптимизирует такие вещи, как слайдеры продуктов электронной коммерции, слайдеры изображений фотографий и многое другое.
Конечно, если вы хотите заплатить за премиум-версию, вы можете. Но поскольку мы сосредоточены здесь на лучших бесплатных плагинах для оптимизации изображений, я хочу четко указать, для кого это лучше всего.
С точки зрения использования он похож на другие плагины WordPress, которые предлагают такой уровень оптимизации:
- Установите и активируйте плагин.
- Запросить ключ API на вашу электронную почту, чтобы вы могли подключиться к инструменту оптимизации.
- Общие настройки охватывают основы сжатия изображений:
- Ваш предпочтительный тип сжатия
- Стоит ли включать миниатюры
- Автоматическое хранение исходных файлов в другом месте на сервере
- Удаление метаданных EXIF
- Автоматическое изменение размера больших файлов до заданного максимального предела
- На вкладке «Дополнительно» вы найдете множество настроек оптимизации изображения, которыми вы, возможно, захотите воспользоваться. Сюда входят такие вещи, как:
- Преобразование из одного типа файла в другой
- Настройка параметров изображения WebP
- Добавление PDF-файлов в список типов файлов для оптимизации
- Автоматизация загрузки новых файлов (будь то вы в WordPress или пользователи во внешнем интерфейсе)
- Вкладка Статистика ShortPixel на самом деле является действительно приятной функцией, и ее нельзя найти во многих других плагинах для оптимизации изображений.
Здесь вы найдете текущий счетчик того, сколько ваших изображений было оптимизировано, сколько пропускной способности и дискового пространства вы сохранили, а также подробную информацию о текущем плане, который вы используете (чтобы вы могли отслеживать использование) .
- После того, как все настройки будут готовы, вы можете запустить процесс ShortPixel Bulk на вкладке «Медиа».
Этот инструмент действительно прост в использовании. Во-первых, решите, хотите ли вы сжать миниатюры. Затем нажмите Начать оптимизацию. В этом случае вам нужно будет оставить страницу открытой, чтобы инструмент оптимизатора завершил свой запуск.
Вы увидите индикатор выполнения, позволяющий узнать, какой процент ваших файлов был сжат и сколько времени займет процесс. Вы также увидите быстрый снимок последнего изображения, которое нужно оптимизировать, и сколько места было сэкономлено в процессе оптимизации.
3 Редактирование СМИ
Если вы зайдете в свою медиа-библиотеку в WordPress и выберите изображение (или загрузите новое), вы увидите доступную опцию « Редактировать изображение».
В этом модуле вы можете редактировать размеры вашего изображения, аналогично тому, что вы делали с помощью своего программного обеспечения для редактирования изображений.
Ключевое отличие состоит в том, что пропорции сохранены в масштабе, поэтому вы не можете ввести неестественный размер, искажающий изображение.
Как только вы будете довольны новым размером, нажмите кнопку « Масштаб», дождитесь появления сообщения «Изображение сохранено» над изображением, а затем выйдите.
4 Настройки мультимедиа
Еще одна вещь, которую вы можете сделать для изменения размера изображений в WordPress, – это создать размеры изображений по умолчанию для вашего контента.
На вкладке « Настройки» нажмите « Медиа». Затем вы найдете следующую конфигурацию:
Эти значения определяют размеры изображений по умолчанию для трех размеров изображений, которые WordPress генерирует автоматически. Если вы хотите сэкономить время, изменяя размер изображений вне WordPress или настраивая их в соответствии со спецификациями высоты и ширины вашего сайта, вы можете обновить размеры здесь. Это особенно полезно, если вы собираетесь использовать одинаковый размер изображений на всем веб-сайте.
Конечно, когда вы работаете в WordPress, вы знаете, что есть плагины WordPress, которые помогут вам делать, ну, почти все. Поэтому неудивительно, что есть несколько замечательных плагинов для оптимизации изображений, которые вы можете использовать бесплатно. Давайте посмотрим на лучшие варианты и на то, что вы можете с ними сделать:
5 Сжатие и оптимизация Smush Image
Помимо нескольких премиальных функций, которые вы получите при покупке членства в плагине WPMU DEV, на самом деле нет большой разницы между бесплатной и премиальной версиями этого плагина. Это фантастика, потому что Smush сам по себе выполняет все, что вам нужно, в плане оптимизации.
- Посторонние данные автоматически удаляются при загрузке изображений в WordPress.
- Изображения можно оптимизировать в папке «Медиа», в плагине галереи, в файлах темы и даже за пределами облачного хранилища.
- Он поставляется с очень удобной панелью управления, поэтому управление оптимизацией изображений и проверка экономии места – это легкий ветерок.
Вот что вы можете делать с Smush:
- Сначала установите и активируйте плагин.
- Для этого нет необходимости в конфигурации API. Как только он будет активирован, вы будете перенаправлены в новую папку WP Smush в разделе «Медиа».
- Вот как будет выглядеть ваша основная панель:
В верхнем левом углу вы получите уведомление о том, сколько файлов осталось непрочитанным, и при этом дадите вам кнопку для быстрого решения проблемы.
В правом верхнем углу находится статистика оптимизации вашего изображения:
- Сколько изображений изменено в размере
- А сколько сжато
- Сколько места вы сэкономили в результате
- Прокручивая страницу вниз, вы найдете свои настройки для плагина. Следующий раздел позволит вам указать, какие размеры будут автоматически сжиматься при загрузке:
- Внизу вы увидите другие настройки сжатия для удаления данных EXIF и установки ограничений на размер файла:
Вот и все! Этот плагин WordPress не только обладает мощными возможностями для оптимизации ваших изображений, но также делает процесс очень простым.
6 Сжимайте изображения JPEG и PNG с помощью TinyPNG.
Этот первый плагин является эквивалентом плагина WordPress онлайн-инструмента TinyPNG, о котором я упоминал ранее.
Сжатие JPEG и PNG изображения Плагин является то, что известно как инструмент насыпного оптимизатора. Вместо того, чтобы использовать редактор WordPress по умолчанию, в котором вы можете изменять размер изображений одно за другим или устанавливать максимальные значения по умолчанию для изменения размера изображения, он заботится об оптимизации и сжатии всех ваших изображений одним махом.
- Установите и активируйте свой плагин.
- Когда вы нажимаете кнопку « Настройки» под своим новым плагином, он перенаправляет вас в «Настройки мультимедиа» (так же, как мы рассматривали ранее).
- Также стоит обратить внимание на характеристики исходного изображения:
В этом разделе вы можете установить максимальный размер загрузки, чтобы даже самый большой файл не был слишком громоздким для вашего сервера. Вы также можете убедиться, что важные метаданные не удаляются из файла.
- После настройки вы можете запустить массовую оптимизацию всех медиафайлов, которые в настоящее время существуют на вашем веб-сайте и не оптимизированы. Вы найдете это на вкладке «Медиа» в разделе «Массовая оптимизация».
- Нажмите кнопку и дождитесь, пока оптимизатор завершит свою работу, прежде чем вы закроете экран.
Во время работы сканера и оптимизатора вы сможете увидеть такие вещи, как:
- Сколько изображений на вашем сайте.
- Количество размеров, связанных с каждым изображением.
- Сколько из этих файлов было сжато и насколько.
И как только это будет сделано, вам больше не придется запускать массовый оптимизатор, поскольку теперь у вас есть настройки автоматического сжатия.
7 Оптимизатор изображений Imagify
Самое замечательное в Imagify Image Optimizer плагина является то, что она делает процесс объемной оптимизации ваших изображений действительно простой.
Как и другие плагины оптимизации изображений, этот выполняет два подвига: сначала он оптимизирует все изображения, которые в данный момент находятся в вашей папке Media; Затем он автоматически оптимизирует изображения на основе предварительно определенных вами настроек.
Вот что вам нужно сделать, чтобы начать:
- Установите и активируйте плагин.
- Затем вам будет предложено создать для него ключ API. Для этого вам необходимо зарегистрировать бесплатную учетную запись.
- Как только ваша учетная запись станет активной, вы найдете настройки для своего плагина на вкладке «Настройки». Щелкните Imagify.
- Одним из наиболее приятных моментов в этом плагине является инструмент визуального сравнения (вы найдете его в трех вариантах уровня оптимизации):
Вы заметите, что при изменении настроек с Нормального на Ультра практически не происходит заметного изменения внешнего вида изображения. Однако вы заметите, насколько уменьшается размер файла в результате каждого изменения.
- После того, как вы определили, какой уровень оптимизации лучше всего подходит для того, что вам нужно, вы можете просмотреть другие параметры, доступные для конфигурации.
Этот плагин действительно отлично справляется с задачей упрощения параметров и выделения всех важных частей, которые вы должны учитывать в процессе оптимизации изображения, например:
- Вы хотите автоматически оптимизировать каждое импортированное изображение? (Да!)
- Вы хотите создать резервную копию исходных изображений на своем сервере? (Возможно, нет.)
- Вы хотите ограничить максимальный размер файла, чтобы размер файла большего размера автоматически изменялся? (Определенно.)
- Вы хотите, чтобы плагин сбрасывал метаданные EXIF или вам понадобится эта информация позже? (Зависит от того, что вы с ними делаете.)
- Какие размеры изображений вы хотите оптимизировать? (Все они.)
- Сохраните изменения, а затем вы можете посетить инструмент массовой оптимизации на вкладке «Мультимедиа».
- Одним щелчком мыши вы можете запустить массовую оптимизацию:
Кроме того, инструмент будет оптимизировать файлы размером более 2 МБ, только если вы подпишетесь на платный план. Если вы собираетесь использовать этот инструмент для оптимизации изображений, либо убедитесь, что у вас есть средства для его оплаты, либо у вас есть инструмент для изменения размера, который вы можете использовать заранее, чтобы файлы не превышали свои ограничения.
Imnsanity не похож на другие плагины WordPress в этом списке. Хотя он поможет вам оптимизировать изображения в большом количестве, его основная область знаний – изменение размера изображений, а не сжатие.
После установки и активации вы попадете на новую вкладку «Настройки» для Imsanity. Вот что вы увидите:
Здесь вы настроите ограничения на изменение размера изображений, загружаемых в разные части вашего сайта WordPress. Вы также можете настроить качество JPG и определить различные правила преобразования.
Ниже вы найдете возможность массового изменения размера всех изображений, находящихся в настоящее время на вашем сайте WordPress.
Перед тем, как запустить это сканирование и изменить размер, обязательно сделайте резервную копию своего веб-сайта на случай, если полученные результаты будут выглядеть менее впечатляющими.
Optimole– одно из лучших решений для оптимизации изображений в WordPress. Он был создан для уменьшения изображений вашего сайта без каких-либо визуальных изменений за счет использования методов оптимизации без потерь и с потерями.
Помимо оптимизации и сжатия изображений, Optimole выделяется несколькими интересными функциями, которые вы редко найдете в других плагинах WordPress. Он поставляется с изменением размера изображения для оптимального отображения, что означает, что изображения не загружаются в полном размере все время, но они адаптируются для каждого окна просмотра пользователя. Другими словами, он загружает изображение с идеальным разрешением в зависимости от вашего устройства или размера экрана.
Еще одна замечательная функция Optimole – это заполнитель изображений низкого качества, также известный как отложенная загрузка промежуточного изображения низкого качества до тех пор, пока изображение не отобразится полностью.
Более того, плагин обслуживает ваши изображения через CDN и работает на автопилоте (установите его, и он будет работать сам по себе). Если вы хотите отслеживать активность и статистику Optimole, вы можете сделать это через современный, простой в использовании интерфейс.
Optimole выпускается в двух вариантах: бесплатный и премиальный. Вы можете попробовать его, протестировав его в Интернете, прежде чем устанавливать его на свою панель управления.
Что вы получите, если воспользуетесь Optimole?
- 1 ГБ образов в месяц (15 + ГБ при обновлении).
- Пропускная способность для просмотра 10 ГБ в месяц (100 ГБ в премиальных планах).
- Заполнитель изображения низкого качества (отложенная загрузка промежуточного изображения перед отображением его полного размера).
- Изменение размера изображения в зависимости от размера устройства / экрана (загружается оптимальная версия для каждого устройства).
- Поддержка Retina и HiDPI с динамическим обнаружением DPR на всех устройствах.
- Простое отслеживание и мониторинг статистики / результатов с помощью современной панели инструментов.
- Поддержка CDN.
Как настроить Optimole
- Установите и активируйте его.
- Зарегистрируйтесь и проверьте свою электронную почту на наличие ключа API.
- Сразу после отправки ключа API на панели управления WordPress Optimole начнет оптимизацию всех ваших существующих изображений.
- В Настройках вы можете настроить свои личные предпочтения и активировать / деактивировать нужные вам функции.
Вот как панель инструментов Optimole выглядит на вашем сервере WordPress:
9 лучших бесплатных онлайн-инструментов для оптимизации изображений
Как отмечалось выше, размер изображения действительно может снизить производительность вашего сайта, поэтому, если вы можете уменьшить его любое количество перед загрузкой в WordPress, это было бы идеально. То же самое касается уменьшения количества байтов, которые изображение переносит с собой. Это может быть не всегда необходимо, особенно если ваши изображения изначально меньше, но важно знать, что у вас есть возможность легко сделать это с помощью следующих онлайн-инструментов:
1 Сайты фондовых фотографий
Первый «инструмент», на который я хочу обратить внимание, – это источник, который вы можете использовать для получения некоторых из ваших фотографий: веб-сайт стоковой фотографии.
По большей части эти веб-сайты ограничивают размер экспортируемых файлов фотографий. Вот пример из iStock:
Существуют и другие веб-сайты стоковой фотографии, такие как Pixabay, которые позволяют вам выбирать конкретные размеры фотографии и размеры файлов для экспорта:
Конечно, это не означает, что вы должны использовать фотографии в экспортированном размере. Вы можете внести дополнительные изменения в размер, используя следующие инструменты.
2 Программное обеспечение для редактирования фотографий
Независимо от того, используете ли вы Photoshop, Lightroom, программное обеспечение для редактирования фотографий или инструмент, встроенный в вашу ОС, функция изменения размера фотографий обычно предоставляет вам один и тот же набор параметров изменения размера.
Отрегулируйте высоту или ширину, чтобы размер изображения изменялся в масштабе:
Отпустите соотношение высоты к ширине и измените размеры по своему усмотрению:
Вместо того, чтобы изменять размер на основе пикселей, вы можете изменить размер в процентах от исходного размера:
Или, если возможно, вы можете использовать предустановленные размеры, которые изменяют размер ваших изображений до популярных размеров, используемых в Интернете:
Теперь давайте быстро посмотрим, что происходит, когда вы изменяете размер этой фотографии 5472 x 3648 (с весом 5,7 МБ):
Для ширины 3000 пикселей и высоты 2000 пикселей:
Хотя фотография уменьшилась менее чем вдвое, она потеряла более половины своего веса и теперь составляет 1,8 МБ.
Можете ли вы сказать, какое из двух изображений было создано с помощью программного обеспечения для редактирования изображений на рабочем столе? (Подсказка: при каждом параллельном сравнении с этого момента оригинал отображается слева.)
Созданный той же командой, что и ResizeImage (см. Ниже), Toolur
предлагает инструмент сжатия CompressImage.
Этот онлайн-инструмент обладает немного большей мощностью, чем традиционный инструмент сжатия и изменения размера. Одновременно он принимает до 25 изображений, и каждый из этих файлов может весить до 30 МБ. Он также принимает как PNG, так и JPG.
Что касается его использования, это может немного запутать, поскольку доступны разные типы сжатия, хотя нет никаких объяснений относительно различий. Тем не менее, давайте упростим здесь ситуацию:
- Используйте параметры сжатия от A до E (т. Е. Сжатие с потерями) для ваших файлов JPG. Используйте параметры сжатия F и G (т. Е. Сжатие без потерь) для ваших PNG.
- Установите процент качества изображения на 90% (иначе вы не увидите никакого уменьшения размера файла).
- Выберите прогрессивное сжатие при изменении размера файлов JPG.
- Не вводите никаких значений в строку «Изменить размер». Просто оставьте все как есть, чтобы инструмент мог сосредоточиться на сжатии.
- Затем нажмите « Сжать изображения».
Когда он будет запущен, вы можете загрузить полученный образ.
Несмотря на уменьшение размера файла с 3,8 МБ до 2,1 МБ и снижение качества до 90%, эти фотографии выглядят примерно одинаково.
Использовать его просто.
- Загрузите программное обеспечение по указанной выше ссылке и установите его на свой Mac.
- Откройте приложение ImageOptim.
- Интерфейс аналогичен тому, что вы встретите в большинстве других интерфейсов управления мультимедиа с перетаскиванием. Добавьте изображения, которые хотите сжать, в приложение.
Затем вы увидите процент экономии, которую вы получили, позволив программе удалить ненужные данные из файлов. Больше здесь ничего не менялось, поэтому сравнивать файлы не нужно.
Если вы ищете что-то действительно простое в использовании, которое обрабатывает сжатие как PNG, так и JPG, взгляните на ImageSmaller.
Он обещает уменьшить размеры файлов ваших изображений до 90% одним нажатием кнопки. Вот как это работает:
- Найдите файл изображения на вашем компьютере.
- Щелкните кнопку Загрузить.
- Подождите, пока инструмент сгенерирует ваше сжатое изображение. Он сообщит вам, каков новый размер файла и процент уменьшения.
- Щелкните Загрузить файл,чтобы получить сжатое изображение.
При параллельном сравнении вы едва заметите разницу между исходной и сжатой версиями.
JPEGmini– это не бесплатная онлайн-программа для редактирования фотографий. Однако вы можете попробовать, чтобы увидеть, довольны ли вы результатами (вы можете изменить размер до 200 изображений, прежде чем вам придется покупать приложение).
Если вам нравится то, что делает JPEGmini, тогда вам захочется, чтобы этот инструмент был на вашей стороне. Он не только заботится об изменении размера ваших JPG-файлов до 80%, но и интегрируется с Photoshop и Lightbox и действует как автоматическое изменение размера любых изображений, которые вы загружаете в свое программное обеспечение для редактирования фотографий.
Чтобы создать версию изображения с измененным размером, щелкните значок конфигурации в левом нижнем углу. Выберите папку для экспорта и выберите новый размер. Щелкните Применить.
- Перетащите в приложение столько файлов, сколько хотите.
Затем приложение сообщит вам, насколько уменьшился размер файла и сколько места вы сохранили как для сжатия, так и для изменения размера.
- Если вы выбрали изменение размера, ваш новый файл будет экспортирован в указанную вами папку и сохранит желаемый размер. Теперь вы можете сравнить это с оригиналом:
ResizeImage– это онлайн-инструмент, который позволяет изменять размер, обрезать, переворачивать и даже сжимать изображения. Загвоздка в том, что он позволяет использовать только одно изображение за раз.
Вот как вы его используете:
- Нажмите кнопку « Загрузить изображение». Вы можете использовать это для изменения размера JPG, PNG или GIF.
- Чтобы изменить размер, прокрутите вниз до пункта 4 «Изменить размер изображения».
- Как я объяснял ранее, вы можете изменить размер изображения с сохранением пропорций (сохранить его в масштабе) или вы можете освободить пропорции и создать собственный размер.
- Есть также варианты добавления прозрачного фона, изменения формата выходного файла и сжатия изображения. Когда вы будете удовлетворены настройками изменения размера, нажмите « Изменить размер изображения».
Вот исходный файл против файла с измененным размером:
Хотя у этого есть «PNG» в названии, вы можете изменить размер как PNG, так и JPG с помощью бесплатного онлайн-инструмента оптимизации TinyPNG.
Этот инструмент прост в использовании, но имеет некоторые ограничения. Во-первых, вы можете загружать не более 20 изображений за раз. Кроме того, для каждого изображения существует ограничение в 5 МБ. Пока вы используете один из инструментов изменения размера, упомянутых ранее, чтобы уменьшить ваши файлы до разумного размера, это не должно быть проблемой.
- Перетащите свои изображения в онлайн-приложение.
- После завершения работы инструмента загрузите получившиеся сжатые изображения.
Одна из этих фотографий – 3,2 МБ. Другой – 5,8 МБ. Вы можете сказать, что больше?
9 Kraken Image Optimizer
Некоторые из вас, возможно, уже знакомы с именем Kraken, поскольку у них был когда-то популярный плагин WordPress, который вы могли использовать для оптимизации изображений на сайте. Тем не менее, он не обновлялся какое-то время, поэтому мы предлагаем вместо этого использовать этот онлайн-инструмент.
Бесплатный онлайн-оптимизатор изображений Kraken– это инструмент, который вы можете использовать для сжатия изображений размером менее 1 МБ. Если вы надеетесь на более надежные возможности этого инструмента, вы можете перейти на Kraken PRO, который откроет возможности изменения размера и позволит вам загружать фотографии размером до 32 МБ.
Вот как работает бесплатная версия:
1 Первый вариант предлагает вам выбрать источник вашего изображения. Однако в бесплатном плане единственный доступный вариант – загрузить его со своего компьютера (что, честно говоря, не имеет большого значения, поскольку в любом случае это будет иметь место большую часть времени).
2 Есть три варианта оптимизации изображений: с потерями, без потерь и эксперт. По словам Кракена:
- Они рекомендуют метод сжатия с потерями. В среднем он сжимает изображения до 60%, но говорят, что это может быть до 80 или 90%.
- Без потерь вы также получите максимальную экономию на сжатии, но сохраните ваши метаданные EXIF (что означает, что результаты могут быть не такими маленькими, как с потерями).
- Expert дает вам возможность настроить степень сжатия, а также оставить данные EXIF на месте.
3 Третий вариант (изменение размера изображения) недоступен в бесплатном инструменте.
4 После того, как вы настроили свои настройки, либо нажмите, чтобы загрузить, либо перетащите изображение в Dropbox.
Как видите, при первой попытке загрузить свою фотографию в инструмент мне не удалось, потому что она чуть превышала лимит в 1 МБ. Мне пришлось вернуться и изменить размер моего уже измененного изображения, чтобы оно приняло его в следующем раунде:
Как только инструмент сжатия сделает свое дело, вы получите быстрый отчет, в котором сообщается, насколько уменьшился размер вашего изображения (или изображений, поскольку вы можете загрузить более одного).
Чтобы у вас была основа для сравнения, вот разница между сжатием с потерями (вверху) и без потерь (внизу) на одном и том же изображении:
5 После сжатия файла вы можете загрузить его на свой рабочий стол.
Как видите, с точки зрения внешнего вида между исходной версией файла, версией с потерями и без потерь очень мало различий. Они правы, предлагая пользователям использовать сжатие с потерями, если результаты настолько незначительны, а экономия на размере файла выше.
Прежде чем вы начнете тестировать любой из этих бесплатных инструментов оптимизации изображений самостоятельно, я бы посоветовал вам потратить некоторое время, чтобы действительно подумать о том, что вам нужно:
- Ваши изображения в основном JPG, которые выиграют от сжатия с потерями? Или это в основном PNG-файлы, которые должны использовать сжатие без потерь?
- Сколько изображений вы хотите изменить размер и / или сжать одновременно?
- Ваши изображения превышают 5 МБ и требуют большей вычислительной мощности, чем доступные более простые инструменты сжатия или изменения размера?
- Вы хотите контролировать степень сжатия и потери качества при использовании этих инструментов? Или вы бы предпочли полагаться на настройки по умолчанию для автоматического выключения?
- Вам нужна помощь в удалении метаданных EXIF или вы хотите, чтобы они оставались на месте?
- У вас есть время на оптимизацию изображений самостоятельно или вы бы предпочли автоматизировать все это?
В конечном итоге вы хотите использовать инструмент, который сделает все как можно быстрее и безупречно. Также не забывайте думать о том, что что-то вроде плагина WordPress сделает с вашим серверным пространством.