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

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

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

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

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

Теперь необходимо нажать на вкладку Главная и найти кнопку Изменить размер.

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

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

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

Работа с программой Photoshop

Уменьшить размер изображения без потери качества можно гарантированно с помощью программы Photoshop. Этот софт намного сложнее, и работать с ним необходимо поэтапно. Чтобы уменьшить размер фотографии, нужно сначала загрузить файл в редактор. Для этого надо выбрать Файл – Открыть.

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

В открывшемся окне в поле Ширина нужно поставить значение, которое наполовину меньше чем исходный размер. Если в графе Сохранить пропорции поставить галочку, то значение в поле Высота изменится автоматически. И чтобы фотография не потеряла в качестве, нужно выбрать параметр «Бикубическая». Для сохранения нового размера надо нажать Ок.

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

Изменение размера программой IrfanView

Существует и еще один, не менее популярный, редактор для уменьшения фото без потери качества. Называется от IrfanView. Он не такой сложный, как Photoshop, но его тоже нужно устанавливать на устройство.

Чтобы уменьшить изображение в редакторе IrfanView, необходимо запустить его и в появившемся окне выбрать вкладку Изображение – Изменить размер изображения.

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

Уменьшение фото с помощью онлайн-программы

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

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

Как уменьшить вес фото без потери качества за пару минут? Друзья, вы любите путешествовать? Я, да, как и многие из нас. Особенно в период летних отпусков (хотя, можно путешествовать и зимой, например, на лыжный курорт). Во время путешествий, мы попадаем в разные интересные и удивительные места. Видим много необычного. В такие моменты, рука так и тянется за фотоаппаратом, чтобы запечатлеть этот вид на память.

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

Но, в этом деле есть один нюанс. Через электронную почту можно пересылать только файлы определённого объёма, иначе, их придётся архивировать, разбивать на несколько частей и пересылать адресату по частям. Разумеется, это очень неудобно.

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

К чему я это говорю? К тому, что большинство цифровых качественных фотоаппаратов настроены так, что по умолчанию снимки, сделанные ими, имеют вес от 1 Мб. до 5 Мб. В среднем, около 2 Мб., можете проверить сами. Это довольно много, особенно, если фото вы будете отправлять через телефон. Я даже не знаю, через какое время снимки, отправленные через телефон, объёмом 2 Мб. достигнут адресата? Если вообще придут по назначению. ;)

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

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

Какой из этого вывод? Цифровые снимки необходимо сжимать в объёме, то есть, уменьшать их вес, притом без потери их качества. Думаете, это невозможно? Ещё как возможно. Вес всех изображений на моём сайте был уменьшен. Притом, в десятки раз. Если бы я этого не сделал, каждая страница на сайте загружалась бы несколько минут. У вас просто не хватило бы терпения ждать, когда же страница загрузится.

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

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

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

Я начинал изучение самого известного из них, Adobe Photoshop, в начале 2000 – х, он был на английском языке, и я смотрел на него, как на тёмный лес. Да и знаете, сколько он стоит? От 12000 и за 20000 рублей. При этом, имеет сложный интерфейс и, чтобы пользоваться этим графическим редактором на среднем уровне, нужны недели обучения. В интернете только одному Фотошопу посвящены целые сайты и разделы многих ресурсов (в том числе много форумов по работе с Adobe Photoshop).

Российский Фоторедактор Movavi описание

Так вот, я для снижения веса изображений использую графический редактор Movavi. Он, в отличие от Photoshop, имеет простой и удобный интерфейс и научиться им пользоваться на среднем уровне можно за несколько часов. Первым делом, нужно скачать данный редактор с официального сайта. У этой программы есть Демо версия. Скачать бесплатно фоторедактор Movavi на русском демо версию можно по ссылке:

Устанавливаем Movavi. Фоторедактор по умолчанию устанавливается на русском языке, что уже удобно. После установки, запускаем программу. У нас открывается окно:

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

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

Также, можно просто подвести курсор к нужному снимку, нажать левую кнопку мышки и перетащить снимок в окно программы.

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

Как уменьшить вес фотографии?

Теперь попробуем, собственно, уменьшить вес нашего изображения. Для этого, нам необходимо нажать на вкладку «Ещё». У нас открывается скрытое нисходящее меню. В этом меню нас интересует команда «Размер».

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

Например, я решил нашу картиночку немного растянуть по ширине. Для этого, я нажимаю на ярлык «Замок», который называется «Сохранять пропорции». Он принимает вид разомкнутого замка. Далее, я добавлю 500 пикселей в команде «Ширина». После этого, нужно нажать на команду «Применить». Изображение нашего ландшафта растягивается.

Если вы работаете над портретами людей, необходимо смотреть за тем, чтобы значок «Сохранять пропорции» был сомкнут, иначе, портрет человека примет нереальные очертания (лицо или вытянется, или станет приплющенным). Как видно из скриншота, лицо девушки стало нереально сплющенным.

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

Если вам не понравились внесённые изменения в изображении, нажимаем «Отменить» или «Сброс изменений».

Вернёмся к снижению объёма изображений. Нажимаем на кнопку «Сохранить». У нас открывается новое окно. Как видите, данная картинка создана в формате PNG и имеет размер 1,79 Мб.

Нам нужно выбрать для неё формат и уменьшить размер. Для фотографий я обычно выбираю формат JPEG, для текстовых скриншотов формат PNG. Итак, выбираем «Тип файлов» и меняем PNG на JPEG. У нас появляется ссылка «Качество». При этом, размер изображения меняется с 1,79 Мб. до 594.62 Кб. То есть, размер снизился в три раза. При этом, качество у нас «Высокое».

Нажимаем на ссылку «Качество». У нас открывается окошко с ползунком. Сдвигаем его до 80%. Обращаем внимание, что размер файла упал с 594,62 Кб. до 146,83 Кб. То есть, в десять раз по сравнению с первоначальным размером! Если мы выберем 70%, качество изображения также остаётся высоким, но вес становится равным 115,21 Кб. Если качество снизить до 50%, вес становится 83,71 Кб., качество среднее.

Посмотрите на эти скриншоты. На них изображено то же самое фото, но, одно оригинальное, с объёмом 1790,00 Кб., другое, с объёмом 83,71 Кб. Теперь, как говорится, найдите 10 различий? Сколько я не присматривался, не нашел видимой разности. Это говорит о том, что можно было бы ещё снизить проценты качества.

Вообще, уменьшать качество фото стоит в пределах от 70%, до 90%. Я, обычно, выбираю, так: — если нужны мелкие детали на рисунке, то снижаю качество до 80%, если мелкие детали на рисунке не нужны, то качество снижаю до 70%.

Как поменять цвет глаз на фото?

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

затем в правом столбце «Глаза», «Цвет глаз».

Мы видим новое окно, посмотрев на которое, нам становится ясно, что необходимо подвести к глазу курсор, и поменять его цвет.

Выбираем размер и цвет кисти. Если у вас изображение не большое, его можно увеличить при помощи бегунка внизу. Смотрим на глаза девушки, и прикидываем, какой цвет глаз будет ей к лицу?

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

Посмотрите на разницу. Думаю, результат налицо!

Как отбелить зубы на фото?

По такому же принципу меняется и цвет зубов. Вставляем портрет человека с желтоватыми зубами, переходим в правой боковой колонке в раздел «Рот». Выбираем «Отбеливание зубов».

Также, как и при изменении цвета глаз, выбираем размер кисти и интенсивность отбеливания.

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

Как вам такие зубки? Мне кажется, отлично смотрятся! В этом деле, главное с отбеливанием не перестараться, иначе зубы станут неестественно белыми, что будет сильно бросаться в глаза. :).

Как убрать лишние объекты на фото?

С помощью данной программы, как это не покажется удивительным многим читателям, можно убирать с изображения «лишние» объекты. Для этого, вставляем рисунок. В меню выбираем «Удаление объектов». Выбираем инструмент, с помощью которого будем удалять объект: — это может быть кисть, волшебная палочка или лассо. Я привык удалять объекты с изображения используя кисть.

Для этого, окрашиваем нужный объект (в моём случае яхту), и нажимаем «Стереть».

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

Можно посмотреть, если вы забыли, как смотрелся снимок до стирания яхты, и сравнить его с получившимся. Для этого, нажимаем на ярлык вверху «До и после». Если кликнуть по ярлычку ещё раз, мы увидим снимок до удаления яхты, и после.

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

Как поменять фон на фотографии?

С помощью Movavi Фоторедактора можно поменять фон у нужного вам объекта. Например, вашу фотографию поместить в нужное место. Делается это довольно просто. Вставляете фотографию,

выбираете ярлык «Замена фона», затем, в правой колонке необходимо выбрать команду кисть (можно лассо).

Далее, нажимаете «Кисть+» и проводите зелёную линию внутри нужного нам объекта. В нашем случае, девушки. Девушка по контуру выделяется. Если какая-то часть изображения не выделилась, внутри этой части проводим дополнительную черту зелёного цвета, можно кисть уменьшить, для более детального выделения.

Теперь, нажимаем на «Кисть-» и проводим в любой части фона, который мы собираемся поменять. Если какая-то часть фона осталась, также проводим там красную линию.

Нажимаем ctrl + C, что означает «Копировать» (этот приём используется для копирования во всех документах). Затем, нажимаем «Следующий шаг». Фон над нашей девушкой стал туманным.

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

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

Для получения большей реальности, используем «Размытие краёв» и «Адаптация цветов к фону» (нужно передвинуть бегунок, и посмотреть, как будет смотреться картинка, реальнее, или нет). Нажимаем «Применить». Нужное нам изображение получено.

Вам ничего эта картинка не напоминает? Правильно, рабочий стол компьютера. Осталась только отразить эту картинку по горизонтали, и можно её помещать на рабочий стол. Для этого, нажимаем на вкладку «Поворот», затем «Отражение», «Сохранить».

Теперь созданную нами картинку можно помещать созданную картинку на Рабочий стол.

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

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

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

У программы Movavi Фоторедактор есть и много других полезных функций. Например: — улучшение фото (в этом разделе много интересных функций, вроде – яркости, контрастности, насыщенности, четкости, детали, оттенок и др.), различные эффекты, обрезка, реставрация старых изображений (стоит попробовать, довольно интересная функция, особенно, если у вас дома много старых, но дорогих вам фото) и прочее. С ними, я думаю, вы самостоятельно сможете разобраться. А если нет, напишем новую статью про этот фоторедактор и наглядно разберём прочие его функции. Успехов!

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

Оптимизацию изображений можно рассматривать в 2 аспектах:

• уменьшение веса изображений для увеличения скорости загрузки страницы;
• как составляющая SEO - о птимизации — в этом случае кроме уменьшения веса изображениям присваиваются подходящие названия и прописываются альт теги.

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

Введение: Для чего уменьшать вес изображений на сайте

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

Статистические исследования показывают, что посетители ждут загрузки сайта порядка 3 секунд на стационарных компьютерах и 5 — на телефоне!

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

Каким должен быть вес изображений?

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

Оптимизация изображений позволяет уменьшить их вес в разы без ощутимой потери качества.

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

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

Для уменьшения веса изображения:

1. Определите размер изображения, которое будет отображаться на сайте.
   Не загружайте исходные картинки сразу. Если на сайте выводится изображение с размерами 500*600 пикселей, а загружается картинка в 3 раза большего размера, время загрузки будет такое же, как для исходной.
2. Уменьшите размеры.

к содержанию

1. Как уменьшить размер изображения в Paint

Начну с Paint , потому что это программа входит в стандартный набор ОС Windows и не требует установки дополнительных графических редакторов.

1. Открываем картинку в Paint и на верхней панели кликаем «Изменить размер» .

2. В открывшемся окне вводим необходимые размеры (можно изменять в процентах, можно в пикселях. По умолчанию в Paint стоит галочка «Сохранять пропорции» , это позволит уменьшить изображение без искажений), жмем «ОК» .

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

Теперь сравним исходное изображение и итоговое:

исходное изображение с размерами 2184*1456 пк и весом 735 Кб после уменьшения до 750*500 пк стало весить 142 Кб — вес уменьшился в 5 раз!

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

2. Как уменьшить размер изображения в P hotoshop

1. Открываем файл в редакторе, в верхней панели выбираем вкладку Image (Изображение) - Image Size (Размер изображения) .

2. В открывшемся окне можно менять параметр ы ширины (Width ) , высоты ( Height ) и разрешения ( Resolution ) . Причем, для сохранения пропорций должен быть отмечен флажок Сохранять пропорции ( Constrain Proportions ) , в этом случае при изменении одного из параметров, другие меняются автоматически.
Для публикаций графики в вебе разрешени е составляет 72пк/дюйм .

Вводим необходимые параметры и жмем «ОК ».

3. Сохраняем изображение.

Для сохранения изображения есть три варианта:

• Сохранить (Save (Ctrl+S ) );
• Сохранить как (Save As (Shift+Crtl+S ) );
• Сохранить для веб (Save for Web (Shift+Ctrl+Alt+S ) ).

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

При выборе Сохранения для Веб в открывшемся окне можно задать параметры:

• Формат (как говорили выше, jpeg );
• Качество (Quality ) - этот параметр изменяется от 0 до 100, соответственно при этом итоговое изображение будет лучшего или худшего качества.
  В окне слева от параметров на вкладках вы можете выбрать варианты отображения: Оригинал, Оптимизированное, 2 вари анта (одновременно отображается сохраняемое и итоговое изображение), 4 Варианта (отображаются оригинальное изображение, изображение с параметрами, которое вы задали, и 2 промежуточных).

  Я обычно выбираю 2 Варианта (

  2-Up ) — меняя качество можно одновременно видеть изменения в изображении и подобрать оптимальное для конкретного случая. Для статьи меня устроило качество 50, но это не постоянная величина, чаще я сохраняю изображения в пределах 60-75.

  Снизу под отображаемыми вариантами выводятся данные итогового изображения в зависимости от заданных настроек

  ;
• Отмечаем галочку Прогрессивный (Progressive ).
  И тоговое изображение будет загружаться не построчно, а за несколько подходов.
  Вам наверняка приходилось сталкиваться с такими случаями, когда вы видите не половину загруженной картинки, а сначала — полностью — плохого качества, потом — все лучше и лучше . Но с самого начала загрузки пользователь имеет представление о том, что на изображении. Вес прогрессивного может быть на несколько килобайт больше оптимизированного, но эта разница незначительна. Практика показывает, что прогрессивный джипег позитивнее воспринимается пользователями.
• Размеры.
  Если вы хотите изменить размеры изображения, они задаются в этом же окне снизу .

После выбора необходимых настроек жмем «Сохранить» (Save ) и получаем оптимизированную для сайта картинку.

Анализируем результаты оптимизации изображения в Фотошопе:

исходное изображение все то же 2184*1456 пк , 735 Кб , после уменьшения до 750*500 пк : при обычном сохранении 1 59 Кб — вес больше, чем при уменьшении в Paint, Сохранение для Веб (при качестве 50) - 63,7 Кб . Сжатое изображение в есит 11.5 раз меньше. Не забываем, что ко всем прочим плюсам джипег еще и прогрессивный.

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

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

3. Онлайн-сервисы по оптимизации изображений

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

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

2 . Kraken

Форматы.jpg, .png, .gif. Предоставляет 3 варианта оптимизации:

1. Сжатие с потерями Lossy - выбрано по умолчанию ;
2. Сжатие без потерь - Lossless ;
3. Expert - с выбором параметров оптимизации .

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

По завершению оптимизации сервис выдает отчет о результатах. Для нагрузки файла жмем на кнопку «Do w nload File » - уменьшенная картинка открывается в соседней вкладке.

Если результат устраивает, сохраняем изображение (клик на фото правой кнопкой мыши — Сохранить как )

Простой интерфейс, результат оптимизации можно посмотреть сразу же. Работает только с форматом jpeg.

Сервис сжатия изображений в JPG, PNG и GIF- форматах. Имеет ограничени е по весу в 500 Кб и количеству 20 одновременно.

4. Уменьшение размера с помощью плагинов сжатия изображений

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

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

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

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

А еще — задавайте вопросы, пишите в комментариях, оказалась ли статья полезной. Если да, ставьте лайки и делитесь с друзьями.
Удачи и хорошего настроения.

Самым узнаваемым «графическим» форматом, с которым успешно работают все операционные системы, девайсы и приложения, является JPG. Он хорошо сжимает данные, поэтому файлы JPEG обычно имеют незначительный «вес» (Мб или Гб). Но как бы качественно не выполнялось сжатие, а при высоких характеристиках изображения величина цифрового объекта будет существенной. А это затрудняет и передачу файла, и его хранение, и работу с ним. Проблемы решаются посредством уменьшения его размера. Выясним, что необходимо сделать, чтобы уменьшить размер файла jpg, и будет ли иметь эта операция последствия.

Способы уменьшить размер данных в формате JPG

Применяемое к графическим объектам слово «размер» имеет два значения - габариты изображения в пикселях (ширина и высота) и объем в Мб, Гб. Отсюда и два способа уменьшить габариты графического объекта:
Физический метод
Уменьшение габаритов самой картинки. Предположим, у пользователя есть изображение с размером в пикселях 1024×768. Это большая картинка, но ее можно физически «урезать» с помощью встроенных в Windows 10 сервисов или сторонних программ. Метод позволяет удалить не несущие важной информации пиксели (обычно это фон), вырезав только важную область. Ширина и высота изображения в пикселях становится меньше, например, 650×370, а качество сохраняется.

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

Если изображение имеет большое число схожих пикселей, то процесс сжатия кадра будет качественным (то есть «вес» фото в 4 Гб, например, сократится до 1.3 Гб). Но при этом качество самой картинки станет очень низким. Если же одинаковых пикселей мало, то «вес» фото фактически не уменьшится, но зато и качество не пострадает.

Важно! Для редактирования размеров файла существует множество программных продуктов. Но большинство сайтов в сети Интернет предлагает пользователям использовать Paint. Функционал встроенного в Windows 10 инструмента слишком мал и неэффективен, чтобы выполнить редактирование качественно. Поэтому лучше Paint не использовать. Существуют иные способы.

Photoshop - лучший инструмент для работы с графикой

Программный продукт рассчитан на опытных пользователей, но такие простые задачи как уменьшение размера картинки в формате JPG может с его помощью выполнить и новичок. Программу нужно скачать в сети и установить на ПК. Инсталляция софта стандартная. После установки компьютер лучше перезагрузить. Дальше для сжатия размера jpg нужно действовать так:
Затем выполнить сохранение объекта. С помощью Photoshop можно уменьшить и вес файла. Процедура выполняется также

1. в меню «Файл» (File) выбрать «Сохранить для web» (Save for web);
2. в новом окне выбрать в горизонтальной панели 2 или 4 варианта;
3. определиться с вариантом сжатия по качеству изображения;
4. выделить его, кликнув мышью;
5. нажать «Сохранить» (Save).

Важно! Зачастую требуется уменьшить и физический размер, и вес объекта. Тогда рекомендуется начинать со второй инструкции для Photoshop. В окне выбора лучшего варианта снизу справа есть блок и для редактирования ширины, высоты картинки.

Сжатие с помощью программы Caesium

Более простой, но менее функциональной программкой является Caesium. Она стандартным образом устанавливается на ПК и имеет очень дружелюбный интерфейс. Чтобы отредактировать объект, запускают программный продукт, выполняют следующие действия:

Скачиваем установочный файл с официального сайта :

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

File Optimizer - одновременное сжатие нескольких фотографий

Это тоже установочный файл. Его придется скачать и установить на ПК. Инсталляция стандартная. Программка с максимально простым функционалом, но англоязычным интерфейсом. Используют ее так:

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

Удобные онлайн-сервисы

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

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

Привет, друзья!

Это очередной материал по работе с изображениями.

В нем вы узнаете, как уменьшить размер изображения без потери качества с помощью Paint, Photoshop и онлайн сервиса.

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

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

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

Начнем с небольшого рассмотрения надобности всех действия, рассматриваемых ниже.

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

Уменьшение веса может потребоваться для экономии веса на носителе (жесткий диск, флешка и так далее), для быстрой загрузки изображений на сайте и так далее

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

По традиции я даю подробный видео-урок, в котором все показал наглядно.

Теперь для любителей текстовых инструкций.

Изменение размера в Paint

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

Открываем изображение в Paint и на вкладке "Главная" имеется пункт "Изменить размер".

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

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

На это изменение размера изображения в Paint закончили.

Кстати, изменение параметров ширины и высоты также влияет на вес изображения. Поэтому, берите это на заметку.

Теперь рассмотрим вариант с помощью Photoshop.

Изменение размера в Photoshop

Открываем в программе наше изображение и двигаемся в пункт "Изображение - Размер изображения".

В следующем окне изменение происходит аналогично, как и в Paint. Убедитесь, что стоит чек-бокс для сохранения пропорций и ставьте необходимые параметры высоты или ширины.

После нажатия на кнопку "Ок" параметры размера будут применены и можно сохранить файл.

Данных способов вполне достаточно для изменения размеров высоты и ширины изображений.

Теперь мы рассмотрим 2 способа, как можно уменьшить вес изображений.

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

Уменьшения веса в Photoshop

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

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

В следующем окне необходимо задать параметры качества изображения:

• Качество - высокое (60-70). Значение регулируете под свои нужды;
• Формат - jpeg. Если на изображении нужно сохранить прозрачные области, то нужен формат png;
• Также ставим настройку "Прогрессивный".

Также можете менять размеры прямо в этом окне, а не отдельно через пункт "Изображение - размер изображения", как я это показал в пункте ранее. Это очень удобно.

После настройки параметров сохраняете настройки (см. скриншот выше).

Только этим способом мне удалось снизить вес картинки с 116 кб до 75 кб, не изменяя при этом размеров (высота и ширина остались прежними).

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

Теперь рассмотрим, как уменьшить вес при помощь онлайн сервиса.

Онлайн сервис для оптимизации

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

Сервис имеет название krakin.io . Переходим на него. Я дал ссылку уже сразу на страницу выбора изображения.

На данной странице нужно сначала определиться со степенью сжатия изображения. За это отвечают 2 параметра:

• Lossy - сильное сжатие (стоит по-умолчанию);
• Lossless - меньшее сжатие.

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

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

Видно, что оригинальный размер файла был 77 кб, а после оптимизации он стал 59 кб. Также показывает сколько было сжато в килобайтах (18 кб) и в процентном отношении (23.8%).

Чтобы сохранить сжатое изображение, необходимо нажать на кнопку "Download this file" в последней колонке "Status". Нас перекинет на новую вкладку, где откроется итоговое изображение, чтобы мы могли его оценить. Для сохранения нужно нажать правую кнопку мыши на изображении и выбрать пункт "Сохранить картинку как".

Если вы смотрели видео в начале статьи, где я наглядно показал процесс и все нюансы данной статьи, то знаете, что только этими способами можно уменьшить изображение с 360 кб до 40 кб. И это не предел.

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

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

С уважением, Константин Хмелев!