Чудовищное Сжатие Фото Онлайн без потери качества – Сергей Арсентьев
16 сентября 2019 | Обновлено: 23 ноября 2019
Просмотров: 296
Сжатие фото — важнейшая задача для любого владельца сайта или сеошника. Мало того, что поисковые системы постоянно продавливают эту тенденцию (читайте как более подробно про Google Page Speed), так это еще и снижает показатель отказов и улучшает отношение посетителей, ведь мало кто хочет долго ждать загрузки страниц, и предпочтения так или иначе отдаются шустрым ресурсам.
На момент написания статьи наиболее популярные форматы — это JPG и PNG. Другие форматы (например, Webp) пока не имеют 100% поддержки всех браузеров, операционных систем и CMS, поэтому они может и более прогрессивны, но увы, малораспространены.
Поэтому в большинстве случаев задача перед успешным сайтом стоит в том, чтобы поужимать как только возможно имеющиеся на сайте картинки. И если из немного (ну штук 20-30), то проще всего это сделать вручную, с помощью всевозможных онлайн сервисов по сжатию картинок.
Однако, в этом и трудность.
Сервисов полно, а какой из них реально нормально сжимает фото?
Может я выбрал не самый лучший вариант и только думаю, что ужал по-максимуму, а на самом деле можно ужать еще больше 
При этом крайне важно в процессе сжатия картинок не потерять качество, по крайней мере не допустить проявления очевидных дефектов конвертирования.
Начну с джпега, как самого популярного интернет формата, ведь именно в нем обычно хранятся большинство картинок в сети, особенно яркие, полноцветные фотки, типа баннеров, бекграундов, изображений товаров, портфолио работ и т.п.
Сжатие фото в JPG
Очевидно, что размер изображений типа JPG можно уменьшить просто выставив при сохранении в редакторе минимальное качество, но тогда и картинка будет ужасной.
Так что самое важное при сжатие JPG — это правильный баланс между большим количеством настроек и вариантов, поэтому в каждом онлайн-сервисе он обычно свой, что и дает возможность сравнить их между собой и выбрать тот, в котором оптимальное сочетание уменьшения размера JPG и сохранения его качества, чтобы фотка не превращалась в размытое пятно с многочисленными артефактами.
Я проанализировал несколько наиболее популярных сервисов по сжатию JPG и вот к каким результатами пришел.
В качестве исходника я использовал стоковое изображение в формате JPG со 100% качеством (то есть без всякого предварительного сжатия) — оно, естественно, смотрится чётко, и я оценил его в 10 баллов из 10.
Затем последовательно сжимал в разных сервисах и оценивал размер и качество картинки (субъективно, конечно). Я не ставил цель провести какой-то глобальный эксперимент, просто поделился конкретными фактами.
Оригинальная картинка JPG — 865 Кб
(исходник)
После сжатия в JPG — 92 Кб
(минимальные потери качества)
После сжатия в WEBP — 89 Кб
(без потери качества)
Более подробные результаты со сжатию JPG в таблице:
Наилучшее качество при максимальном сжатии JPG — https://www.iloveimg.com/ru
Лидер если нужно сжать фото с небольшими потерями качества.
Наилучшее сжатие JPG без потери качества — https://imagecompressor.com/
Лидер если нужно сжать фото без потери качества.
Я традиционно уже несколько лет пользовался привычным tinypng.com если мне нужно был быстро сжать несколько файлов, но теперь, пожалуй, попробую iloveimg.com, реально качество чуть повыше, а размер при этом поменьше.
А что если сжать картинку из JPG в Webp?
Ну и не мог пройти стороной набирающий популярность формат Webp — он оставил JPG далеко позади, потому что в нем я смог получить отличное фото, практически без всяких потерь качества (я не смог отличить его от оригинала) и при минимальном размере — в 10 (!) раз меньше несжатого JPG.
Сжатие фото в PNG
По моим наблюдениям, формат PNG не имеет такого большого количества настроек и алгоритмов и сжимает в основном с помощью индексирования цветов, поэтому результаты должны быть более предсказуемые и одинаковые у большинства сервисов по онлайн сжатию картинок и фото.
Так и получилось.
В качестве источник использовалась традиционная для PNG формата небольшая картинка на прозрачном фоне, тоже со сложным для конвертирования красным цветом. Изначальный исходник был не сжат.
Оригинальная картинка PNG — 235 Кб
(исходник)
После сжатия в PNG — 64 Кб
(минимальные потери качества)
После сжатия в WEBP — 27 Кб
(без потери качества)
Более подробные результаты со сжатию PNG в таблице:
Наилучшее качество при максимальном сжатии PNG —
Лидер если нужно сжать фото в PNG с небольшими потерями качества.
А что если сжать картинку из PNG в Webp?
Аналогично как и в случае с JPG, формат Webp влегкую уделал «старичка» PNG я также получил идеальную картинку без потери качества, а уровень сжатия был недостижим ни для одного онлайн конвертера!
Выводы и итоги
Несмотря на обилие сервисов по сжатию фото онлайн без потери качества, далеко не все они хорошо справляются с этой задачей.
В некоторых из них остается после обработки всё еще слишком большой размер картинок, а некоторые жмут сильно, но с большими потерями качества.
Поэтому выбор действительно толкового сервиса — актуальная задача.
Лучшие онлайн сервисы для сжатия JPG и PNG на моё усмотрение:
Ну а WEBP при своём идеальном качестве влёгкую уменьшал размер фото более чем в 2 раза после самого крутого конвертера (для формата PNG), и в десять раз, если сравнить с необработанным изображением.
Так что если ваша задача — сжатие фото онлайн без потери качества, то я бы рекомендовал сжимать сразу в Webp, тем более, что в CMS WordPress это можно делать автоматически (интересно как — читайте тут), а также рекомендую почитать все способы как увеличить скорость загрузки в Google Page Speed своими руками.
Как в фотошопе УХУДШИТЬ качество изображения?
В paint разрешение изменить)
1. HD — это не качество, а разрешение, и используется термин HD применительно к видео, а не к фото. Для фото разрешение HD слишком низкое, это всего 0,9 Мпикс. 2. Чтобы ухудшить качество в ФШ, нужно всего лишь при сохранении выбрать минимальное качество JPEG. Если захочется ухудшить ещё сильнее, можно сильно уменьшить фото, а потом растянуть обратно до исходного размера.
До какой степени УХУДШИТЬ качество
Делать всё наоборот рекомендуемому в инструкции и при обработке снимка в фоторедакторе. Снимок можно довести до омерзения.
Ухудшить качество, в смысле сделать картинку менее четкой? Можно добавить рябь, шум, ветер, это есть в фотоскейпе. Одним щелчком.
Сделай Шум в фильтрах, а потом размытие->размытие по гауссу. в той же вкладке где фильтры
Открываешь фото — фильтр — оформление — мозаика Или Ctrl+T — с LShift уменьшаешь — Enter — Ctrl+T — с LShift увеличиваешь — Enter
Ответы Mail.ru: Как ухудшить качество фотографии?
Ну это легко, уменьшить размер в 3 раза, а потом увеличить в 3 раза. Эффект будет на лицо.
Разбить фотоаппарат)
Если вам точно ухудшить, то сделайте ее больше чем она есть в два раза и будет качества хуже не куда
взять наждачку и потереть ею..
. <a rel=»nofollow» href=»http://makeup.pho.to/?lang=ru» target=»_blank»>http://makeup.pho.to/?lang=ru</a> — (рус., анг) ретушь портретовhttp://<a rel=»nofollow» href=»http://www.improveyourimages.com/» target=»_blank»>www.improveyourimages.com/</a>» -(анг. ) софт колорhttp://<a rel=»nofollow» href=»/» title=»20190261:##:http://www.blibs.com/editor/» target=»_blank» >[ссылка заблокирована по решению администрации проекта]</a> -(анг) фотоэффекты
ну можено через Adobe Photoshop там при сохранении настройки поставить минимальные, вот и будет качество хуже некуда)
<a href=»/» rel=»nofollow» title=»71294:##:files/vnnvld6ol» target=»_blank» >[ссылка заблокирована по решению администрации проекта]</a> с помощью этой программы можно многое и легко сделать
Уменьшить количество пикселей в Пейнте (функция «изменить размер»). Стандартно для Винды 7.
Когда загружаю фотографию вконтакт, то она станосится ужасной, теряет свое качество, но я видела вконтакте отличное качеств
У меня в ВК всё нормально, не знаю что в таком случае делать.
Цветовой профиль у фотки должен быть sRGB-2.1
Раньше была кнопка при загрузке «сохранять оригиналы». Сейчас я ее там не наблюдаю (хотя вк пользуюсь редко, мб не там и искал)
1200 на 817 соотношение сторон делай и всё будет ок
когда уже придумают кнопку сохранить для вконтакта
После обработки в гр. редакторе параметры сохранения нажать сохранить для ВЕБ, графический редактор сожмет фотку более качественно чем редактор ВК
открыть в редакторе и сохранить ДЛЯ ВЭБ (например в фотошопе)
Люой сайт ужимает фото! Так что….))))
1) Сильно увеличиваем резкость фотографии. В полноразмерном виде фотография должна стать даже слишком резкой, перешарпленной, но после уменьшения резкость придет в норму. 2) Хитрым образом уменьшаем размер фото до того, который любит контактик (1024 по высоте для вертикальных фото, и 1280 по ширине для горизонтальных). 3) Сохраняем не менее хитрым образом, так, чтобы фото не содержало лишней информации, было в цветовом пространстве sRGB и было оптимального качества. Теперь подробнее. Для примера я взял свою фотографию с красивой lovestory-фотосессии в заброшенной усадьбе. 1. Открываем фото в фотошопе. 2. Создаем дубликат слоя, применяем к нему фильтр — другое — цветовой контраст с радиусом примерно 3 пикселя. Затем выставляем слой в режим «Перекрытие» и делаем сведение. Таким образом, мы увеличили резкость фотографии. 3. Выбираем пункт Изображение -> размер изображения. 4. Выставляем: Для горизонтального изображения — ширину 1920, для вертикального — высоту 1536 (размеры в полтора раза больше конечных), ресамплинг — Бикубическая, с уменьшением (в других версиях фотошопа — Бикубическая, четче), применяем. 5. Выбираем пункт Изображение -> размер изображения. 6. Выставляем: Для горизонтального изображения — ширину 1280, для вертикального — высоту 1024, ресамплинг — Бикубическая, плавные градиенты (в других версиях фотошопа — Бикубическая, наилучшая для плавных градиентов), применяем 7. Нажимаем Файл -> Сохранить для Web и устройств. Выставляем качество 80, и ставим галочку «Преобразовать в sRGB».