От большого к маленькому: 5 бесплатных инструментов сжатия изображений, рассмотренных
- 1. Оптимизилла
- 2. TinyPNG
- 3. Compressor.io
- 4. Кракен
- 5. Дар Скорости
- Как насчет результатов?
- Как это на самом деле влияет на вещи?
В последнее время я все больше и больше фокусируюсь на оптимизации времени загрузки страницы. Повышение скорости страницы - это то, что обычно довольно легко понимается клиентами, и это положительно влияет на пользовательский опыт и конверсию, а также на SEO.
Часто проблема может заключаться в том, что некоторые элементы повышения скорости страницы могут потребовать значительного вклада из ресурсов разработки (например, расстановка приоритетов в видимом контенте, устранение блокирования рендеринга JavaScript или CSS).
Но есть один элемент оптимизации скорости страницы, который могут внести свой вклад даже нетехнические маркетологи и создатели контента: оптимизация изображения. Как Кристина Шахингер указывает на нее отличная статья по оптимизации изображений Изменение размера и сжатие изображений часто может быть самым простым и эффективным действием для ускорения страниц на вашем сайте.
Шахингер отлично справляется со схемой сжатия изображений и изменяет размеры лучших практик, но как только вы узнаете, какие изображения требуют работы (или если у вас просто есть несколько новых изображений для добавления на ваш сайт), какой инструмент лучше всего подходит для фактического сжатия изображений?
Поскольку сжатие изображений может быть таким легким выигрышем, я хотел протестировать возможности пяти различных бесплатных, автономных инструментов сжатия изображений, которые писатели, дизайнеры или маркетологи могут использовать, чтобы убедиться, что они контролируют размер своего файла изображения.
Для этого поста я запустил три изображения с моего сайта через каждый из этих инструментов:
- Логотип
- Большое изображение слайдера, которое не было сжато
- Созданная нами инфографика, которая не была сжата
Два изображения были в формате PNG, а одно - в формате JPG, и каждое из них было сгенерировано без какой-либо фокусировки на оптимизации по размеру или для сжатия в конечном итоге (как это часто бывает в «дикой природе»).
Существует множество различных бесплатных инструментов для оптимизации изображений. Хотя я уверен, что не знаю всех из них, я проверил от 15 до 20 различных инструментов и нашел, что эти пять лучше всего подходят для большинства целей. Я думаю, что, вероятно, большинство людей, читающих этот пост, найдут, что один из этих пяти хорошо подходит для их нужд сжатия изображений.
Давайте рассмотрим различные инструменты, которые я использовал для сжатия изображений.
1. Оптимизилла
Optimizilla имеет очень простой интерфейс:
Самым большим «плюсом» в пользу Optimizilla является то, что этот инструмент позволяет одновременно обрабатывать до 20 изображений для сжатия (пара других в этом списке тоже) и что у него есть отличная функция предварительного просмотра изображений, которая позволяет Вы набираете или понижаете «качество» фотографии.
Эта качественная функция слайдера позволяет вам настроить сжатие изображения в зависимости от того, будет ли полученное изображение выглядеть приемлемым. При низком качестве качество сжимается размер изображения, поэтому, если вы не видите большой разницы при 60-процентном качестве изображения по сравнению с 90-процентным, вам может потребоваться уменьшить громкость до 60-процентного значения, чтобы максимально уменьшить размер изображения. ,
2. TinyPNG
Как Оптимизилла, TinyPNG имеет приятный, простой интерфейс и позволяет запускать до 20 изображений одновременно. Он также имеет удобную опцию «экспорт в Dropbox»:
3. Compressor.io
Compressor.io также предлагает сжатие. К сожалению, здесь нет функции массовой загрузки, поэтому вам нужно загружать по одному изображению за раз:
4. Кракен
Kraken позволяет загружать несколько файлов. Он также имеет несколько приятных функций, например, позволяет легко экспортировать файлы в Dropbox или импортировать файлы из Box, Dropbox или Google drive. Кроме того, Kraken позволяет выполнять «расширенные» настройки, такие как изменение качества и ориентации и сохранение метаданных для ваших фотографий.
Основным недостатком Kraken является то, что он был единственным инструментом в списке, который не выполнял сжатие для всех файлов в бесплатной версии инструмента. Наша большая инфографика (которая была очень большой в 1,7 МБ) попала в их свободное место. Их профессиональные планы в настоящее время колеблются от 5 до 79 долларов в месяц.
5. Дар Скорости
Дар Скорости предлагает отдельные компрессоры PNG и JPG. Это показывает массовую загрузку для PNG, но не для их JPG компрессор ,
Как насчет результатов?
Как вы можете видеть ниже, все инструменты оказали значительное влияние на размер изображения. Стоит отметить, что в каждом случае я брал версию сжатого изображения по умолчанию из каждого инструмента - я, вероятно, мог бы получить еще большую выгоду, настроив расширенные настройки в таких инструментах, как Kraken и Optimizilla.
Как видно, при исходной производительности по умолчанию у TinyPNG был наименьший размер файла для двух больших изображений, а у Compressor.io наименьший размер логотипа. Если вам интересны качества изображений до и после, я загрузил все файлы в общую папку Dropbox. Вот ,
Если вам нужен инструмент для использования в вашей команде, который очень прост в использовании и по умолчанию выводит намного меньшее изображение, я, вероятно, рекомендую TinyPNG. Лично я часто буду использовать Optimizilla, так как считаю, что это лучшее сочетание простого интерфейса с некоторыми простыми в использовании настройками (где я могу предварительно просмотреть и указать качество, чтобы при необходимости уменьшить размер файла).
Как это на самом деле влияет на вещи?
Вы можете подумать: «Хорошо, отлично, поэтому вы сделали эти графические файлы намного меньше - но какое влияние это действительно оказывает на скорость загрузки моей страницы?»
Чтобы продемонстрировать, насколько впечатляющим может быть влияние, я создал страницу на сайте WordPress и сначала добавил исходные изображения (и ничего больше) в тело страницы и зарегистрировал общее время загрузки страницы, затем удалил их и заменил их с наименьшей версией каждого файла.
Загрузка страницы со всеми исходными изображениями, добавленными на страницу:
5,882 секунды
Загрузка страницы с наиболее оптимизированной версией каждого изображения, добавленного на страницу:
2,369 секунды
Таким образом, время загрузки страницы сократилось более чем вдвое после оптимизации трех изображений.
Очевидно, это особенно заметно, учитывая наличие большого инфографического файла, но ваш логотип (и аналогичные файлы) присутствуют на каждой странице вашего сайта, и есть большая вероятность того, что между сообщениями в блоге, изображениями продуктов и другими областями вашего сайта, у вас есть несколько неоптимизированных изображений. Какую общую нагрузку на страницу (и, в конечном итоге, сколько трафика и доходов) вы теряете, используя эти неоптимизированные изображения?
Мнения, выраженные в этой статье, принадлежат автору гостя и не обязательно относятся к Search Engine Land. Штатные авторы перечислены Вот ,
Об авторе
Похожие
Оптимизация изображений Архивы... какое-либо утверждение или защищаете свой тезис, очень полезно помещать изображения в текст, поскольку они воспринимаются пользователем намного быстрее и проще. Чем сложнее объяснение, тем больше изображений потребуется, чтобы сделать пользователя максимально простым, понятным и понятным. Вы не можете объяснить схему парового двигателя или как сделать котел без фотографий. Какие бы текстовые описания вы ни применили, они будут чрезвычайно малы, и лучшие инженеры справятся с этой задачей. 13 бесплатных инструментов для проверки скорости сайта
... скорости вашего сайта - это хороший способ выявить узкие места и улучшить впечатления посетителей. Вот список бесплатных инструментов для тестирования сайтов. Существуют как простые, так и продвинутые инструменты для проверки скорости страницы, поисковой оптимизации и производительности мобильного браузера. Измерьте ваш сайт или ваш конкурент. Получите действенные рекомендации для улучшения ваших результатов. Все эти инструменты имеют бесплатные планы. Бесплатные инструменты Как собаки видят мир
17 В собачьем парке я бросаю Коулу его мяч и не могу понять, почему он так часто обходит его. Это прямо под его носом! Почему он этого не видит? Я слышу, как другие владельцы кричат своим таким же забывчивым собакам: «Получите это, получите это!» Это прямо здесь. Они расстраиваются со своей собакой, некоторые называют свою собаку глупой. Не имеет смысла, что у собак должны быть такие Что такое SSL-сертификат и как он влияет на SEO?
Сертификат SSL (Security Socket Layer) - это то, что мы привыкли видеть на страницах платежных платформ, электронных коммерческих или других типах страниц, где мы запрашивали много личных данных. И несмотря на то, что привыкли видеть это, это тема, которую все профессионалы цифровой маркетинг должен знать. Как узнать, безопасна ли веб-страница? Да, я уверен, что вы нашли это много 4 хитрости SEO Black Hat, которые на самом деле работают
... на Кортни в Рекомендуемые Ключевые слова Оптимизация SE SE Tactics Как проверить состояние вашего веб-сервера для лучших результатов SEO
... как и паук поисковой системы. Если инструмент проверки сервера сталкивается с какими-либо препятствиями, которые могут помешать паукам проиндексировать ваш сайт, он сообщает вам о них в отчете, который создает утилита. Даже если ваш контент безупречен, плохо функционирующий сервер может помешать вашему сайту полностью раскрыть свой потенциал в рейтинге поисковых систем. Рекомендуется регулярно запускать этот диагностический инструмент. Хотя вы можете использовать любой Как управление отзывами и списками влияет на локальный SEO?
Вы когда-нибудь задумывались, как думают поисковые системы? Как Google решает, где оценивать ваш магазин / местоположение на Картах Google? Это своего рода «искусственный интеллект», который пытается имитировать то, как люди думают! Поисковые системы предназначены для того, чтобы давать наилучшие результаты пользователю в динамичном цифровом мире, где все меняется с молниеносной скоростью. По слухам, существует более 3000 сигналов, которые входят в алгоритм локального ранжирования (например, Pod # 26 - Оптимизация ключевых слов (SEO) Как это работает сегодня?
подкаст: Играть в новом окне | скачать Прощай, Google PageRank
7 марта Google решил окончательно удалить PageRank из панели инструментов браузера. Это событие вызвало настоящий ажиотаж у веб-мастеров по всему миру. Чтобы лучше понять почему, давайте углубимся в фон: Что это такое и насколько важен PageRank? Этот алгоритм, разработанный Google в 1999 году, дал Whitespark Citation Finder Обзор 2019
... наете что-нибудь о местном SEO, то вы будете знать, что цитаты абсолютно необходимы для получения хорошего рейтинга по ключевым словам с локальным намерением… особенно если вы хотите получить высокий рейтинг в локальном пакете: Лучшие SEO панели инструментов - Отзывы
... как Mozbar) Панель инструментов SEOmoz для Firefox была выбрана как часть нашей лучшей статьи об обзорах панели инструментов SEO, потому что она бесплатна и обеспечивает легкий доступ к некоторым из самых мощных инструментов и данных SEO во время работы в Интернете. Особенности включают в себя: Инструменты и ресурсы SEOmoz : легкий доступ к инструментам SEOmoz, таким как Trifecta, сложность ключевых слов, Linkscape и даже Open Site Explorer.
Комментарии
Возможно, вы на самом деле слышали, что негативное SEO - это миф, и на самом деле это невозможно?Возможно, вы на самом деле слышали, что негативное SEO - это миф, и на самом деле это невозможно? Или вы подозреваете, что вы стали жертвой негативного SEO на своем сайте из-за наплыва спам-ссылок? Независимо от того, что вы, возможно, слышали об отрицательном SEO, на этой странице мы будем объяснять эту тему как можно подробнее. Мы объясним, что такое негативная поисковая оптимизация, насколько она распространена и как вы можете оценить, являетесь ли вы ее жертвой или нет. Как это влияет на то, как вы, как маркетолог B2B, должны работать с SEO?
Как это влияет на то, как вы, как маркетолог B2B, должны работать с SEO? Покупатель B2B становится все более цифровым и продвинутым в поиске информации в Интернете. Быть найденным для соответствующих вещей становится все более важным. В этом разделе подиума по продажам и рынку мы проводим интервью с экспертом по SEO Дэвидом Нильссоном, который дает нам советы и рекомендации. В конце стручка Дэвид предлагает первому связаться с ним через его сеть. seod.se/smpodd На самом деле, вы понятия не имеете, что это такое, зачем вам это использовать?
На самом деле, вы понятия не имеете, что это такое, зачем вам это использовать? Я хотел бы заверить вас, что лицо простое, но у вас будут большие проблемы с ним, особенно при съемке фотографий. Однако теперь мы подготовились для вас с небольшой помощью, мы пытаемся избавиться от системы Neptun, и здесь вы можете скачать HÖK Storky Маленькая девочка через Вместо того, чтобы тратить сотни или тысячи долларов, чтобы сделать это, как насчет того, чтобы потратить 5 долларов и сделать это на Fiverr ?
На самом деле, вы понятия не имеете, что это такое, зачем вам это использовать? Я хотел бы заверить вас, что лицо простое, но у вас будут большие проблемы с ним, особенно при съемке фотографий. Однако теперь мы подготовились для вас с небольшой помощью, мы пытаемся избавиться от системы Neptun, и здесь вы можете скачать HÖK Storky Маленькая девочка через Как создать это и как использовать это для своего SEO?
Как создать это и как использовать это для своего SEO? Что такое файл robots.txt? Robots.txt - это текстовый файл, расположенный в корне вашего сайта. Этот файл предназначен для запрещения роботов поисковых систем индексирование определенные области вашего сайта. Файл robots.txt является одним из первых файлов, проанализированных пауками. Для чего это? Что именно там произошло, как это повлияло, на кого повлияло, как проверить и в основном - как исправить?
Что именно там произошло, как это повлияло, на кого повлияло, как проверить и в основном - как исправить? Давайте сделаем заказ. Как все это началось? Любой процесс Создайте сайт WordPress Включает рекомендации по установке плагина Joast. И нет строителя тоже В то время как Google Мобильный тест позволяет издателям проверять свои страницы на наличие проблем, как часто вы на самом деле делаете этот шаг?
Что именно там произошло, как это повлияло, на кого повлияло, как проверить и в основном - как исправить? Давайте сделаем заказ. Как все это началось? Любой процесс Создайте сайт WordPress Включает рекомендации по установке плагина Joast. И нет строителя тоже Как вы на самом деле поощряете пользователей Delicious делать закладки на ваши вещи?
Как вы на самом деле поощряете пользователей Delicious делать закладки на ваши вещи? Также я хочу рассказать о втором использовании Delicious, ведении блога. Я использую Delicious в два раза, чтобы выяснить, что ставится в закладки, и, таким образом, это хорошая тема для блогов и в то же время для сохранения моих собственных закладок, связанных с работой. Большинство людей до сих пор не поняли, что такое социальные закладки. Даже известные практики SEO считают сайты типа Что это на самом деле означает?
Что это на самом деле означает? Стратегия, которая помогает вам проникнуть в «глаза» поисковых систем, особенно «короля» Google, используя ключевые слова, чтобы помочь вам появиться в качестве бренда на первых страницах поиска. Вот пять советов, которые я получил и которые успешно реализовал для DinPixMedia : Что на самом деле означает заставить целую компанию думать как хакер роста?
Что на самом деле означает заставить целую компанию думать как хакер роста? Что люди ошибаются О чем это на самом деле?
О чем это на самом деле? Какие ключевые слова имеют отношение к переписать ваш поисковый запрос? Не обязательно использовать только технические термины! На каких запросах должна появляться страница? Вставьте заголовок страницы Заголовок страницы в значительной степени самая важная вещь для поисковых систем на вашем сайте. Он сообщает вам, о чем страница, и отображается в каждом результате поиска или в социальных сетях. Здесь вы обязательно
Как это на самом деле влияет на вещи?
Как это на самом деле влияет на вещи?
Вы можете подумать: «Хорошо, отлично, поэтому вы сделали эти графические файлы намного меньше - но какое влияние это действительно оказывает на скорость загрузки моей страницы?
Какую общую нагрузку на страницу (и, в конечном итоге, сколько трафика и доходов) вы теряете, используя эти неоптимизированные изображения?
Почему он этого не видит?
Как узнать, безопасна ли веб-страница?
Вы когда-нибудь задумывались, как думают поисковые системы?
Как Google решает, где оценивать ваш магазин / местоположение на Картах Google?
Чтобы лучше понять почему, давайте углубимся в фон: Что это такое и насколько важен PageRank?
Возможно, вы на самом деле слышали, что негативное SEO - это миф, и на самом деле это невозможно?