От автора
Магическое слово «оптимизация». Владельцы и админы сайтов, как завороженные, в борьбе за продвижение ресурса, оптимизируют на нём всё что можно: тексты, ссылки, аватарки, теги, css, html, java, картинки. В этой статье поговорим про оптимизацию изображений и посмотрим сервисы оптимизации изображений для сайта.
Оптимизация изображений
Теория оптимизации изображений для сайта не так проста, как может показаться из общедоступной информации. Мнение, что оптимизация картинок для сайта это только их сжатие, ошибочно.
Оптимизация изображения включает:
- Уникальность фото;
- Уменьшение его размера (сжатие);
- Удаление метаданных (ненужных);
- Правильное масштабирование фото на сайте;
- Использование оптимальных форматов картинок;
- Разумная цветность.
Кратко пробегусь по этим пунктам, без энтузиазма, для ознакомления.
Уникальность фото
Борьба за уникальность картинок используемых на сайте еще не достигла апогея, но начинает активно распространяться среди веб-мастеров. «Возглавляет» эту работу, сервис Tineye.com. Сервис очень простой и сделать картинку уникальной, по этому сервису, тоже не сложно.
Сжатие фото
Ключевой элемент оптимизации для фото. Правило сжатия для поисковых систем: чем меньше размер фото, тем лучше. Правило сжатия для владельцев сайта: чем меньше размер фото без потери качества, тем лучше.
Удаление метаданных (ненужных)
Век цифровой фотографии картинка становиться носителем всякого информационного мусора, от информации о камере, до адреса фотографа. Этот EXIF нужно удалять, конечно, если он не нужен.
Правильное масштабирование фото на сайте
Это правило оптимизации фото, звучит так: Исходный размер фото, загруженного на сервер, должен быть практически одинаков с размером отображаемого фото. Например, оригинал фото 1800×1200. Лучше уменьшить его размер до 600×400, затем загрузить на сервер и показать на сайте в уменьшенном варианте.
Использование оптимальных форматов картинок
Лучший вариант векторный формат, качество которого не зависит от масштаба и разрешения. Из растровых форматов традиционные JPEG или PNG, но только сжатые.
Цветность
Если тематика вашего сайта, не требует насыщенности цвета на фото, цвета картинки можно снизить с нескольких сот тысяч до 256.
В данной статье меня интересуют инструменты, прежде всего, выполняющие сжатие фото, без потери качества.
15 Сервисов оптимизации изображений для сайта
Google PageSpeed Insights
Всем известный сервис Google PageSpeed Insights от Google для сравнительной проверки скорости вашего сайта. С недавнего времени, помогает не только выявить проблемы медленной загрузки сайта, но и моментально сжать «тяжелые» фото.
После анализа сайта, внизу есть кнопка «Скачать оптимизированные изображения,….»
GTmetrix
Аналогичный всем известный Канадский сервис для анализа скорости загрузки сайта GTmetrix. Помимо всего прочего, дает свой оптимальный вариант сжатого фото, найденного на сайте. На вкладке «Optimize Images» ищем ссылки «See optimized version» под каждым фото.
Недостатки этих двух вариантов оптимизации, в ухудшении качества фото и в правке уже сделанной ошибки. Фото лучше сжимать сразу до загрузки на сайт.
Тематические сервисы
Iloveimg.com
Сайт сервисаРусскоговорящий онлайн сервис для сжатия и другой обработки фото с забором фото с диска компьютера и двух облачных серверов.
- Отличный компрессор помогает быстро сжать JPG, PNG или GIF фото с сохранением качества.
- Можно забрать фото из Google Drive и Dropbox.
- Кроме этого: конвертирует фото в/из JPG, поворачивает, обрезает, меняет размер.
Результат проверки сервиса: Было фото 1185 KB, стало фото 89 KB.
IMGonline
Данный сервис говорит на русском языке и может сжать фото в форматах BMP, GIF, JPEG, PNG, TIFF в формат JEG по заданным настройкам.
Результат проверки сервиса: Было фото 1185 KB, стало фото 117 KB.
На сервере есть стандартный набор инструментов для работы с фото:
- Изменить размер картинки;
- Конвертировать формат;
- Редактор мета данных EXIF;
- Эффекты для фото (20 штук);
- Улучшить качество фото;
- И еще около 30 фото инструментов.
JPG Zipper
Сайт сервисаОтличный инструмент онлайн сжатия фотографий форма JPG. Работает моментально, без загрузчика, только перетаскивание фото.
Результат проверки сервиса: Было фото 1185 KB, стало фото 115 KB.
Tinypng
Сайт сервисаОчень красочный сервис позволяющий сжать зараз до 20 фото размерами до 5 KB каждый, в форматах png или jpg. В этих пределах работает без регистрации. Для профессиональной работы нужно купить pro аккаунт $ 25 в год.
Сохранить фото можно в Dropbox. Ценность данного сервиса НЕ только в сжатии png картинок, хотя это редкость. У сервиса есть расширения для сжатия картинок на WordPress и Magento.
- Плагин WordPress условно бесплатен. Бесплатно можно сжать 100 фото в месяц. Тестирован на wp 4.9.5.
- Расширение для Magento дает бесплатный счет на 500 бесплатных компрессий каждый месяц. Community 1.7, 1.8, 1.8.1, 1.9, 1.9.1, 1.9.2, 1.9.3.
JPEGmini
Данный сервис работает для групповой загрузки фото бесплатно, но по регистрации. Одиночное фото можно сжать без регистрации тут. Настроек у сервиса нет, есть программы для сжатия в осях Mac и Windows.
Результат проверки сервиса: Было фото 1185 KB, стало фото 215 KB.
Online Image Optimizer
Оптимизатор изображений позволяет оптимизировать анимированные JPG, PNG и GIF. Есть функция одновременной конвертации. Заявлен максимальный размер загрузки: 2,86 MB, по факту не берет более 1,5 MB и то не всегда.
Плюсы: Отдает несколько вариантов сжатых фото с разными качествами. Чем больше сжатие, тем меньше качество. Все варианты сжатия доступны для просмотра. Сжимает ГИФКИ.
Конвертора с изменением размера
Webresizer
Сервис с очень простеньким интерфейсом, априори, предназначенный, для сжатия фото с изменением размера. По умолчанию стоит 400 px ширина.
Чтобы сжать своё фото без изменения размера приходится менять настройки. Это не сложно, но неудобно.
Результат проверки сервиса на контрольном фото без изменения размера: Было фото 1185 KB, стало фото 236 KB (80%).
Free Image Optimizer
Используя этот бесплатный онлайн-сервис, вы можете изменять размер, сжимать и оптимизировать ваши файлы изображений. Использование сервиса так же просто, как нажатие кнопки! Попробуйте сейчас!
Это анонс сервера. На самом деле сервер не сжимает фото, а достигает эффект сжатия уменьшением размера. Не рекомендую даже пробовать.
Pichold.ru
http://pichold.ru/
не интересно, уменьшает размер, но не сжимает
Compressor.io
https://compressor.io/
Не работает. Но сжимает 4 формата картинок JPEG – PNG – GIF – SVG.
JPEG-Optimizer
http://jpeg-optimizer.com/
Не работает
Compressjpeg
Данный сервис сжимал фото в форматах JPEG и PNG. На сегодня сайт сервиса compressjpeg.com заблокирован на основании Федерального закона от 27 июля 2006 г. № 149-ФЗ «Об информации, информационных технологиях и защите информации».
Заключение
Можно подвести итог. Заявленные 15 сервисов оптимизации изображений для сайта, работающие в режиме онлайн, вылились всего лишь в 5 отличных рабочих сервисов для сжатия фото, с которыми можно работать быстро и результативно.
Лучшее сжатие на контрольном фото JPG показал сервис Iloveimg.com сжав картинку 1185 KB до 89 KB, сохранив её размер 1800×1200. Мне очень нравиться сжимать скрины пакетом на сайте Titypng.
Еще статьи
- 15 Сервисов оптимизации изображений для сайта
- 17 сервисов подбора ключевых слов
- 12 Инструментов SEO анализа текстов и структуры сайта
- Аудит сайта online инструментами продвижения
- 13 Русскоязычных сервисов проверки внешних ссылок