сжимать фото это что

Как сжать картинку: 10 популярных онлайн-сервисов

Блочный редактор писем, готовые шаблоны email, формы подписки и автоматизация. Запускайте email-рассылки, чтобы быть на связи со своими клиентами.

Где взять базу? Как сделать красивое письмо? Какие показатели смотреть? Расскажем об этом в бесплатном курсе из 16 писем. Татуировка в каждом письме!

Рассказываем про инструменты для email-рассылок. Обсуждаем лучшие примеры и механики. Говорим о деньгах. Публикуем вакансии.

Раньше, чтобы сжать картинку, требовалось иметь под рукой Photoshop или другой редактор. Сегодня устанавливать дополнительные программы не обязательно, оптимизировать изображение можно прямо в окне браузера с помощью специальных сервисов.

Проверим, как справляются со своей задачей самые популярные сервисы для сжатия картинок:

Каждый из 10 сервисов я протестировала на четырёх изображениях:

Optimizilla

Качество. Настраивается вручную.

Одновременно сервис сжимает до 20 картинок, которые загружаются простым перетаскиванием на экран.

Iloveimg

Форматы. Jpeg, png, gif.

Качество. Определяется автоматически.

Iloveimg интересен тем, что позволяет не только сжать картинку, но и отредактировать её. Например, можно изменить размер, обрезать, конвертировать в jpg, наложить водяные знаки.

Добавить можно до 15 изображений (30, если зарегистрируешься). Кроме перетаскивания и загрузки с компьютера, доступна синхронизация с Гугл диском или Dropbox.

Выбрать уровень сжатия в сервисе нельзя.

После обработки картинки скачиваются автоматически одним архивом. Кроме того, сервис позволяет дополнительно сохранить изображения на виртуальный диск, поделиться ссылкой или продолжить работу с другими инструментами.

Websiteplanet

Качество. Три уровня сжатия: низкое, среднее, высокое.

Websiteplanet менее гибкий в настройках, чем Optimizilla: он предлагает на выбор три уровня сжатия. Перетаскиваешь любое необходимое количество картинок на экран — и сразу получаешь результат.

Обработанные файлы легко скачать архивом, сохранить на Гугл диске или в Dropbox.

Compressor.io

Форматы. Jpeg, png, gif, svg, webp.

Цена. Бесплатно — 50 сжатий в день. Pro-версия — 3800 руб. в год.

Качество. Настраивается вручную. В бесплатной версии только два варианта сжатия: с потерями и без потерь.

Compressor.io поддерживает много форматов. Однако на бесплатном тарифе можно выбрать только один из двух вариантов сжатия — с потерями и без потерь.

Максимальный вес файла — 10 Мб, в платном тарифе — до 20 Мб. При этом одновременно сервис позволяет добавлять сколько угодно картинок. Скачать фотографии можно одним архивом.

Если выбрать качество без потерь, то объём картинок удаётся сократить незначительно — всего на 8%.

Imagify.io

Форматы. Jpeg, png, gif.

Цена. От 330 руб./мес (1 Гб изображений). Бесплатно — до 25 Мб в месяц.

Качество. Три уровня сжатия: нормальный, агрессивный и ультра.

Imagify.io позволяет бесплатно сжимать файлы не больше 2 Мб.

Есть возможность выбрать уровень сжатия — нормальный, агрессивный и ультра. После регистрации можно также менять размер изображения.

Сервис позволяет скачать все обработанные изображения одним архивом. Правда для этого придётся зарегистрироваться. При этом результаты обработки не сохраняются и загружать фото придётся заново.

Я оптимизировала фотографии в режиме ультра и не заметила существенных различий с оригиналами. Но если вы хотите быть уверены в сохранении качества на 100%, выбирайте нормальный режим сжатия. Правда так получится сэкономить гораздо меньше (мой результат — 9%).

TinyPNG/TinyJPG

Качество. Определяется автоматически.

Сервис позволяет загрузить одновременно до 20 изображений, просто перетащив их на экран. Единственное ограничение — размер файла не должен превышать 5 Мб.

Настроек уровня сжатия нет. Файлы сохраняются под оригинальным названием. Готовые фото можно скачать отдельно, вместе архивом или сохранить на Dropbox.

Webresizer

Форматы. Jpeg, png, gif.

Качество. Настраивается вручную.

Удобно, что Webresizer позволяет не только сжать изображение, но и отредактировать его: изменить размер, повернуть, обрезать, добавить рамку.

Кроме того, можно гибко настраивать уровень сжатия обработанного изображения, а также его резкость. При этом фотографии располагаются рядом, что удобно для сравнения.

Image Optimizer

Форматы. Jpeg, png, gif, bmp,tiff.

Цена. Бесплатно. Версия для ПК — 2200 руб. (единоразовый платёж).

Качество. 5 уровней качества.

Сервис похож на предыдущий. Также можно загружать фотки только по одной и нельзя перетаскивать их на экран. Правда максимальная ширина фото у Image Optinizer ещё меньше — 1200 пикселей по широкой стороне.

Image Optimizer позволяет выбрать 5 уровней качества и сразу изменить длину и ширину картинки в пикселях. Однако по результатам тестов PNG-картинка увеличилась на 70%, а три других вообще не изменились.

У меня получилось сократить вес фоток, только уменьшив их размер в пикселях. При этом от выбора уровня качества тоже ничего не менялось.

Imagerecycle

Форматы. Jpeg, png, gif.

Цена. От 750 руб. за 1 Гб. Бесплатно — загрузка по одной картинке за раз, нет настроек.

Качество. Определяется автоматически. В платной версии — два уровня сжатия.

Фотографии удобно загружаются в сервис перетаскиванием на экран, правда в бесплатной версии можно оптимизировать за один раз лишь одно изображение до 10 Мб.

Платный тариф позволяет загружать сразу несколько картинок, выбирать один из двух уровней качества, настраивать размер фото. Кроме того, в Pro-версии можно оптимизировать по ссылке всё содержимое страницы целиком.

IMGonline

Форматы. Jpeg, png, gif, bmp,tiff.

Качество. Настраивается вручную.

Сервис, который поддерживает много форматов, а также позволяет менять размер изображения в пикселях и настраивать множество других параметров.

Ограничений по весу файла у IMGonline нет.

Сервис позволяет выбрать уровень сжатия от 1 до 100. Наилучшее соотношение размера и качества, как указано на странице сервиса, — от 75 до 95.

Единственный существенный минус сервиса — придётся загружать фотографии по одной. Также не очень удобно, что сервис полностью меняет имя файла после оптимизации.

Сравнительная таблица сервисов по эффективности сжатия

Вот цифры, которые я получила после оптимизации четырёх изображений в каждом сервисе. Зелёным я отметила наибольший уровень сжатия, а красным — самый низкий.

Таковы сухие цифры. Но какой сервис всё-таки выбрать?

Источник

Если перед вами встала задача, как уменьшить размер файла JPG, то давайте попробуем вместе разобраться в данной ситуации. Очень часто, размер изображения нужно уменьшить, для того, чтобы фотографии или картинки не занимали много места на диске. Многие пользователи, часто отправляют большое количество фотографий по электронной почте, но как правило, на всех почтовых серверах присутствует ограничение по объему информации в одном письме.

Из-за этого, многие люди не могут отправить изображения в электронном сообщении, тем самым впадают в ступор и не знают, как выйти из ситуации. Так же если вы грузите файлы изображений в облачный сервис или передаете по сети, то быстрее это будет происходить, если изображение будет иметь маленький вес. Поэтому, файлы необходимо уменьшать в размерах при этом постараться не испортить качество изображения.

Что такое файл JPG.

JPEG (произносится «джейпег», англ. Joint Photographic Experts Group) – наиболее популярный растровый формат изображения. Файлы, которые содержат изображения имеют расширение JPG

Файлы JPG прекрасно сжимаются как с потерей качества, так и без. Соответственно, все зависит от того, что хочет получить пользователь в конечном результате. Существует огромное количество программ и онлайн сервисов, для сжатия изображений. Поэтому, давайте рассмотрим, как уменьшить размер файла JPG, разными способами и программами. Для того, чтобы определить исходный вес изображения, нужно нажать на нем правой кнопкой мыши и выбрать «Свойства».

Если изменять размер изображения вам приходится не часто, то для таких целей подойдет стандартная программа Paint. Её функционала будет достаточно для наших целей. Так Paint позволяет выполнять следующие функции:

Если вы выполняете редактирование изображения, при этом добавляете новые элементы, то его размер будет меняться.

Для того, чтобы уменьшить размер файла jpg при помощи графического редактора Paint, следуем инструкции ниже.

Как уменьшить размер файла JPG при помощи программ Microsoft Office.

Так как пакет программ MS Office установлен на большинстве компьютеров пользователей. То воспользуемся данным средством для редактирования размера файла JPG.

Для того, чтобы разобраться, как уменьшить размер файла JPG с помощью MS Picture Manager, делаем следующие действия:

Уменьшаем размер JPG файла при помощи онлайн сервисов.

Если вам не подходят выше описанные способы или необходимо сжимать очень большое количество изображений, то можно воспользоваться онлайн сервисами по сжатию картинок. Один из таких сервисов https://tinypng.com

С его помощью, вы сможете уменьшить размер изображения до максимально возможного, при этом программа сама выполнить все действия за вас. Вам необходимо будет только добавить изображение в онлайн сервис.

После добавления картинки или фотографии, программа автоматически проанализирует файл, и если возможно, сожмет его. При этом размер изображения, длина и ширина, остается не измененным. Сервис tinypng.com работает с разными форматами графических изображений, поэтому подойдет многим пользователям.

Можно установить размер изображения вручную или же выбрать из предложенных вариантов.

Для более качественного сжатия, программа имеет различные фильтры. В параметрах сохранения, так же можно выставить значения, которые уменьшат размер выходного файла.

Уменьшаем размер изображения при помощи редактора Snagit.

Не так давно, я писал статью, как сделать скриншот экрана, в данной статье я затрагивал рассмотрение программы Snagit, которая умеет делать не только скриншоты экрана, но и редактировать полученные изображения. Данная программа прекрасно подойдет для наших целей, сейчас я вам покажу и расскажу, как уменьшить размер файла JPG при помощи редактора Snagit.

Предлагаю выполнять все по пунктам.

После изменения размера изображения, файл будет иметь более меньший вес. Для того, чтобы его еще уменьшить, рекомендую использовать онлайн сервисы, описанные выше.

Заключение.

Сегодня мы с вами рассмотрели, как уменьшить размер файла JPG. Теперь, вы без труда сможете изменить размер изображения и его вес. Это поможет вам сохранить место на жестком диске компьютера, флешке или карте памяти телефона. Так же сжатые файлы будут быстрее передаваться по сети. Как видите, в большинстве случаев, можно изменить размер файла без потери качества.

Источник

Влияет ли сжатие на качество изображения?

Довольно часто, когда дело доходит до работы с цифровыми фотографиями и рисунками, нам приходиться их сжимать. Сжатие позволяет уменьшить размер изображений и тем самым существенно упрощает размещение их на веб-сайте и отправку по электронной почте своим близким.

Несмотря на то, что прошло уже более 15 лет с момента появления формата JPEG он и по сей день является лучшим для цифровой фотографии. Под сжатием изображения следует иметь в виду JPEG сжатие, работа которого заключается в уменьшении размера изображения.

К сожалению, данное действие также снижает и качество изображения, хотя результат такого ухудшения далеко не всегда заметен, особенно при просмотре его на мониторе компьютера. Но благодаря Photoshop и его довольно редко используемого режима смешивания (режима наложения) становятся видны все «ужасы» JPEG сжатия.

Для того чтобы увидеть то, что происходит с изображением, мы воспользуемся режимом наложения Difference (Разница). Режим наложения (Blend Mode) Разница (Difference) приобрёл свое название в результате того, что он показывает различие между двух слоёв. Любые области из обоих слоёв, которые в точности совпадают, будут отображаться только черным цветом, и наоборот, области, в которых имеются отличия, будут отображаться в различных цветах.

Режим наложения Difference (Разница) используется очень редко, если только для создания каких-либо необычных эффектов, но он неплохо справляется с функцией по отображению мусора (да-да, именно мусора), который добавляется в результате JPEG сжатия изображения. Это совершенно не означает, что мы должны прекратить сжимать фотографии или изображения. В идеальном мире скорее да, но не в нашей реальности. Данный режим просто позволяет нам понять, что происходит с нашими фотографиями или изображениями, особенно тем из нас, кто до настоящего времени думал, что нет никакой разницы между качеством сжатого изображения и оригинала.

Перед вами скриншот с двумя открытыми документами в редакторе Photoshop, каждый из которых содержит идентичное изображение:

Но идентичны ли изображения на самом деле? Внешность порой бывает обманчива, в особенности, если это касается экрана компьютера. Откровенно говоря, они не одинаковы. Изображение, что справа – оригинал, это не подвергнутое сжатию изображение, оно было загружено непосредственно с цифровой фотокамеры. А вот изображение слева – копия оригинала, сохранённая в Photoshop с 60% качеством, что является довольно типичной ситуацией. Это означает, что к изображению слева было применено сжатие.

Понимаю, что исходя из представленного выше скриншота, сложно судить о качестве изображений и даже, если бы вы просматривали их на моем мониторе в редакторе Photoshop, то вы также с трудом могли бы ответить на вопрос, какое из изображений было подвергнуто сжатию, а какое – нет. Но в случае если бы мы распечатали их, то разница была бы очевидной, на мониторе, имеющим меньшее разрешение, чем распечатанное изображение, разницу определить не так уж и легко. По крайней мере, без использования режима наложения Difference (Разница).

Чуть раннее я говорил, что режим наложения Difference (Разница) показывает отличие между двумя слоями, и что любая область, которая в точности совпадает у данных двух слоев, отображается сплошным черным цветом. Давайте проведём тест. Для этого я возьму фото оригинал (несжатое изображение) и сделаю его дубликат, воспользовавшись клавишами Ctrl+J. В палитре слоёв у меня теперь два слоя – фото оригинал в качестве фона и его копия чуть выше, которой Photoshop дал название Layer 1.

Поскольку слой с названием Layer 1 является дубликатом фонового слоя, то они одинаковы. Теперь воспользуемся режимом наложения Difference (Разница), для того чтобы это проверить. Для этого выберите слой Layer 1 и в верхней части панели слоёв в параметре Blend Mode (Режим наложения) измените режим наложения с Normal (Обычные) на Difference (Разницу).

Обратите внимание на окно документа с включённым режимом Difference (Разница) для слоя Layer 1, мы видим, что это изображение залилось чистым чёрным цветом. В этом случае режим наложения Difference (Разница) говорит нам о том, что слои действительно идентичны:

Пойдём ещё дальше, для того чтобы убедиться, что перед нашими глазами действительно сплошной чёрный цвет. Для этого мы будем применять корректирующий слой Levels (Уровни). Перемещаемся в нижнюю часть панели слоёв и кликаем по иконке (в форме чёрно-белого кружка) New Adjustment Layer (Новый Корректирующий слой):

Теперь из списка корректирующих слоёв выбираем Levels (Уровни):

Появилось диалоговое окно Levels (Уровни). Обратите внимание на гистограмму в центре диалогового окна, на ней представлена информация о тональности, отображенной на изображении. В нашем случае все пиксели изображения отображены чисто чёрным цветом, такое происходит тогда, когда оба слоя идентичны. Следовательно, всё, что показала гистограмма – чёрная вертикальная полоска слева:

Гистограмма показала нам то, что кроме чёрного цвета посторонние цвета здесь не присутствуют. Из этого следует, что фоновый слой и слой Layer 1 на 100% одинаковы. Пока все бесспорно. Мы только что доказали факт, который каждый из нас и так знает – дубликат слоя всегда идентичен его оригиналу. Увлекательно, не так ли? Продолжим.

Чтобы выйти из диалогового окна Levels (Уровни), кликаем на кнопке Cancel (Закрыть), что в верхнем правом углу, а затем из палитры слоёв удаляем слой Layer 1, кликнув и перетащив его на пиктограмму мусорной корзины.

Теперь в палитре только фоновый слой.

А теперь давайте посмотрим, что произойдет, в результате использования того же самого приёма только в сравнении оригинала и его сжатой копии. Как я уже говорил ранее – увидеть разницу между ними на экране монитора не так-то просто. Но что же об этом нам скажет режим наложения Difference (Разница), давайте посмотрим.

Из двух открытых окон с фотографиями, я выбрал документ сжатой копией (фото слева) и при помощи инструмента Move (Перемещение) перетащил её в окно документа с фото оригиналом (справа).

Таким образом, оба изображения имеют одинаковую высоту и ширину, нажимаем клавишу Shift, а затем отпускаем кнопку мышки. Данное действие позволит нам чётко наложить копию изображения на оригинал в окне документа.

В панели слоёв у нас опять два слоя. Изображение оригинал это фоновый слой, а его сжатая версия чуть выше, на слое с названием Layer 1.

Еще раз меняем режим наложения Normal (Обычные) на Difference (Разница).

Итак, если оба изображения визуально одинаковы, то при применении режима наложения Difference (Разница) у нас должен получиться сплошной чёрный цвет.

Хмм. Посмотрите внимательно на изображение выше, видите на нём слабо выраженный шум? Всё зависит от вашего монитора, а точнее от его настроек. Вы можете увидеть только чёрный цвет, но я на своём мониторе вижу нечто иное, и скажу определенно, что это не тот сплошной чёрный цвет, какой получался раннее при сравнении копии слоя и оригинала. Здесь присутствует что-то ещё… И это «что-то» позволяет нам сделать вывод, что и оригинал и сжатое изображение не идентичны. Но чем же они отличаются друг от друга? Действительно ли сжатие в результате даёт какую-либо заметную разницу?

Опять воспользуемся корректирующим слоем Levels (Уровни) и с помощью гистограммы попытаемся ответить на эти вопросы. В нижней части панели слоёв кликаем по иконке New Adjustment Layer (Новый Корректирующий слой) и из списка выбираем Levels (Уровни).

На этот раз в показаниях гистограммы в её левой части что-то изменилось, это доказывает, что зрение меня не обманывало.

Как видите, чёрная вертикальная полоска стала больше, это значить, что чёрный цвет на изображении, содержит примеси других цветов а, следовательно, и обе версии изображений не одинаковы.

Ну, так в чём же собственно разница?

Всё очень просто – в мусоре. Каждый раз, сжимая изображения, мы автоматически добавляем к ним кучу мусора. Мусор или шум, можете называть это, как хотите.

Линия внизу означает то, что мы повредили изображение. Сколько же мусора добавило JPEG сжатие? Пока нам кажется, что немного, но нам и сейчас сложно это разглядеть. Поэтому кликаем по маленькому белому ползунку внизу гистограммы и перемещаем его до чёрного ползунка.

Не вдаваясь в тонкости, касаемо работы диалогового окна Levels (Уровни), поясню: этими действиями мы сделали весь шум, присутствующий на нашем изображении, ярче. Теперь нам легче его рассмотреть. Не забывайте о том что, многообразие цветов, которые вы видите на изображении, свидетельствуют о разнице между оригиналом фотографии и его сжатой версией.

Не очень приятное зрелище, не так ли? Теперь мы можем с легкостью увидеть эти посторонние цвета, свидетельствующие о повреждении, возникшие в результате JPEG сжатия.

Изображение заполнено тем, что обычно называют «артефакты сжатия», об этом, грубо говоря, можно сказать «мы взяли и испортили безупречное по качеству изображение».

То, насколько повреждается цифровое изображение, в результате применения сжатия мы уже видели, теперь возникает вопрос, что мы можем сделать по этому поводу? Не многое, к сожалению. Формат JPEG и по ныне наш лучший выбор для хранения цифровых фотографий, а когда размер файла слишком велик, у нас действительно не остаётся выбора, кроме как его сжать.

Если вы разрабатываете веб-сайт и качество для вас важнее, то вы можете обойтись без использования сжатия. Но для проектов под печать лучше всего использовать оригинальные несжатые изображения.

Источник