Приветствую вас, дорогой друг!
Сегодня я вам покажу несколько способов оптимизации изображений, которые мы сравним между собой и определим, какой из них является более эффективным и удобным в использовании.
Наверняка вы уже знаете, что скорость загрузки сайта в значительной степени влияет на его продвижение. Если у вас на сайте используется много не оптимизированных изображений, то они будут замедлять скорость его загрузки. Поэтому я рекомендую все изображения, которые вы загружаете на свой сайт, предварительно оптимизировать.
Навигация по статье:
При подготовке и оптимизации изображения для сайта вам следует обратить внимание на три важных параметра:
- 1.Размер изображения
- 2.Формат, в котором вы сохраняете картинку
- 2.Степень ее сжатия
-
- Если вы планируете использовать изображение, например, в качестве фонового на своём сайте, то следует брать ширину не более 1600 – 1800 пикселе.
А для того, что бы это изображение растягивалось на всю ширину на любых, даже самых больших экранах, лучше использовать специальное css-свойство: - background-size:100% auto;
- В этом случае изображение будет растягиваться по ширине на 100%, а по высоте оно будет увеличиваться пропорционально так, чтобы избежать искажения и деформации.
Если вы подготавливаете картинку для миниатюры или вставки в какую-нибудь статью, то здесь вам нужно обратить внимание на то, какую ширину имеет ваш основной контейнер с текстом этой статьи. То есть если, к примеру, контейнер для вывода миниатюры имеет ширину 900 пикселей, то вставлять сюда изображение имеющее ширину 1500 или 2000 пикселей не имеет смысла.
Ваша задача определить ширину контейнера с текстом на своём сайте и подгонять изображение для миниатюр или для картинок в статьях под эту ширину.
На сегодняшний день на сайтах используются два основных формата изображений, это JPEG (JPG) и PNG.
Основное отличие формата PNG заключается в том, что он поддерживает прозрачный фон. Таким образом, если вы делаете логотип, или какую-то иконку с прозрачным фоном, то вы однозначно сохраняете ее в формате PNG.
Если же вы берете какое-то изображение на котором прозрачного фона нет, то лучше всего сохранять его в формате JPEG, так как это позволит существенно сократить его вес.
Однако, бывают и исключения. Если, например, у вас используется какое-то изображение с небольшим количеством цветов, то в формате PNG оно в редких случаях может весить даже меньше, чем в формате JPEG. Поэтому здесь нужно смотреть и экспериментировать.
Оптимизация изображений при помощи PhotoShop
Первый и самый простой способ подготовки картинки к выгрузке на сайт, это использование программы Adobe PhotoShop или его аналогов.
Прежде всего, изменяем размер изображения:
- 1.В главном меню программы выбираем пункт «Изображения» => «Размер изображения».
- 2.Задаём нужную нам ширину, при этом, обращая внимание на то, что бы у вас стояла галочка «Масштабировать стили» и «Сохранять пропорции». Иначе изображение будет деформироваться. После задания параметров нажимаем «Да».
- 3.Теперь заходим в меню «Файл», и выбираем «Сохранить для Web и устройств».
- 4.В левой части окна у нас отображается окно предпросмотра и сразу же под этим окном отображается вес картинки. На данный момент в таком формате и с такими параметрами это изображение будет у нас весить 142 килобайта.
- 5.В правой части экрана мы можем изменять формат изображения. В основном здесь будут использоваться JPEG и PNG -24. Например, если здесь выбрать формат PNG -24, то вес увеличится до 1.3 мегабайта. Кроме формата в самом верхнем поле вы можете выбирать качество оптимизируемого изображения. Например, для JPEG у нас по умолчанию доступно три варианта. Это хорошее качество, низкое и среднее качество.
- 6.Так же вы можете задавать качество изображения в ручную, используя поле Quality.
- 7.После того, как все параметры выбраны, нажимаем на кнопку «Save» и сохраняем нашу картинку.
Для того, что бы более наглядно видеть насколько отличается оптимизированное изображение от оригинала, мы можем здесь же, в левой части окна перейти на вкладку 2up. При этом окно у нас делится на две части. В верхней отображается оригинал, а в нижней части экрана отображается оптимизированная картинка и показывается его вес.
Если мы перейдем на вкладку 4up, то здесь нам будет предлагаться несколько разных вариантов оптимизации. В самом первом окне отображается оригинальное изображение, во втором окне — с качеством 50, в третьем – с качеством 25, и в последнем – с качеством 12.
Таким образом, здесь вы можете более наглядно видеть разницу между уровнем сжатия картинки, и выбирать подходящий вам вариант.
Оптимизация изображений при помощи специальных программ
Второй способ оптимизации заключается в использовании специальных программ.
Я для этих целей использую программу Riot. Скачать её вы можете по ссылке ниже:
Данная программа очень простая, с минимумом настроек. Однако она не плохо справляется с процессом оптимизации.
- 1.Для открытия изображения мы можем воспользоваться либо кнопкой «Open», либо же просто взять нужное нам изображение и перетащить его в окно программы.
- 2.Сразу же программа предупреждает нас о том, что размер картинки слишком большой и предлагает нам его уменьшить. Выбираем здесь «Yes» и вводим здесь необходимую ширину.
- 3.В левой части экрана мы видим оригинал нашего изображения, а также его вес. В правой части отображается уже оптимизированное изображение и его вес.
- 4.В нижней части окна вы можете выбирать между тремя форматами: jpeg, png и gif.
- 5.При помощи ползунка Quality вы можете изменять в процентах качество изображения. При этом результат вы будете видеть в правой части окна. Я обычно ставлю около 50%.
- 6.Так же на нижней панели инструментов вы можете при помощи кнопок поворачивать картинку, отображать ее по горизонтали или по вертикали, а так же изменять его размер.
- 7.После того, как вы выставили все необходимые параметры, кликаем на кнопку «Save». Программа предлагает нам заменить оригинальный файл. Если вас устраивает такой вариант, то выбираете «Yes» и изображение заменяется на уже оптимизированное, что так же очень удобно.
- 8.Если же данный вариант вас не устраивает, то выбираете «No» и задаете имя, под которым хотите сохранить оптимизированную картинку. Я заменять не буду, так как мне нужно, что бы сохранился оригинал для того, что бы в конце статьи можно было провести сравнительный анализ.
Оптимизация изображений при помощи сервиса Web Resizer
Следующий способ оптимизации изображений – это использование онлайн-сервисов. Я предварительно по тестировала несколько из них, и подобрала три, которые, на мой взгляд, справились с оптимизацией лучше всего.
Первый сервис называется Web Resizer, он бесплатный и регистрироваться здесь не обязательно.
- 1.Для того, что бы загрузить изображение, нажимаем на «Обзор», выбираем изображение и затем кликаем на кнопку «Upload Image». При этом максимальный вес изображения, загружаемого для оптимизации, должен быть не более 10 Mb.
Здесь у нас в левой части экрана отображается оптимизированное изображение, а в правой части — оригинальное.
- 2.Если мы прокрутим немножко ниже, то мы видим, что здесь мы можем сразу же задавать размер, который нам нужен. По умолчанию он составляет 400 пикселей.
Так же, при желании, вы можете повернуть изображение и задать другие параметры. - 3.После того, как все настройки заданы, обязательно нажимаем на кнопку «Apply changes». И вот у нас открывается наше оптимизированное изображение.
- 4.Теперь кликаем по нему правой кнопкой и выбираем «Сохранить изображение как». Сервис сохраняет все оптимизированные изображения с базовым названием «result», вам нужно задать то название, которое вам нужно.
Онлайн сервис TynyPNG
Сервис TynyPNG так же бесплатный, и для того, что бы его попробовать регистрироваться здесь не нужно.
- 1.Сразу же в верхней части экрана нажимаем на кнопку и загружаем нужное изображение. Так же изображение можно сюда перетянуть.
- 2.Каких либо параметров для сжатия здесь не задается. И после сжатия мы видим начальный и конечный вес изображения.
- 3.Для загрузки кликаем по ссылке «Download». Так же, вы можете сохранять изображение в ваш DropBox, и если вы будете оптимизировать не одно, а несколько изображений, то можно будет их скачать архивом, при помощи кнопки «Download All».
Онлайн-сервис OptimiZilla
Как и предыдущий сервис OptimiZilla так же поддерживает пакетное сжатие изображений, когда вы загружаете не одно изображение, а несколько.
- 1.Для загрузки картинки нажимаем на кнопку «Загрузить», выбираем нужное ту, которая нам нужна.
- 2.Сразу же выполняется сжатие. Если мы прокрутим немножко ниже, то увидим здесь такое же окно предпросмотра, где в левой части отображается исходный файл, а в правой части оптимизированный. Можем его уменьшать или увеличивать, и так же изменять его качество.
- 3.После того, как все параметры заданы, нажимаем на кнопку «Сохранить», а после на кнопку «Скачать», или же, если вы загружали несколько изображений для оптимизации, то на «Скачать все».
Подводим итог
Для сравнения я брала изображение, начальный вес которого составлял 255Кб
Для более наглядного сравнения я внесла результаты сжатия разными сервисами в таблицу и отсортировала вес оптимизированных изображений по убыванию
Сразу обращаю ваше внимание на то, что все картинки сохранялись в формате JPEG, с одинаковыми размерами и с качеством в районе 50%. И их сравнении между собой потери качества не заметны вообще.
OptimiZilla | 190Кб | — | + |
Web Resizer | 149Кб | + | — |
PhotoShop | 143 Кб | + | — |
TynyPNG | 123 Кб | — | + |
Riot | 105 Кб | + | — |
Мы видим, что самый большой вес у нас имеет изображение, оптимизированное при помощи онлайн-сервиса OptimiZilla.
А наименьший вес удалось получить при помощи программы Riot.
Как видите, везде есть свои плюсы и свои минусы. Поэтому вы можете самостоятельно опробовать эти программы и сервисы, для того, что бы определиться, с какими из них вам удобнее всего работать.
Видеоинструкция
Так же, если ваш сайт работает на движке, то вы можете установить на него специальный плагин или модуль, который будет производить оптимизацию изображений в автоматическом режиме при загрузке на сайт. В одной из следующих статей я сделаю обзор таких плагинов для CMS WordPress.
Поэтому подписывайтесь на мою рассылку, если вы еще не подписаны. Если данная статья была для вас полезна, не забудьте оставлять комментарии и делиться статьей в социальных сетях. Я желаю вашим проектам успешного продвижения!
До встречи в следующих статьях!
С уважением Юлия Гусарь
Источник: https://impuls-web.ru/optimizaciya-izobrazhenij-dlya-sajta/
Optimizilla.com — один из лучших онлайн сервисов для сжатия изображений
Здравствуйте друзья, достаточно часто любому веб разработчику приходится иметь дело с изображениями, точнее с их размером. Все дело в том что чем больше размер изображения тем дольше происходит загрузка сайта. Для уменьшения картинок есть масса способов, и сегодня пойдет речь об одном из них.
- Представляю Вашему вниманию веб сервис для сжатия изображений Optimizilla.com
- САМ СЕРВИС ВЫГЛЯДИТ ТАКИМ ОБРАЗОМ:
- [vc_single_image image=»587″ img_size=»large» add_caption=»yes» alignment=»center» onclick=»link_image»]
Интерфейс сайта достаточно прост, и будет весьма понятен даже ребёнку. Главная особенность данного сервиса заключается в достаточно мощном алгоритме сжатия изображений, порой удается получить до 90% уменьшения размера изображений.
Способы загрузки на сайт изображений для сжатия :
- Простым переносом файла (или фалов) методом Drag-and-drop, в центральный блок главной страницы с надписью «Перетащите файлы сюда.»;
- Загрузка файлов изображений непосредственно через проводник браузера путем нажатия кнопки «ЗАГРУЗИТЬ».
Процесс сжатия изображений:
Сразу же после того как изображение было загружено на сайт, сервис запускает процесс сжатия. В случае если изображение менее 1мб. этот процесс не займет много времени. По итогу сжатия на каждом эскизе изображения отобразится количество процентов сжатия.
Сжатие которое сервис предлагает по умолчанию достаточно не плохое, но можно добиться и куда лучшего результата, по этому мы «поиграемся» с количеством цветов, для этого наведите курсор мышки на то изображение которое хотите сжать, при наведении появится надпись «НАСТРОЙКИ», сделайте щелочек левой клавишей по данной надписи. В окне пред просмотра оригинала и сжатого изображения появится Вами выбранное изображение, в поле «Количество» ведите то количество цветов при которых изображение не сильно потеряет в качестве. В данном примере я ввел 15 цветов. Далее нажмите «СОХР.» и загрузите сжатое изображение.
Загрузка сжатых изображений:
- Сжатые изображения можно загрузить обратно на компьютер нажав на кнопку «СКАЧАТЬ» под эскизом изображения:
- Или же загрузить все изображения сразу, в данном случае сервис сам запакует обработанные изображения в ZIP архив. Для этого нажмите на кнопку «СКАЧАТЬ ВСЕ»:
- Итоги:
- Данным сервисом пользуюсь более года, на данный момент очень доволен его работой и полученными изображениями.
Источник: https://mediadoma.com/optimizilla-com-odin-iz-luchshih-onlayn-servisov-dlya-szhatiya-izobrazheniy
6 сервисов для быстрой оптимизации изображений перед публикацией
Далеко не всегда при публикации снимка на форуме, в социальной сети или чате от него требуется максимальное качество. В большинстве случаев излишний вес картинок только ухудшает их отображение и замедляет работу сайта.
Поэтому лучше всего произвести предварительную подготовку файлов, что может включать в себя изменение их размера и сжатие. Тем более что для этого не понадобится даже никаких программ.
Вот несколько сайтов, с помощью которых вы сможете подготовить к публикации сразу много фотографий очень быстро и без усилий.
Bulk Resize Photos
Этот сайт позволяет загрузить сразу много изображений и в один клик изменить их размеры. Для удобства пользователей имеется несколько шаблонов, позволяющих сделать картинки одинаковой ширины или длины. Существует также возможность изменения формата файла (JPG, PNG) и уровня компрессии.
Bulk Resize Photos →
BIRME
Аббревиатура BIRME расшифровывается как Batch Image Resizing Made Easy. Это действительно очень простой и чрезвычайно быстрый онлайновый ресайзер картинок. Он позволяет изменять размеры изображений с сохранением пропорций и без, сжимать файлы с заданным уровнем компрессии и добавлять к картинкам простую рамку.
BIRME →
Resize Pic Online
Очень удобный онлайновый сервис, имеющий к тому же русскоязычный интерфейс. Все настройки производятся здесь с помощью нескольких ползунков, меняющих ширину итоговых изображений, их формат и степень сжатия. Обратите внимание, что за один раз разрешается загрузить до 10 файлов. Скачать результат можно в виде одного ZIP-архива со всеми обработанными картинками.
Resize Pic Online →
PicGhost
Источник: https://Lifehacker.ru/image-optimization/
15 онлайн сервисов оптимизации изображений
Наверняка каждый сталкивался с тем, чтобы сжать изображение или оптимизировать изображение онлайн.
Конечно можно самому воспользоваться Фотошопом, но не все умеют с ним работать, а вот таким можно воспользоваться программами или плагинами для сжатия изображения, но бывает так, что по разным причинам этого либо мало, либо неудобно, либо несподручно, а есть вариант использования онлайн сервисами для оптимизации изображения для сайта.
Этот вариант достаточно удобен всем и каждому, потому, что не нужно иметь опыт работы с программами и тратить на это время, а просто открыть онлайн сервис сжатия изображений, загрузить картинку и скачать уже готовую в сжатом виде.
Что значит сжать изображение?
Сжать изображение — это уменьшение качества изображения, а иногда и размера сторон изображения. Причем качество может быть уменьшено без визуальной потери качества, а может быть сжато настолько, что это ухудшение видно на глаз, в следствие чего картинка визуально становится размытая.
Сжатию поддаются все форматы изображений в электронном виде, но результаты сжатия картинки могут быть различны и качество сжатия зависит от качества первоначального изображения, которое вы собираетесь обработать.
Нужно иметь в виду, что при конвертировании из одного формата в другой качество изображения падает, хоть и не сильно, но это нужно учитывать.
Вот как раз в этом обзоре мы рассмотрим 15 онлайн сервисов сжатия изображений для сайта в различных форматах и с различными методами сжатия изображения. Тем, кто это делает постоянно уже является просто необходимостью, поэтому просто выбираем для себя некоторые из них и кладем себе в копилку, чтобы потом не искать.
С их помощью можно легко делать обработку фотографий онлайн без установки каких-либо программ, согласитесь удобно иметь всегда под рукой бесплатную обработку фотографий.
Когда будете просматривать или пробовать эти сервисы, обращайте внимание на возможности каждого из них, потому как они имеют разные возможности и удобства, порой не похожие между собой.
Обзор онлайн сервисов оптимизации изображений
1. OptiPic
Начнем обзор с удобного сервиса, где можно оптимизировать изображение для сайта онлайн, который сразу на главной странице предлагает проверить сжатие изображений на сайте. Этот сервис делает максимальное сжатие изображений на сайте с практически с любой CMS, в том числе может выполнять оптимизацию изображений в вордпресс.
Конечно, предоставляется инструкция для подключения любой из предложенных CMS. Качество сжатия отличное, но нужно иметь в виду, что сервис платный, но у вас есть возможность получить скидку и дополнительные мегабайты путем программы скидок, выполнив некоторые условия публикации отзыва, ссылки, описания работы.
Вообщем рекомендую к использованию, к тому же если воспользуетесь ссылкой, то получите скидку 10%.
2. IMAGIFY — поддержка форматов JPG, PNG и GIF
А этот сервис сжатия изображений онлайн примечателен тем, что он может сжимать изображения и вручную и оптимизировать изображения wordpress с помощью плагина. Сервис предлагает 3 уровня сжатия и причем достаточно качественное, при регистрации всего дадут 25мб для бесплатного использования, а потом уже за деньги.
Причем в бесплатном режиме можно сжать фото без потерь только до 2мб. Есть возможность использовать этот сервис на нескольких сайтах, только для каждого нужно создать свой API ключ. В целом достаточно интересный и удобный сервис как для ручного сжатия так и для оптимизации изображения в WordPress с помощью плагина.
3. Tiny JPG и Tiny PNG
Данный сервис может работать вручную и как плагин, сжать фото онлайн бесплатно на лету. Из ссылок видно, что сервис может сжимать в двух форматах: JPG и PNG, но делает он в ручном режиме без визуального редактора, т.е. просто загрузил и тут же можно скачивать уже сжатую картинку. Можно загружать сразу до 20 штук и оптимизировать размер изображения не более 5мб.
Для каждого формата изображений предоставляется отдельная ссылка. Такой вот утонченный подход, но видно, что сервис нацелен для новичков, чтобы было все сразу просто и понятно, но он мне приглянулся стилем панды, ничего лишнего и сверху всё что нужно для сжатия, а если вам нужно почитать о нем, то это находится уже ниже.
Он на английском, но это вам не помешает при его использовании.
4. Compressor.io — поддержка форматов JPEG, PNG, GIF, SVG
А этот сервис сжатия онлайн работает только в ручном режиме и предлагает 2 режима сжатия: оптимизация изображений без потери качества (только.jpg и .png), ну и конечно с небольшими потерями.
Конечно этот сервис гораздо проще чем предыдущий и поэтому им легко пользоваться, так что освоите вы его за пару минут.
Основным его плюсом является его полная бесплатность, ну а на счет качества нужно вам решить самим, т.е. попробовать.
5. Optimizilla — поддержка формата JPEG и PNG
А этот сервис тоже бесплатный, но он имеет немного другой интерфейс, а что именно понравилось, так это то, что можно загрузить до 20 изображений и редактировать их в визуальном редакторе, переходя от одного изображения к другому.
Удобство в том, что вы можете сжимать фото в онлайн, глядя сразу на результаты, поэтому некоторым визуальный анализ оптимизации изображений покажется удобной опцией, причем можно при просмотре увеличивать картинки при просмотре рузультатов.
Правда поддерживает всего 2 формата, но увы так бывает, что и этого хватает кому-то с головой.
6. EZGIF.COM — поддержка форматов GIF, JPG, PNG, APNG, WebP
А этот сервис можно выделить супер многофункциональностью, потому как он делает много операции с картинками. Он может обрезать и сжать фото онлайн, повернуть, поменять размер, добавить текст, работать с видео и анимацией.
Такой мульти-сервис может работать с форматами GIF, JPG, PNG, APNG, WebP и согласитесь, достаточно интересный и мощный, я бы даже его назвал онлайн веб-редактором изображений, который не похож на любые остальные, тем и примечателен.
Он хоть и на английском языке, но интерфейс у него достаточно прост и понятен, поэтому у вас не возникнет трудностей с ним.
7. Compressjpeg com — поддержка форматов .jpg и .jpeg
А этот сервис может сжать фото онлайн форматов jpg и jpeg, но он один в один похож на сервис optimizilla.
com, я так думаю, что они собраны на одном движке, потому как функционал одинаковый, ну за исключением внешнего оформления и некоторых тонкостей.
Даже добавить нечего, можете прочитать про optimizill-у и будет всё ясно. Короче, кто-то у кого-то слямзил и или воспользовались одним и тем же плагином.
8. JPEGmini — поддержка форматов .jpg и .jpeg
Интересный сервис с поштучной загрузкой изображений на английском привлек моё внимание своим визуальным просмотрщиком результата. Он может сжать фото для сайта онлайн и вы можете сразу же глянуть разницу между оригиналом и готовым результатом. После сжатия сервис сразу выдаст результаты показав размер файла до и после.
А в остальном такой же простачёк, но нужно заметить, что он предлагает еще и для платформы на Mac и Юникс. Но еще он может подключить сервер для облака Amazon Web Services (AWS) для сжатия изображений, который позволит сжимать изображения на ихнем сервере и использовать их с высокой загрузкой. Понятное дело за это удовольствие нужно платить.
Работает сервис форматами .jpg и .jpeg.
9. Online Image Optimizer — поддержка форматов gif, jpg или png
Следующий сервис имеет не очень привлекательный интерфейс, я бы даже назвал его устаревшим, но зато это нивелируется за счет его расширенного функционала.
Помимо того, что он делает сжатие фото онлайн, он может быстро сделать иконку сайта, анимированный GIF, есть создатель кнопок, шифрует адрес электронной почты(направленный против сборщиков адресов), может создать файл пароль для htaccess и даже есть простенькие игрушки и это еще не всё… Скорее я устану перечислять, что там есть, но возможности этого сервиса явно широки и выходят за рамки этой статьи. Вообщем, кому интересно, то заходим и изучаем этот немаленький сервис. В итоге это полностью бесплатный и ручной сервис, который может удивить и быть полезным не только в оптимизации картинок.
10. JPEG Optimizer
Этот же сервис выглядит простовато и умеет он всего лишь сжать фото онлайн jpg формата, менять размер, просматривать Exif данные картинки.
Работает просто: загружаете фото, он его обрабатывает и тут же показывает результат оптимизации, а если вы еще поставили галочку обрезать его по определенному размеру, то он вам это тоже сделает. Причем покажет результат и всё, нет сравнения с оригиналом.
К тому же оптимизирует он зачастую с потерями, что я сразу увидел при выводе результата. Оказался слабоватым сервисом и мне кажется недоработанном без выбора различных вариантов.
Может сжимает он хорошо, но регулировать сжатие нужно будет самому, указав перед процедурой степень сжатия изображения вручную от 0 до 99, причем каждый раз смотреть на результат. Если есть такой богатый выбор среди других сервисов, то зачем нужен этот древний вариант.
11. Web Resizer
По названию и функционалу этого сервиса можно сказать, что он может только изменять размер и сжать фото онлайн — качество на высоте.
По факту, выбрал картинку, он сжал и тут же он выдал тебе картинку до и после, но после чего можно еще изменить финальный размер хоть несколько раз, кроме того можно изменить и контраст и цветовую палитру, цветную рамку, сделать картинку черно-белой ну и развернуть кратно 90 градусам.
А степень оптимизации вы тут сможете поменять в градации от 10 до 100, а так как мини веб редактор самое оно, наверно этот сервис будет удобен тем, кто перед публикацией фото захочет немного подредактировать ее, но разьве что чуток. Многим этот сервис может оказаться полезным, если под рукой нет даже Paint-а.
Но здесь есть режим массовой обработки, где можно загрузить несколько картинок, указать параметры и готово. Мне вот только не понравилась скорость этого сервиса, уж очень медленная обработка, но зато он бесплатный и можно загружать одну картинку до 10Мб, а в остальном же по заявленному в пределах нормы.
12. Image Optimizer
Об этом сервисе нужно сказать, что есть возможность скачать и установить программу оптимизации изображений для сайта на свой комп и поддерживает пакетную оптимизацию изображений, просто нажав правой клавишей мыши на папку и выбрать ОПТИМИЗИРОВАТЬ по заранее заданным параметрам. Это так же многим будет удобно, иногда не взирая не небольшие потери качества. А сам сервис выглядит как обычный и простой оптимизатор и ничего лишнего. Еще может обрезать фото по заданным размерам. Сервис настолько прост, что даже не покажет вам результирующую картинку, просто загрузили и скачали с указанием размера до и после сжатия. Надо заметить, что если вы уже сжали картинку, то она выйдет без изменений и еще очень важно, что сервис старается не перебарщивать, т.е. не делает обработку с потерей качества, так сказать в щадящем режиме.
13. IMGonline
Этот украинский бесплатный сервис на русском языке может оказать так же полезным для новичков и для тех, кто в пути так сказать. Количество возможностей выходит за рамки просто оптимизации, причем описание достаточно подробное.
Загрузил фото, нажал ОК и готово, вот только просмотр есть при нажатии отдельной кнопки, этакий скрытый режим.
Помимо этого можно изменить размер, конвертировать в другие форматы, изменить EXIF данные картинки, применить невероятное количество эффектов, ещё можно вручную откорректировать фотки и к тому же есть инструменты для обработки и преобразования изображений.
Вот такой получился богатый мультитул, это почти ручной фотошоп, а не какой-то там Paint, по сути можно грузить фото для обработки фотографий.
Меня даже слегка порадовала ширина выбора для обработки изображений, дааа, тут хохлы конечно постарались и с первого взгляда простой интерфейс восполняется шикарным набором для редакции. Я даже не смогу перечислить всех его тонкостей, но кому будет интересно, тот может найти для себя вкусности и использовать их напостоянку. Сервис поддерживает формат JPEG, но в разделе конвертирования есть целая куча других форматов, в которые можно конвертнуть без проблем. Вообщем, стоящий ресурс, так что оцените сами.
14. Kraken
Англоязычный условно-бесплатный сервис Кракен может выполнять оптимизацию изображений для сайта wordpress с помощью плагина и через вэбинтерфейс. В нем нет предпросмотра картинки, также нет финального, просто показываются размеры картинки до и после.
Он нас похоже не удивит изяществом, но зато удивляет скоростью обработки, по крайней мере через вэб-интерфейс это происходит достаточно быстро в полуавтоматическом режиме. Выбрал файлы для загрузки (даже десятками) и как только нажали ОК, то они сразу начнут «жариться», спустя пару секунд список готов.
Но наверно чем больше список, тем больше приходится ждать, но всё равно быстро. Вот чего нет у других, так это загрузки с Гугл Драйва и Дропбокса, тут можно сказать что они выпендрились. Здесь можно легко сжать фото онлайн без потери качества бесплатно.
Интерфейс не напряжный и вполне понятный, но и не простой, пару минут всё таки придется потратить на его освоение. Единственное, что удручает, так это скудность настроек, но они расширятся немного, если вы перейдете в платный PRO вариант.
15. PunyPNG
Punypng условно-бесплатный англоязычный вариант может выполнять оптимизацию изображения онлайн в форматах JPG, GIF и PNG. Но уж очень этот сервис денег хочет, а это сразу видно, сходу возникают трудности с загрузкой изображения, то формат не тот, то размер большой.
Может на это и раcсчитано, но как-то это отталкивает. Сходу сразу скажу, что стиль у этого сервиса привлекательный, но функционал простейший и рассчитан на обывателя, но в бесплатном варианте попробовать и оценить получается с трудом, не то чтобы по малу поработать на халяву.
Хоть и просят не так много в платной версии, но удивить им просто нечем, т.к. больших возможностей и пестротой выбора он не превосходит предыдущие экземпляры. Я считаю этот вариант темной лошадкой.
Ну если только в платном варианте может устроить работа с API, ну так этим не удивить и некоторые раcсмотренные сервисы выше тоже имеют эту опцию.
Итог о сервисах сжатия изображения
- Среди такого богатого выбора быстро определиться никак не получиться, потому, что у каждого есть свои предпочтения, которые сугубо индивидуальные и поэтому необходимо ознакомиться с описанием и попробовать самому в заинтересовавшем вас сервисе оптимизаций изображения для сайта онлайн.
- Для экономии времени порекомендую вам сначала определиться с какими форматами нужно вам работать, затем какие действия нужно делать с изображением (оптимизацию, обрезку, разворот и что вам там еще нужно), а уж потом подбираем по данным параметрам нужный сервис онлайн сжатия изображения.
- Удачного использования онлайн сервиса оптимизации изображений!
Источник: https://myborder.ru/poleznye-staty/servisy-optimizatsii/
7 бесплатных инструментов сжатия и оптимизации изображений
Если вы когда-нибудь пытались загрузить очень большое изображение где-нибудь в интернете, то вы можете быть знакомы с болью и разочарованием неудачных загрузок из-за ограничений размера изображения. Или, если у вас есть собственный веб-сайт, возможно, вы уже знаете, как загрузка больших изображений может создавать болезненно медленную загрузку веб-страниц.
Интернет стал чрезвычайно визуальным местом, и хотя большие размеры файлов изображений обеспечивают наилучшее качество, они, к сожалению, создают множество проблем с ограничениями хранения и временем загрузки. Вот почему сведение к минимуму размеров файлов ваших больших изображений перед их загрузкой может иметь такое большое значение.
Это может показаться простым уменьшением размеров больших изображений, чтобы существенно уменьшить размер их файлов, но что вам действительно нужно, так это инструмент оптимизации изображений, который выходит за рамки изменения размера.
Следующий список инструментов эффективно сжимает размеры файлов изображений, сохраняя при этом их визуальное качество.
TinyPNG
Что нам понравилось:
- Легко использовать
- Бесплатно
- Сжатые файлы PNG сохраняют прозрачность
Что нас разочаровало:
- Максимальный размер файла 5 МБ
- Поддерживает только изображения PNG и JPEG
TinyPNG – один из самых быстрых и простых инструментов для оптимизации изображений. Несмотря на название, этот инструмент работает как с файлами изображений PNG, так и с файлами JPEG, используя методы сжатия с потерями для минимизации размеров файлов.
Инструмент работает, выборочно уменьшая количество цветов в ваших изображениях, что помогает уменьшить размер и кажется незаметным по сравнению с исходными изображениями. Всё, что вам нужно сделать, это поместить файлы изображений в загрузчик в верхней части экрана (не требуется создание учетной записи) и подождать.
Загружайте каждое изображение по отдельности или оптом (по 20 одновременно с максимальным размером файла 5 МБ каждое). Вы можете обнаружить, что некоторые изображения будут уменьшены на 85 процентов и больше!
Compressor.io
Что нам понравилось:
- Сжимает изображения без потери качества
- Поддерживает больше форматов файлов
- Быстрая обработка
Что нас разочаровало:
- Ограниченные возможности
- Не всегда хорошо сжимает
Compressor.io – это фантастический инструмент, который имеет некоторое преимущество перед TinyPNG, поскольку его можно использовать для оптимизации файлов GIF и SVG в дополнение к файлам PNG и JPEG.
Он использует методы сжатия как с потерями, так и без потерь для оптимизации изображений с высокой степенью сжатия, помогая пользователям уменьшить размеры файлов изображений на целых 90 процентов. Единственным недостатком этого инструмента является то, что опция массовой загрузки изображений недоступна.
Compressor.io предоставляет пример сжатого изображения с ползунком, который перемещает между исходным и конечным результатом. Скорее всего, вы не заметите разницу.
Просто нажмите TRY IT ! ниже примера изображения, чтобы начать собственную загрузку.
Optimizilla
Что нам понравилось:
- Бесплатное использование
- Предварительный просмотр результатов
- Обеспечивает более высокое сжатие
Что нас разочаровало:
- Ограничено форматами PNG и JPEG
- Более низкое качество, чем в других вариантах
Optimizilla работает быстро и без проблем, используя комбинацию методов оптимизации и сжатия с потерями для уменьшения размера файла изображения.
Инструмент работает только с файлами PNG и JPEG, но вы можете загружать до 20 файлов за раз. Поскольку ваши изображения поставлены в очередь на сжатие, вы можете нажать на их миниатюры, чтобы настроить параметры качества.
Когда сжатие изображения закончится, вы увидите параллельное сравнение оригинала и оптимизированного изображения. Вы можете увеличивать или уменьшать масштаб, чтобы ближе рассмотреть оба и отрегулировать настройку качества, используя шкалу с правой стороны.
Разница в размере показана в верхней части окна предварительного просмотра с кнопкой чуть выше, чтобы загрузить все изображения, которые были загружены и сжаты.
Kraken.io
Что нам понравилось:
- Предлагает плагин WordPress
- Плагин бесплатный
- Поддерживает множество форматов файлов
Что нас разочаровало:
- Облачный сервис не бесплатный
- Требуется регистрация
- Бесплатная версия имеет мало функций
Kraken.io – это бесплатный инструмент, который стоит попробовать, если вы серьезно относитесь к оптимизации изображений и готовы внести небольшую плату за продвинутую оптимизацию и высококачественные результаты.
Источник: https://webznam.ru/blog/optimizacii_szhatija_fotografij/2019-09-11-1217