Как можно уменьшить размер фотографии мб. Сжатие JPEG файла онлайн

07.03.2020

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

А теперь дополнительные советы о том, как же оптимизировать картинки для сайта или блога:

Сохраняйте изображения в формате JPEG — это отличный способ сжать фото без потери качества.
Избегайте «тяжелых» форматов, например PNG. С его помощью можно добиться эффект прозрачности на картинках, так что многие его используют. Но иногда лучше отказаться от лишней красоты, и увеличить скорость загрузки сайта.
Называйте фотографии ключевыми словами, а не набором букв – поисковые системы обрабатывают названия и выводят их в поисковой выдаче. Так что вы можете получить дополнительный приток посетителей, если с умом выберите название.
В поле ALT или альтернативный текст нужно указать описание того, что изображено на картинке. Если картинка не загрузится, чтобы люди могли узнать, что там было изображено. Можно в описание естественно вписать ключ.
В поле Title стоит ввести текст, которые будет появляться при наведении курсора на картинку. Поисковые системы не учитывают этот показатель при ранжировании, так что ключ вписывать необязательно. Многие вебмастера вовсе не заполняют это поле.
Старайтесь использовать уникальные фотографии. Как добиться уникальности изображений я писала в этой статье .

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

Способ №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.

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

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

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

По традиции опишем нашу задачу:

Что мы имеем : фото, которое нам необходимо сжать. Допустим мы хотим отправить фотографию по почте, но фото слишком большого объёма.

Что нам необходимо : установленный пакет офисных программ Microsoft Office

В этом уроке речь пойдет конкретно об установленной программе «Диспетчер рисунков Microsoft Office» (в примерах используется операционная система Windows 7), которая уже входит в пакет программ Microsoft Office 2007. Найти её можно в меню «Пуск» -> Все программы -> Microsoft Office. Иконка этой программы в меню «пуск» выглядит так:

Рис 1. Расположение «Диспетчер рисунков Microsoft Office»

Одним кликом левой кнопки мыши запускаем «Диспетчер рисунков Microsoft Office», откроется окно программы:

Рис 2. Окно программы «Диспетчер рисунков Microsoft Office» с рисунком

Есть еще более быстрый вариант открытия фото в программе «Диспетчер рисунков Microsoft Office». Находим фото, которое необходимо сжать:

Рис 3. Фото, которое необходимо сжать

Рис 4. Другой способ открытия программы «Microsoft Office Picture Manager»

Наша фотография откроется в программе:

Рис 5. Фото открытое в программе «Microsoft Office Picture Manager»

Для того, чтобы сжать фото кликаем «Изменить рисунки…»:

Рис 6. Кнопка «Изменить рисунки…»

После этого, справа, появится дополнительное поле с параметрами изменения рисунков, нажимаем кнопку «Сжатие рисунков »:

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

После нажатия на кнопку «Сжатие риснков» в этом же блоке появятся параметры сжатия рисунка. В поле «Сжимать для» для соотношения качества и объема выбираем пункт «документов»:

Рис 8. Параметры сжатия рисунов

Как мы видим из поля ниже «Ожидаемый общий размер» исходный файл был 398 Кб а после сжатия фото будет «весить» около 192 Кб. Практически фото сжато более чем в два раза. Больший показатель сжатия будет у фото с большим размером, там разница в размерах будет более 10 раз!

После выбора способа сжатия кликаем на кнопку «OK», чтобы начать процедуру сжатия фото :

Рис 9. Нажимаем кнопку «ОК»

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

Рис 10. Метка об изменении файла картинки

Теперь наше фото находится в измененном состоянии, но результат сжатия еще не сохранен. Чтобы сохранить изменения в фото, нажимаем комбинацию клавиш на клавиатуре «Ctrl + S» (эта комбинация практически во всех программах Windows сохраняет изменения).

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

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

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

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

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

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

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

Для этого нам понадобиться программа Photoshop и немного времени. Начнем. Открываем вашу фотографию с помощью фотошопа, и начинаем работу над ним. Я выбрал вот это фото и до обработки оно весило почти 4 мегабайта , размерность 4000 на 3000 пикселей, а разрешение 480 пикс/дюйм. Представляете если у го медленный интернет, он вообще его не посмотрит, терпения не хватит ждать, пока оно загрузиться.

Теперь нажимаем Alt+Ctrl+I , либо через меню “Изображение ”-“Размер изображения… ”, перед нами откроется вот такое окошко, в котором будут указаны параметры вашего фото.

Теперь нам нужно изменить значение “Разрешение”, в данном примере оно равно 480 пикс/дюйм , но для интернета это слишком большое значение, изменяем его на 72 пикс/дюйм . Но хочу напомнить, если вы выкладываете для последующей печати, например детское фото, то не стоит пользоваться этим методом. Данный пример обработки подходит только для дальнейшего просмотра в интернете .

После того, как вы ввели значение 72, вы увидите, что размерность вашего фото тоже уменьшилась и размеры фотографии теперь пригодны для интернета. На мониторе фото будет смотреться лучше, чем было до этого, оно не будет вылезать за рамки монитора и не придется двигать “ползунки ”. Размер уменьшился на 600Х450 . Соответственно и вес фотографии тоже стал меньше . Сохраните и посмотрите сами, теперь он около 500 килобайт , Значительное сокращение в объеме. Уже намного лучше. но можно добиться и еще лучше результата.

До этого вы сохранили обычным способом, “Файл ”-“Сохранить как ”, это приемлемо, но есть и другой способ. Выберите меню “Файл ”-“Сохранить для Web устройств ” или нажмите сочетание клавиш Alt-Shift-Ctrl-S , появиться вот такое окно (Картинка кликабельна, откройте для полного просмотра )

Теперь в установках выбираем формат, это JPEG и качество устанавливаем “Очень высокое ”, если выбрать “Максимальное ”, то фото только не намного потеряет в весе, а С “Очень высокое ” оно заметно уменьшиться в размерах. Теперь сохраняем и смотрим результат, в моем примере фото стало 221 килобайт . Как видите очень заметное уменьшение в размере с 4 мегабайт до 211 килобайт .

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

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