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

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

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

Если дизайн профессиональный, то только шапка может весить в пределах 2-3 мегабайт. А если у посетителя скорость интернета 100 кб/сек?

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

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

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

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

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

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

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

Изначально моя картинка весит 113 кб

Открыть данное изображение в фотошопе.

Сохраним в формате.jpg. Сделать это просто. В самом фотошопе нажмем на пункт «Файл» и «Сохранить как»

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

После этого выскочит еще одно окошко, где нужно выбрать качество сохраняемого изображения. Я выбираю высокое или значение 8.

При таком качестве - изменения незаметны. После всего этого изображение в весе значительно уменьшилось и стало весить 65.6 кб

Это первый момент изменения веса с помощью фотошопа, но мне больше нравится проверенный способ уменьшения веса - это сохранение изображения для WEB. Данная функция находится также в пункте «файл»:

В следующем окне выбираем качество нашего изображения (ставим 70) и ставим галочку в чекбоксе «Прогрессивный», затем сохраняем:

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

Поэтому применяем данный способ. Тем более, что потеря качества даже меньше, чем в предыдущем.

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

В фотошопе данная функция находится в пункте «Изображение» - «Размер изображения».

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

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

На этом все. Переходим ко второму пункту.

2. С помощью программ для создания скриншотов

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

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

И еще способ.

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

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

Жмем на кнопку «Try Free Web Interface»

Как только выбрали наш файл - он сразу же оптимизируется, и ниже на этой же странице появится возможность получить уже готовое оптимизированное изображение. Жмем на кнопку «Download this file», нас перекинет на новую вкладку, откуда и сохраняем нашу картинку.

Таким образом уменьшена картинка еще на 2 килобайта.

В итоге, что у нас получилось?

Первоначальный вес 113 кб. Итоговый вес - 20.4 кб.

Неплохо. Конечно, если использовать эти 3 способа сразу на одном изображении, то потеря качества может быть значительной. Тут пользуйтесь чем вам удобнее. Но лично я отдаю предпочтение первому способу с помощью Adobe Photoshop.

Способ №1. Уменьшение величины картинки в программе Paint.NET

Paint – это простейшая стандартная программа для редактирования растровых и векторных изображений. Доступна для всех пользователей операционных систем «Виндовс» .

Основные инструменты, доступные в приложении:

• добавление надписей;
• заливка элементов;
• обрезка, вставка;
• копирование фрагментов и прочее.

После изменения ширины и высоты фото, меняется размер.

Следуйте инструкции, чтобы уменьшить величину изображения Paint:

• Нажмите на нужную картинку правой кнопкой мышки и выберите пункт Изменить. Фото автоматически откроется в программе Paint в режиме редактирования;

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

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

Способ №2. Изменение размера в Фотошопе

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

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

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

• Попробуйте уменьшить фото на 10-15 процентов. Таким образом уменьшиться и его конечный вес.

Способ №3. Использование программ пакета MS Office

В тестовом процессоре ворд версии 2010 года и более ранних версиях присутствует функция сжатия картинок. В новейших версиях программы эту функцию убрали.

Добавьте картинку на страницу документа, затем в появившейся вкладке выберите «Открыть с помощью», и затем приложение MS Picture Manager.

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

Сохраните получившиеся изменения.

Важно! После сжатия может ухудшиться качество иллюстрации.

Способ №4. Использование онлайн сервисов

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

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

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

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

Это окно появляется в процессе сохранения конечного изображения.

Способ №5. Уменьшение размера на Mac устройствах

Для пользователей Mac OS доступно бесплатное приложение для работы с картинками и фото под названием iPhoto.

Если программа не установлена на вашем устройстве, скачайте ее с официального магазина. Это совершенно бесплатно.

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

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

Узнаём вес (размер) фотографии

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

• тип файла (jpeg, png и т.д.);
• размеры в пикселях (ширина, длинна);
• размер в мегабайтах (например, 1,89Мб).

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

Зачем нужно уменьшать вес фото jpeg

Предположим, вы скачиваете красивое фото, например, с сайта под названием Unsplash. В заголовке этого сервиса сказано — do whatever you wont, то есть «делайте что хотите». И вы делаете что хотите, загружая с этого сервиса много всяких красивых фотографий на сайт.

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

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

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

На сегодняшний день существует много онлайн сервисов для обработки фото. Возьмем, например, многим известный сервис Online Photo Editor Pixlr . Заходим на него и открываем вкладку «файл». Если изображение находится на вашем компьютере, выбираем команду «открыть изображение», если фото находится где-то в интернете, выбираем опцию «открыть Url изображения». Далее загружаем картинку, которую нужно уменьшить и там же во вкладке «файл» жмём на «сохранить».

Сразу же перед вами всплывёт окно, в котором ваша фотография будет уже в облегчённом варианте. Здесь же можно изменить расширение файла, например, с jpeg на png и дать ему новое имя. Качество полученного изображения будет достаточно высокого уровня и непрофессионалу отличить её от оригинала будет очень сложно.

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

После того как появится ваша фотография в окне программы во вкладке «файл», найдите команду «сохранить для Web…». В открывшемся окне появится два варианта фотографии: оригинал и копия. В правом верхнем углу можно отрегулировать качество фотографии. Чем меньше оно будет, тем меньше будет вес изображения. Лучше качество оставить то, которое предлагает программа по умолчанию. Сохраняете фото, дав ему новое имя и вуаля — у вас значительно облегчённый jpeg файл, готовый к загрузке на сайт.

Уменьшаем вес фото онлайн бесплатно и быстро

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

Уменьшаем вес фото с помощью расширения для браузеров Lightshot

И, наконец, уменьшить фото можно, установив в своем браузере инструмент для быстрой обработки картинок Lightshot . Его можно устанавливать во все популярные браузеры с магазинов дополнений. После установки расширения, в правом верхнем углу браузера появится значок «пёрышко». Чтобы активировать этот инструмент, сделайте по нему клик мышей.

Заключение

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

Как уменьшить вес фотографии или любой другой картинки очень быстро, не влезая в дебри фотошопа? Есть простая программа! Причем которую не надо устанавливать, так как она есть практически во всех компьютерах с операционной системой Windows. Не хотите разбираться в программе? Уменьшайте фото на онлайн-сервисе webresizer.com подробно о чем читайте ниже!

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

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

Уменьшаем вес фотографии или картинки в Picture Manager

Для уменьшения веса фотографий несколько последних лет я пользуюсь программой, входящей в пакет Microsoft Office, — менеджер по обработке изображений. Называется она Microsoft Office Picture Manager . Если у вас есть текстовый редактор Word, то должна быть и эта программа. С ее помощью можно быстро уменьшить вес как одной фотографии, так и сразу группы изображений.

Заходим в программу. Путь к программе Microsoft Office Picture Manager: «пуск» — «все программы» — «средства microsoft office» — «диспетчер рисунков microsoft office» . Или еще проще — щелкните по нужному изображению, затем нажмите правой клавишей мыши на нем и выберите «открыть с помощью» . Будет предложено несколько программ, среди которых будет и Picture Manager. Открываем изображение в программе:

В верхнем левом углу нажимаем вкладку «файл» — «добавить ярлык рисунка» .

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

Важно: если вы ведете блог в интернете ,

нужно всегда помнить об оптимизации картинок.

Оптимальный вес изображений для блога — 50 кб. и меньше.

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

Выделяем нужную фотографию щелчком мыши.

В верхней панели инструментов переходим на вкладку «рисунок» и выбираем опцию «сжать рисунки» :

В правой стороне экрана появится колонка «Сжать рисунки» :

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

Выбрав нужный параметр сжатия, нажимаем «ok» .

Теперь фотографию нужно сохранить. Лучше оставить оригинал — полную версию, а сжатое фото сохранить отдельным файлом. В верхней панели инструментов идем в «файл» — «сохранить как» . В открывшемся окне выбираем путь, в какую папку сохранять фото, даем название (отличное от оригинала), выбираем формат (JPEG) и нажимаем на «сохранить» . Таким образом, у нас получилось две фотографии: оригинал и сжатая копия.

Если вам не нужен оригинал, то после того, как вы выбрали параметр сжатия и нажали «ok», в верхней панели инструментов идем в «файл» — «сохранить» (без КАК) — уменьшенное изображение сохранится поверх оригинала, и на жестком диске компьютера останется только одна фотография.

Как уменьшить вес нескольких фото

Все абсолютно то же самое, только в начале, когда фото из папки загрузятся в программу, выделяем все фотографии, а не одну, удерживая shift . А при сохранении нажимаем на «сохранить все» — сжатые копии сохранятся поверх оригинала, поэтому, если необходимо сохранить папку с оригинальными размерами, то перед тем как загружать в программу, создайте копию папки в проводнике.

Как сжать фотографию еще быстрее

Если программа Microsoft Office Picture Manager есть на вашем компьютере, то при открытии любой фотографии в проводнике предлагается несколько программ на выбор. Я просто щелкаю правой мышкой по фото, которую собираюсь уменьшить. Появляется окно:

Выбираю «открыть с помощью» — Microsoft Office Picture Manager — фото сразу открывается в программе. Перехожу во вкладку «рисунок» — «сжать рисунки» — выбираю для «веб-страниц» — «ok» . Затем «сохранить» или «сохранить как» . Занимает очень мало времени. Всё, вес изображения сжат в несколько раз!

Уменьшить фото онлайн

Чтобы уменьшить вес фото онлайн мы воспользуемся сервисом webresizer.com , который уменьшит не только изображения в формате jpeg(обычные картинки, фото), но так же gif(анимация), png(прозрачный фон). На сервисе webresizer.com есть подробная, поэтапная инструкция-настройка, как сжать фото до любого размера и качества онлайн, так, что разберется даже начинающий пользователь.

Главное нужно указать изображение на вашем компьютере или телефоне, указать качество от 1 до 100, нажать кнопку ОК внизу страницы. Остальные настройки выставлены по умолчанию. Чем больше указано «качество » в настройках (80-100), тем больше получится размер файла. И наоборот, меньшее качество (50-75) даст меньший размер JPEG файла. При необходимости уровень качества (сжатия), с которым был создан jpeg-файл, можно узнать .

Если после сжатия размер jpeg файла стал наоборот больше, чем оригинал, то значит нужно понизить уровень качества с 80 на более меньшее число, например, установить 60. Размеры в пикселях и мегабайтах до и после сжатия можно будет увидеть после обработки или нажатия кнопки OK. Если при уровне качества в 40-50 размер всё равно больше оригинала, то сжимать картинку нет смысла - она и так была хорошо сжата. Можно разве что попробовать удалить метаданные , встроенные в jpg файл или удалить exif + сделать jpg прогрессивным без потери качества.

В настройках есть возможность выбрать тип субдискретизации (прореживания), что позволяет добиться бо́льшего сжатия jpg файла с минимальными потерями. Субвыборка 1x1 даёт наилучшее качество изображения, яркие цветовые переходы сохраняются, в основном подходит для качественных превью или маленьких картинок для предпросмотра. Субвыборка 2x1 - это наиболее распространённый метод , используется практически во всех цифровых фотокамерах, сжатие резких цветовых переходов происходит по горизонтали, позволяет добиться меньшего размера файла без особых потерь, отлично подходит для больших изображений. 1x2 - тоже самое, что и 2x1, но только усреднение резких цветовых переходов будет по вертикали. Субвыборка 2x2 усредняет резкие цветовые переходы по горизонтали и по вертикали, позволяет добиться наименьшего размера файла, подходит для размытых картинок.

Исходное изображение никак не изменяется. Вам будет предоставлена другая обработанная картинка в формате jpg.

На фотографиях "Красного перчика после дождя" указан уровень качества JPEG для сравнения:

Размеры этой jpg картинки в зависимости от уровня качества (Q - качество, KB - это размер в килобайтах):
Q 10 = 2 KB; Q 15 = 2,7 KB; Q 30 = 4,3 KB; Q 50 = 5,9 KB; Q 60 = 6,7 KB; Q 70 = 7,9 KB; Q 80 = 9,8 KB; Q 90 = 14,1 KB; Q 100 = 46,5 KB.

Из вышеуказанных примеров можно сделать вывод, что наилучшим соотношением размер-качество может быть уровень качества от 75 до 95. А для того, чтобы картинка занимала наименьший размер и была в тоже время более и менее нормальной, подойдёт качество 60-70. Если качество не имеет значения, а нужен маленький размер файла, то подойдёт процент качества от 30 до 50.

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