Как сжать фото или картинку без потери качеств различными способами? Как изменить размер изображения в фотошопе. Процесс интерполяции Как уменьшить размер изображения в пикселях

Уменьшать изображения нужно по самым разным причинам. Самая частая из них – необходимость заливки фотографий на сервер с возможностью быстрого просмотра. Огромные файлы хоть и обеспечивают высокое качество, делают невозможным оперативную работу пользователя с изображениями. В этой статье рассказывается, как уменьшить размер файлов цифровых фотографий с помощью Paint, Preview на Mac или Adobe Photoshop().

Уменьшаем изображение при помощи Paint

Использование предварительного просмотра на Mac

1. Откройте фотографию в приложении «Предварительный просмотр». Сделайте это двойным щелчком по синему значку предварительного просмотра, который выглядит как перекрывающиеся снимки, затем нажмите «Файл» в строке меню и «Открыть» в раскрывающемся меню. Предварительный просмотр — это приложение для просмотра собственных изображений Apple, которое автоматически включается в большинство версий Mac OS.
2. Нажмите меню «Инструменты». Оно находится в строке меню в верхней части экрана. Нажмите «Настроить размер» и установите новый размер для изображения. Выберите новые параметры или «Пользовательский» в меню «Вставить в». Если вы выберете «Пользовательский», введите размеры в полях «Ширина» и «Высота»или количество пикселей на дюйм / см в поле «Разрешение:». Нажмите «Файл» в строке меню, затем нажмите «Сохранить». Изображение будет сохранено с указанными вами размерами.

Использование Adobe Photoshop

1. Откройте файл Photoshop. Для этого дважды щелкните значок синего приложения, содержащий буквы «Ps», затем нажмите «Файл» в строке меню и «Открыть» в раскрывающемся меню. Выберите файл в диалоговом окне и нажмите «Открыть».
2. Нажмите «Изображение» в строке меню в верхней части экрана. Нажмите Размер изображения,откроется диалоговое окно. Нажмите на Bicubic Sharper (лучше всего для уменьшения) в раскрывающемся меню внизу диалогового окна. Введите новые размеры. Введите их в любой из полей «Ширина» и «Высота». Вы также можете отрегулировать количество пикселей на дюйм / см в поле «Разрешение» в разделе «Размер документа».
3. Если вы не хотите сохранять одинаковое соотношение сторон изображения, снимите флажок «Constrain Proportions» в нижней части диалогового окна. Сохраните снимок в нужном формате и месте.

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

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

Оптимизацию изображений можно рассматривать в 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, и платных, и бесплатных, они используют разные алгоритмы сжатия и выдают разные результаты. Главное, подобрать подходящий для вашего ресурса.

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

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

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

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

Нужно изменить размер пиксельной графики? Узнайте, как увеличить ваши художественные работы и сохранить четкие и четкие формы с помощью Photoshop!

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

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

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

Я буду использовать этого маленького персонажа пиксельной графики, который я скачал с Adobe Stock:

Наш герой пиксельной графики. Предоставлено: Adobe Stock.

Это урок 7 в моей серии «Изменение размера изображения» . Давайте начнем!

Вот персонаж, открытый в фотошопе. И, как вы можете видеть, он выглядит довольно маленьким:

Пиксель арт в оригинальном размере.

Шаг 1. Откройте диалоговое окно «Размер изображения»

Лучший способ увеличить пиксельную графику — использовать диалоговое окно «Размер изображения» в Photoshop. Чтобы открыть его, перейдите в меню « Изображение» в строке меню и выберите « Размер изображения» :

Идем в Изображение> Размер изображения.

В Photoshop CC диалоговое окно содержит удобное окно предварительного просмотра слева, а также параметры размера изображения справа:

Диалоговое окно «Размер изображения» в Photoshop CC.

Просмотр текущего размера изображения

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

Текущие размеры в пикселях обложки.

Шаг 2: Включите опцию Resample

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

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

Resample должен быть включен.

Шаг 3: Введите процент в поля Ширина и Высота

Вместо того, чтобы увеличивать пиксель-арт до определенного размера, лучший способ увеличить его — использовать проценты . И чтобы избежать искажений и сохранить каждый квадрат в эскизе идеально квадратным, вам нужно придерживаться процентов, кратных 100 (например, 200%, 300%, 400% и т. Д.). Я увеличить изображение, установив как ширину и высоту до 400 процентов :

Повышение ширины и высоты на 400 процентов.

Это увеличит размеры в пикселях с 500 пикселей на 500 пикселей до 2000 пикселей на 2000 пикселей :

Новые размеры в пикселях после изменения размера иллюстрации.

Изменение размера окна предварительного просмотра

Обратите внимание, что, увеличив ширину и высоту в 4 раза, изображение теперь слишком велико, чтобы поместиться в маленьком окне предварительного просмотра. Чтобы увеличить окно предварительного просмотра, я увеличу само диалоговое окно «Размер изображения», перетаскивая нижний правый угол наружу. Затем я нажму и перетащу в окно предварительного просмотра, чтобы центрировать изображение внутри него:

Изменение размера диалогового окна «Размер изображения» для увеличения предварительного просмотра.

Подробнее: диалоговое окно «Размер изображения» в Photoshop CC — Возможности и советы

Проблема с изменением размера пиксельной графики

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

Края выглядят слишком мягкими после увеличения рисунка.

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

Расширение пиксель-арта размыло фигуры и добавило вокруг них ореолы.

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

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

Но как только вы отпустите кнопку мыши, вы снова увидите ореолы:

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

Метод интерполяции изображения

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

Опция интерполяции находится справа от опции Resample. И по умолчанию установлено значение « Автоматически» :

Опция интерполяции изображения.

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

Шаг 4: Установите метод интерполяции на Nearest Neighbor

Для этого нажмите на опцию Интерполяция, чтобы открыть список методов, которые мы можем выбрать. Если вы используете Photoshop CC, то метод интерполяции, который Photoshop выбирает для изображений с повышенной дискретизацией, — это « Сохранить детали» . А в Photoshop CS6 он выбирает Bicubic Smoother . Но ни один из них не работает хорошо с пиксельной графикой:

Методы интерполяции фотошопа.

Чтобы повысить качество иллюстрации без усреднения пикселей, необходим метод интерполяции « Ближайший сосед» :

Выбор ближайшего соседа.

Как только вы выбираете Nearest Neighbor, изображение в окне предварительного просмотра выглядит четким и четким! И если вы щелкните и удержите в окне предварительного просмотра, а затем отпустите кнопку мыши, вы увидите, что на этот раз ничего не происходит. Иллюстрации выглядят одинаково четко до и после применения метода интерполяции.

Это потому, что теперь это один и тот же метод интерполяции оба раза. Photoshop всегда добавляет пиксели, изначально используя Nearest Neighbor. Но теперь, когда мы сами выбрали Nearest Neighbor, он не использует ничего другого, что могло бы ухудшить пиксель-арт:

Nearest Neighbor идеально подходит для пиксельной графики с повышением частоты дискретизации.

Шаг 5: Нажмите ОК

Когда вы будете готовы пробовать иллюстрацию, нажмите кнопку «ОК», чтобы принять ваши настройки и закрыть диалоговое окно «Размер изображения»:

Нажмите кнопку ОК, чтобы увеличить пиксель-арт и закрыть диалоговое окно «Размер изображения».

И теперь мой маленький герой пиксельной графики выглядит намного больше, но все же он сохраняет тот же блочный, пиксельный вид, который мы ожидали:

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

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

• 1. Откройте диалоговое окно «Размер изображения» («Изображение»> «Размер изображения»).
• 2. Установите для параметра Ширина и высота значение Процент, а затем для получения наилучших результатов выберите процент, кратный 100 (200%, 300%, 400% и т. Д.).
• 3. Измените метод интерполяции на «Ближайший сосед».
• 4. Нажмите ОК.

Как изменить размер пиксельной графики до точного размера

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

Например, увеличив частоту дискретизации на 400%, я увеличил ширину и высоту с 500 до 2000 пикселей:

Размеры увеличенного изображения.

Но что, если мне нужно, чтобы ширина и высота были немного меньше, например, 1600 пикселей? Если бы я увеличил частоту дискретизации моего изображения 500 px x 500 px на 300%, его ширина и высота были бы равны только 1500 пикселям, оставив его все еще слишком маленьким. А повышение частоты дискретизации на 400% сделало его слишком большим. Что мне действительно нужно было что-то среднее. В этом случае вам нужно изменить размер изображения в два этапа .

Шаг 1. Отобразите пиксельную графику в процентах.

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

Шаг 2. Повторно откройте диалоговое окно «Размер изображения»

Затем измените его размер во второй раз, на этот раз, чтобы уменьшить его до точных размеров в пикселях. Для этого снова откройте диалоговое окно «Размер изображения», зайдя в меню « Изображение» и выбрав « Размер изображения» :

Идем в Изображение> Размер изображения.

Шаг 3: Оставьте опцию Resample включенной

Убедитесь, что Resample вариант еще на так что вы можете изменить количество пикселей:

Оставив опцию Resample отмеченной.

Шаг 4: Установите ширину и высоту в пикселях

Введите нужный вам размер в пикселях в поля Ширина и Высота . Я установлю их на 1600 пикселей:

Ввод новых размеров в пикселях.

Шаг 5: Установите метод интерполяции на Автоматический

И наконец, хотя метод интерполяции Nearest Neighbor отлично работает для пиксельной графики с повышенной дискретизацией , вы не хотите использовать его при понижающей дискретизации. Вместо этого для получения самых резких результатов измените метод интерполяции обратно на автоматический . Это вернет управление обратно в Photoshop, а при уменьшении количества изображений автоматически выберет Bicubic Sharper :

Установите метод интерполяции обратно на Автоматический.

Когда вы будете готовы изменить размеры иллюстрации до точного размера, нажмите кнопку ОК, чтобы закрыть диалоговое окно, и все готово:

Нажмите кнопку ОК, чтобы уменьшить изображение.

И там у нас это есть! Вот как можно добиться наилучших результатов при изменении размера пиксельной графики, снимков экрана или аналогичной графики в Photoshop! В следующем и последнем уроке этой серии мы рассмотрим лучший способ увеличения изображений в Photoshop CC с помощью новой функции, известной как Preserve Details 2.0 !

Или посмотрите предыдущие уроки этой серии:

• 01 — пиксели, размер изображения и разрешение
• 02 — Команда Photoshop’s Image Size — Особенности и советы
• 03 — Как изменить размер изображения для печати с помощью Photoshop
• 04 — Как изменить размер изображения для электронной почты и обмена фотографиями
• 05 — Как рассчитать размер изображения
• 06 — правда о разрешении изображения, размере файла и сети
• 07 — Как изменить размер пиксельной графики
• 08 — Лучший способ увеличить изображения в Photoshop CC

И не забывайте, что все наши учебники теперь доступны для скачивания в формате PDF !

Подписывайтесь на нашу новостную рассылку

Будьте первым, кто узнает, когда будут добавлены новые учебники!

Каждая фотография или картинка имеет свой размер, который зависит от качества изображения. Чем больше весит картинка, тем лучше её качество. Однако при загрузке фото на сайт или при передаче через e-mail пользователи часто сталкиваются с ограничениями, которые касаются размера файла. Некоторые обрезают фото, другие редактируют его в фотошопе. Однако можно более простым способом решить данную проблему – сжать фото.

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

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

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

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

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

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

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

• Фото сжато.

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

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

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

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

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

• Выделяем файл и нажимаем «Отправить по e-mail».

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Доброго дня!

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

Вообще, (если смотреть глобально) чтобы уменьшить вес JPG , можно прибегнуть к нескольким способам:

1. уменьшить размер по ширине и высоте (у каждой картинки он измеряется в пикселях, например, 800x600). Разумеется, при этой операции качество картинки снижается;
2. обрезание краев . Если у вас есть неровные края на фото (скажем), или часть картинки можно обрезать как не информативную - то за счет этого также можно существенно уменьшить вес файла (это операцию часто называют кадрированием ) ;
3. снижение качества . При сохранении JPG файла можно указать желаемое качество: если ползунок передвинуть к минимуму - то размер файла может стать существенно меньше! Отмечу, что в некоторых случаях можно на 10-30% уменьшить вес файла, при том, что на "глаз" никаких ухудшений на картинке видно не будет!
4. комбинированный способ . Когда фото/скан подвергается обработке сразу всеми вышеперечисленными методами.

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

И так, к делу...

Paint

Для запуска Paint : нажмите сочетание Win+R , в окно "Выполнить" введите команду mspaint , нажмите OK.

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

Для примера я взял обычную фотографию с природы и открыл ее в Paint (размер около 2,2 МБ, см. скриншот ниже).

Уменьшение ширины/высоты фото

И так, это первое, что можно сделать, и что существенно влияет на вес файла. Обратите внимание, исходное фото в разрешении 2048 на 1333 пикселей, см. скрин выше (это выше HD формата).

В Paint чтобы уменьшить размер граф. файла - щелкните по инструменту "Изображение/Изменить размер" . См. пример.

Обратите внимание, что после изменения ширины и высоты картинки, чтобы увидеть, как изменился размер - необходимо ее сохранить (я это сделаю в следующем шаге).

Подрезка краев (выделение области для сохранения)

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

В Paint для этого есть инструмент "Выделить" (см. пример ниже).

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

После выделения нажмите по "Изображение/Обрезать" . Всё "лишнее" будет удалено с картинки.

Итоги

Обратите внимание, что размер исходного фото был 2,2 МБ, а стал всего лишь 34 КБ! Т.е. даже с помощью таких простых действий можно существенно экономить место - на 100-ни процентов! (там, где это требуется и оправдано).

По поводу Paint:

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

ФотоМАСТЕР [изм.-е размера фото + улучшения]

Фото открыто в программе ФотоМАСТЕР (в качестве примера)

Специализированная и очень мощная программа для обработки фото, картинок. Позволяет легко и быстро не только изменить размер JPG, но и наложить различные интересные эффекты: изменить яркость, убрать "красные" глаза, добавить резкости и т.д.

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

Изменение ширины и высоты

Для изменения размера открытого фото в "ФотоМАСТЕР" достаточно щелкнуть по инструменту "Файл/Изменить размер и сохранить" (см. скрин ниже).

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

Что касается полученного веса файла - то он примерно раз в 8-9 был уменьшен (что, согласитесь, довольно неплохо, учитывая, что мы совсем не подрезали края).

Эта операция также достаточно проста в "ФотоМАСТЕРЕ". Для начала щелкните по вкладке "Инструменты", а затем в меню справа выберите "Кадрирование".

Эффекты

ФотоМАСТЕР очень хорош еще и тем, что кроме кадрирования и изменения ширины/высоты изображения, можно существенно улучшить его цветопередачу, добавить интересных эффектов, чтобы фото заиграло новыми красками.

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

Например, после 20-30 сек. экспериментов с фото, удалось существенно улучшить его яркость и цветопередачу. Обратите внимание на скрин ниже: что было "до" и что стало с фото "после" применения эффектов. Разница, на мой взгляд, на лицо!

Итоги:

1. ФотоМАСТЕР - очень простой и эффективный инструмент (с ним быстро разберутся даже те люди, которые только-только начали знакомится с ПК);
2. размер файла можно уменьшить в десятки раз!
3. в программе есть инструменты для улучшения фото: можно прибавить яркость, улучшить фон, добавить надписи, да и вообще - оживить фото, чтобы оно заиграло новыми красками!

Photoshop

Профессиональный и один из самых мощных графических редакторов. Позволяет выполнить практически "любые" редактирования и манипуляции с фото/картинками.

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

Изменение ширины, высоты картинки

И так, для изменения разрешения картинки в Photoshop выберите инструмент "Image / Image Size" (можно просто нажать сочетание клавиш Alt+Ctrl+I).

Обратите внимание на инструменты, представленные слева на боковой панельке. Выберите значок обрезки . Далее вы сможете передвинуть рамочку с любого края картинки (после нажатия на клавишу Enter - картинка будет обрезана). Пример представлен ниже.

По поводу сохранения

В Photoshop есть несколько вариантов сохранения картинки. Рекомендую обратить внимание на вариант "Save for Web" (сохранить для сети).

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

Превьюшки с размерами файла в зависимости от степени сжатия

В общем-то, все довольно удобно - можно подогнать фото под конкретный размер.

Выводы:

1. Photoshop - самый многофункциональный инструмент для работы с граф. файлами (вместе с тем, достаточно сложный - не каждый начинающий решит разбираться с ним ради каких-то простых действий);
2. есть множество опций для сжатия* файла (за счет уменьшения качества).

ACDSee

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

И так после того, как вы отрыли какое-нибудь фото, для его изменения - нажмите "Редактор" (см. скрин ниже).

Изменить размер (кликабельно)

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

Что касается кадрирования (обрезки краев) - то выполняется аналогично предыдущей операции.

После того, как все изменения с изображением были выполнены, перейдите в меню "Файл/Сохранить как..." .

В общем-то, после этого можно сохранять картинку. После нехитрых манипуляций (описанных выше), мое фото размером в 2,2 МБ стало весить всего лишь 148 КБ.

ACDSee - "до" обработки, и "после"

Выводы:

1. удобно работать с программой: сразу во время просмотра фото, можно выбрать любое из них и сжать до нужного размера;
2. также в ACDSee есть все самые необходимые инструменты для редактирования и обработки JPG файлов;
3. программа достаточно дружелюбная к начинающим пользователям;
4. минус: программа платная (на некоторые версии отсутствует русификатор).

Онлайн-сервисы

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

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

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

Аналогичный сервис. По моим наблюдениям работает чуть быстрее. Можно загружать сразу десятки фото (мультизагрузка)

Очень удобный и простой сервис для изменения ширины/высоты JPG картинок/фото. После загрузки файла вам достаточно выбрать новый размер и нажать "Изменить". Далее появится ссылка на скачивание измененного файлы. Быстро и легко!

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

Очень популярный зарубежный сервис для сжатия картинок и фото (поддерживает, кстати, еще и PNG формат). Загружать можно одновременно сразу 20 файлов! После загрузки - сервис автоматически сожмет файлы и представит вам сразу же ссылки на их скачивание. Обращаю внимание, что этот сервис обеспечивает одну из лучших степеней сжатия JPG!

(Обновление 17.10.18: сжимать файлы в онлайн-режиме запретили, предлагая использовать свою спец. утилиту)

Сервис JPEGmini отличается прежде всего тем, что сюда можно загружать даже очень большие фотки (на десятки МБ, многие др. сервисы вообще выдают ошибку при их загрузке). Степень сжатия достаточно высока (хоть и проигрывает тому же TinyJPG). Кстати, перед загрузкой вы можете посмотреть превью оригинала/сжатого фото, чтобы сразу же оценить, насколько сжатие повлияло на качество изображения.

Дополнения по теме - всегда приветствуются...

Удачной работы!