Сжатие фото онлайн без потери качества: топ-5 крутых сервисов для сайта и работы + реальный пример на фотографии

Пример сжатия изображения в программе ФотоМАСТЕР

После завершения инсталляции выполните несколько простых действий:

1. В стартовом меню ФотоМАСТЕР загрузите снимок в программу. Для этого кликните на кнопку «Открыть фото».

Если нужно обработать несколько картинок пакетно, перейдите в раздел «Пакетная обработка» и импортируйте нужные файлы. В этом режиме недоступны некоторые инструменты, например, ретушь.

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

1. Настройте размер. Откройте меню «Файл» и нажмите «Изменить размер и сохранить». Вам будут предложены различные профили экспорта: для печати, просмотра на ПК и загрузки в социальные сети.

Если ни один вариант не подходит, то у вас есть возможность вручную ввести значения ширины и высоты. Также можно указать DPI. Для печати оно должно быть минимум «300», для хранения на компьютере можно установить «72» или «100».

Затем вы можете указать тип интерполяции и увеличить резкость.

1. По завершении настройки нажмите «Применить».

Как оцифровать и восстановить старую фотографию: инструкция и советы

Не грузите полный размер

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

Изображение должно иметь такой размер, с каким оно будет выводиться на странице. Если вам в статье нужна фотография размером 200х200 пикселей, то вариант загрузить её на сайт размером 2000х2000 пикселей и просто уменьшить — не самый оптимальный. Лучше сразу грузите её на сервер размером 200х200 пикселей.

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

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

Я захожу на страницу статьи, кликаю по тексту правой кнопкой мыши и выбираю «Исследовать элемент». У пользователей MacOS этот пункт меню называется «Показать программный код страницы». Теперь у нас появляется вот такая вставка с кодом:

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

Теперь мы наводим мышку на нужный нам блок текста и — вуаля! Мы видим его размер. Нам интересна ширина контента, ведь высоту вы можете выбрать уже произвольно.

Теперь вы понимаете, как узнать нужный размер картинки. Не стоит заливать картинки больше требуемого, это будет только перегружать страницу.

Лучшие плагины для оптимизации изображений в WordPress

Теперь мы с нашей фотографией добрались аж до самой консоли сайта. Пусть она пройдёт ещё один фильтр — оптимизацию. В WordPress существует множество плагинов для выполнения этой функции. Сегодня я расскажу вам про лучшие пять:

EWWW Image Optimizer

EWWW Image Optimizer считается одним из лучших плагинов для оптимизации картинок. Он позволяет сделать разовое сжатие всех файлов (например, когда вы только установили плагин на сайт), а также выбирать картинки, которые оптимизироваться не будут

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

WP Smush

WPMU DEV предлагает сразу несколько плагинов для ускорения сайта. И WP Smush — часть этой группы. Он занимается сжатием изображений пачками либо в момент их загрузки на сайт. Есть платная и бесплатная версии, в бесплатной можно обрабатывать не более 50 изображений подряд. Поддерживаемые для оптимизации форматы: JPEG, PNG и GIF.

Optimus

Вот такой робот Optimus уменьшает размер изображений на 70%. Но у него есть ограничение — 100 kB. Он работает как с исходными изображениями, так и с только загружающимися на сайт. 

TinyPNG

Бесплатный онлайн-сервис TinyPNG, о котором мы говорили выше, можно установить и в качестве плагина. Он сжимает файлы только форматов JPEG и PNG.

Short Pixel

Главное отличие плагина Short Pixel — возможность обработки PDF-файлов и совместимость с WooCommerce. В остальном он выполняет все те же функции, что и предыдущие сервисы.

Установите себе какой-то из этих плагинов для оптимизации изображений, и это уже ускорит работу вашего сайта.

Сжимаем фото программным способом

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

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

Выбираем фото и нажимаем на нём правой кнопкой мыши. Выбираем «Открыть с помощью…» и выбираем «Paint».

Фотография откроется в редакторе. Здесь нажимаем «Изменить размер».

Откроется небольшое окно. В нем можно изменить размер в пикселях и процентах. Если вы не хотите, чтобы пострадало качество фото, то стоит поставить отметку «Проценты» и уменьшить размер фото примерно на 50%. Также здесь нужно поставить отметку «Сохранить пропорции».

Теперь нужно сохранить фото. Жмём «Файл», «Сохранить как…» и выбираем формат фото.

Фото сжато.

Ещё одной программой для сжатия фотографии без потери качества является FastStone Image Viewer. Чтобы сжать фото с помощью данного софта выполняем следующие действия:

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

Выставляем отметку возле пункта «Процент», чтобы изображение не потеряло качество. Указываем ширину и высоту. Стоит выбирать равные пропорции, чтобы картинка не сжалась по углам.

После сохраняем фото.

Также с помощью программы FastStone Image Viewer можно сжать фото другим способом.

Далее выставляем размер фото. Снимаем отметки с пунктов «Добавить рамку» и «Сохранить данные EXIF/IRTC». Ставим отметку «Переименовать». Появится раздел «Шаблон». В нем имя можно оставить без изменений. Ставим отметку «Упаковать изображение в архив». Выставив все параметры, жмём «Скопировать в…».

Указываем папку, куда нужно скопировать файл.

Переходим в указанную папку и смотрим сжатое фото.

Чтобы сжать картинку без потери качества можно использовать программу GIMP.

Открываем программу. Выбираем «Файл», «Открыть».

Указываем путь к файлу и жмём «Открыть».

Откроется фото. Переходим во вкладку «Изображение» и выбираем «Размер изображения».

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

Сохраняем отредактированное изображение.

Как сжать картинку онлайн без потери качества?

Часто пользователи задаются вопросом, чем сжать изображение, чтобы оно не потеряло качество. В сети Интернет есть множество сервисов, которые подходя для этой цели. Рассмотрим некоторые из них.

Сайт http://optimizilla.com/ru/. Чтобы сжать фото нажимаем «Загрузить».

Далее загрузится фото. Будет представлено 2 картинки: оригинал и сжатая копия. С помощью ползунка сбоку выставляем качество и жмём «Сохранить».

Сайт http://resizepiconline.com/ также предоставляет своим пользователям возможность изменить размер картинки. Для этого нужно загрузить фото на сайт.

Далее выставляем ширину и качество. Можно поменять формат. Жмём «Изменить размер».

Нажимаем «Скачать» и сохраняем сжатое фото.

Сайт http://www.imageoptimizer.net/Pages/Home.aspx. Выбираем файл. Выставляем размер фото и нажимаем «Optimize Now».

После жмём «Загрузить на компьютер».

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

Light Image Resizer

Это функциональная программа с красивым интерфейсом, применяемая для изменения размеров и веса картинок. Среди ее особенностей есть возможность сжатия без видимых потерь качества. Утилита исправно работает с большими объемами фото и практически всем распространенными форматами. Может использоваться в любых версиях Windows, начиная с XP. В целом это платная программа, но есть пробная версия, она позволяет обработать до 100 изображений.

Принцип использования стандартен: установить софт (лучше с оф. сайта), загрузить фото, выбрать режим работы и задать папку, куда будет помещаться готовый результат. Лучше сосредоточим больше внимания на преимуществах и недостатках утилиты.

Плюсы и минусы

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

много функций в интерфейсе, из-за чего можно запутаться
ограниченная пробная версия

ImageCompressor

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

Для применения программы нужно:

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

1. Возле «Quality» установлен ползунок, который регулирует отношение снижения качества и уменьшения веса.
2. Чтобы получить картинку с исходным размером или наоборот сделать его меньше, нужно выделить пункт «Size in %», для полноразмерного режима нужно задать 100.
3. Для выбора формата нужно отметить пункт «Save as» выделив радио-точку возле нужного формата JPEG или PNG.

1. Возле строки, что чуть ниже выбора формата, нужно указать путь к папке для записи картинок.
2. После того, как настройки будут установлены, нужно кликнуть на «Compress All».

Настройка lazy loading изображений

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

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

Когда стоит настраивать отложенную загрузку? 

• Если у вас на сайте много изображений.
• Когда картинки — основной контент.
• Когда сайт грузится очень медленно.
• Процент посетителей с мобильных устройств больше 50.

Когда не стоит настраивать отложенную загрузку? Если с изображений идёт хороший трафик. В остальных же случаях это пойдёт сайту только на пользу.

Пример сжатия изображения в программе ФотоМАСТЕР

После завершения инсталляции выполните несколько простых действий:

1. В стартовом меню ФотоМАСТЕР загрузите снимок в программу. Для этого кликните на кнопку «Открыть фото».

Если нужно обработать несколько картинок пакетно, перейдите в раздел «Пакетная обработка» и импортируйте нужные файлы. В этом режиме недоступны некоторые инструменты, например, ретушь.

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

1. Настройте размер. Откройте меню «Файл» и нажмите «Изменить размер и сохранить». Вам будут предложены различные профили экспорта: для печати, просмотра на ПК и загрузки в социальные сети.

Если ни один вариант не подходит, то у вас есть возможность вручную ввести значения ширины и высоты. Также можно указать DPI. Для печати оно должно быть минимум «300», для хранения на компьютере можно установить «72» или «100».

Затем вы можете указать тип интерполяции и увеличить резкость.

1. По завершении настройки нажмите «Применить».

Изменение посредством редактора Photoshop

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

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

Что для этого нужно:

1. Открыв картинку для редактирования, необходимо выбрать изображение, а в открывшемся списке задач кликнуть на размер изображения.
2. При этом откроется окно, в котором можно задать нужные параметры рисунка вручную.
3. Подтвердив действие, пользователь одновременно производит сохранение, попасть в эту вкладку можно и с помощью горячих клавиш.

Альтернатива – применение качества во время сохранения:

• при открытии в редакторе надо нажать на файл и кликнуть «Сохранить для Web»,
• в окне будет предоставлено четыре варианта фото, которые можно просмотреть на степень изменения и, конечно, качества, если отмечается нужный вес и изображение качественное, можно остановиться на нём,
• перед тем, как сохранить, выставляют параметры и выбирают путь к файлу.

Обычно, используя эту программу, уменьшают размер на 10-15 % – этого бывает достаточно для сжатия веса.

FILEminimizer Pictures

Платформа: Windows

В FILEminimizer Pictures в отличие от большинства представленных в этой статье инструментов используется более радикальный подход к сжатию изображений. По умолчанию, он может изменять форматы, масштабировать изображения, перекодировать JPEG-данные с учетом необходимости снизить вес файла, а также удалять метаданные, что также сказывается на весе изображений.

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

Насколько хорошим получается результат? Все зависит от формата изображений. При сжатии PNG нам удалось получить до 26,8%. GIF-сжатие дало не больше 16,5%, но что касается формата JPG, то тут мы сжали вес файлов практически до 40%.

Pngyu

Еще один очень необычный инструмент, который прекрасно уменьшает размер фотографий. Основное его отличие состоит в том, что Pngyu – инструмент кроссплатформенный. Им могут пользоваться приверженцы Windows и поклонники Mac OS.

Правда, Pngyu, как уже можно было понять из названия, работает с единственным форматом файлов – PNG. Поэтому, опять же, перед использованием необходимо конвертировать фото в этот формат.

В этом есть смысл!

Pngyu – действительно один из самых крутых инструментов для сжатия фото! Им точно стоит воспользоваться.

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

Чтобы использовать Pngyu, сделайте вот что:

1. Скачайте Pngyu на свой компьютер и запустите его – вот ссылка для Windows, а вот для Mac OS.
2. Перетащите курсором мышки все исходные картинки в самой большое поле посредине окна программы. Там еще изначально написано «Drop here».
3. Если вы хотите поменять какие-то настройки сжатия, нажмите на кнопку «Custom» вверху Pngyu (слева).
4. Если вы хотите, чтобы был перезаписан оригинал, то есть у вас не было двух изображений – одного исходного, а одного сжатого, оставьте выбранной кнопку «Overwrite the original». А если вы хотите указать путь для выходной картинки, выберете «Custom» и сделайте это.
5. Нажмите на кнопку «Compress Start». Начнется сжатие. Дождитесь его окончания.

FileOptimizer

Оптимальная программа для ускорения загрузки web-страниц. Здесь всё выполнено максимально интуитивно понятно. От пользователя требуется лишь немного действий, остальное FileOptimizer сделает сам:

1. Скачать и запустить программу.

1. Произвести клик на «Add files…» и в окне Проводника выбрать необходимые файлы для компрессии.
2. Нажать на «Optimize all files» и ожидать окончания процедуры, следить за процессом можно в столбце «Status».

Программа содержит и некоторые настройки, если в них углубляться желания нет, можно использовать описанную выше инструкцию. Посмотреть опции можно в пункте «Options…».

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

jStrip 3.3

Платформа: Windows

Инструмент для сжатия без потери качества JPEG-файлов, который позволяет удалить всю ненужную информацию: миниатюру, комментарии, цветовой профиль, дополнительные байты в начале и в конце файла и т.д.

Сжатие будет незначительным, так как не происходит перекодирования. Мы поняли это, когда попробовали сжать несколько JPG-изображений в высоком разрешении, и в результате получили файл всего на 1% «легче» оригинала.

Если сжимать маленькие файлы, то результат будет более ощутимым. К примеру, попытавшись уменьшить подготовленный к использованию на веб-странице JPEG-файл мы получили сжатие на уровне 16,1%.

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

Лучшие программы для сжатия. Пакетная обработка

Paint под рукой всегда, но слишком примитивен. Фотошоп избыточно громоздкий и неповоротливый. Какие программы лучше подойдут, чтобы сжать JPG? Хорошие просмотрщики-вьюеры, они же – менеджеры изображений! Их достоинство – поддержка пакетного сжатия: одновременной обработки всех или нескольких выбранных файлов в любой папке вместо ручного изменения рисунков по одному.

ACDSee, XnView и IrfanView: лишь тройка из многочисленных программ для сжатия картинок всем скопом. Бесплатная, но вполне работоспособная версия есть даже у насквозь коммерческого «ЭйСиДиСи». Если программа не русифицирована, следует запомнить слово Compress – «Сжатие». Разберём технологию пакетного сжатия на примере графического обозревателя XnView.

Открыв один из файлов в целевой папке, щёлкнем по нему дважды. Откроется окно-файлер с превьюшками всех изображений.

Просмотрщик и редактор XnView говорит, что 9 файлов занимают почти 20 Мб. Непорядок!

1. Выделив все файлы разом (Ctrl+A, либо мышкой), выбираем «Пакетная обработка» – кнопка выделена зелёной рамкой.

2. Во вкладке «Преобразования» есть параметр «Изменение размера» – нам туда.

3. Удобно задать новый размер в процентах от оригинала, нажав на галочку «Сохранять пропорции». Для примера воспользуемся значением 70% (это уменьшение площади, а не степень компрессии).

4. Кнопка «Выполнить» заставит файлы сжиматься. Несколько секунд, и…

В арсенале просмотрщиков присутствуют и функция «Сжатие JPEG» без снижения разрешения.

FastStone Image Viewer

Это не проект с открытым исходным кодом, это отличный профессиональный инструмент, который, правда, распространяется бесплатно. FastStone Image Viewer предназначен для работы с изображениями в принципе. Он выполняет не только сжатие, а и великое множество других операций с картинками.

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

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

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

В общем, FastStone Image Viewer – это очень многофункциональная и действительно качественная вещь!

Чтобы ее использовать, нужно сделать следующее:

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

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

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

Рис. 3. Выбор папки с фотографиями в FastStone Image Viewer

Теперь выделите картинки для сжатия в том самом окне справа. Делается это курсором мыши.

Рис. 4. Выделение изображений в FastStone Image Viewer

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

Рис. 6. Настройки сжатия в FastStone Image Viewer

Нажмите на кнопку «Скопировать в…» и в появившемся окне выберете путь для сохранения файлов.

Рис. 7. Кнопка «Скопировать в…» в окне настроек сжатия

Дождитесь окончания процесса.

Как видим, тоже ничего сложного.

Почему фотография не сжимается

Вариантов, как уменьшить снимки, много, но не всегда они срабатывают.

Это происходит по следующим причинам:

• при использовании онлайн ресурсов — слабый интернет;
• файл имеет слишком большой размер, интернет не справляется с его загрузкой;
• размер картинки превышает установленные сервисом ограничения;
• попытка загрузить слишком много снимков одновременно при наличии ограничений. Сжиматели не принимают 200 или более фоток;
• сервис не работает;
• выбирается более тяжелое расширение, например, webp преобразовывается в png;
• проблемы возникают с сжиманием png. Происходит это из-за того, что такие изображения уже сжаты.

Как уменьшить размер аудио без потери качества

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

Файлы с музыкой сжимаются хуже. Эффект сжатия зависит от эстетических запросов меломана. Среднестатистическому пользователю достаточно 128 Кб, а более требовательному нужно не менее 256 Кб битрейта.

Для уменьшения файла можно воспользоваться аудиоредакторами, которые устанавливаются на компьютер (например, «АудиоМАСТЕР», Audacity, Ocenaudio или Wave Editor). Программы различаются по:

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

Если интернет работает хорошо, а свободное место на жестком диске отсутствует, можно воспользоваться онлайн-сервисами. В интернете есть множество платформ для оптимизации файлов MP3 и других звуковых форматов. Для этих целей подойдут Compresss.com, Wondershare Online UniConverter или Compress-mp3-file. Принцип работы большинства сайтов идентичен и происходит по следующим алгоритмам:

1. настраивается качество звука, регулируется битрейт и частота дискретизации,
2. добавляются файлы в онлайн-аудиокомпрессор,
3. активируется процедура сжатия,
4. выгружается результат обработки.

Полученные файлы можно перекачивать на компьютер или хранить в «облаке».

ImageCompressor

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

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

Использование ImageCompressor заключается в следующем:

1. Импортируйте в программу исходные изображения. Для этого нажмите на кнопку с троеточием. Откроется стандартное окно выбора файлов, в котором нужно выбрать нужные.
2. Возле надписи «Quality» с помощью ползунка укажите желаемое качество полученных картинок. При желании можно указать его вручную в соответствующем поле справа от ползунка.
3. Поставьте отметку возле пункта «Size in %» и с помощью ползунка выберете 100 или укажите это число вручную. Тем самым вы покажете программе, что хотите сохранить 100% размера фотографии.
4. Дальше поставьте отметку напротив пункта «Save as JPEG» или же «Save as PNG» — в зависимости от того, в каком формате хотите сохранить изображение.
5. Нажмите на кнопку троеточия под надписью «Save Compressed Images…» и появившемся окне выберете папку, куда будут сохраняться сжатые картинки.
6. Нажмите на кнопку «Compress All» и дождитесь окончания процесса.