Содержание

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

Автор Анна Апрельская На чтение 6 мин. Опубликовано

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

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

 

  1. Как уменьшить вес фото без потери качества
  2. Как оптимизировать изображение для сайта

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

Чем меньше весит страница, тем быстрее она загрузится. И чаще всего вес увеличивается как раз из-за картинок. Многие начинающие блоггеры не задумываются о том, что нужно делать изображения как можно легче.

Элементарный пример: обычная несжатая фотография весит примерно 1,5-3 мб в лучшем случае. Бывают и более тяжелые случаи. Это фото можно уменьшить без потери качества более чем в 10 раз – до 50-100 кб.

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

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

Работать я буду с фотографией котика, которая весит 3мб (из интернета).

1. Сделать скриншот и вырезать. Первым делом я сделала скриншот картинки и сохранила отдельно – вес сразу стал 104 кб, качество пострадало лишь чуть-чуть, только если приблизить фото вплотную. Я скриншот делала с помощью встроенной функции Win7 Ножницы. Находятся в

ПускВсе программыСтандартныеНожницы.

Но не у всех есть такая возможность, так что можно просто нажать кнопочку Print Screen на клавиатуре, потом открыть Paint и с помощью клавиш ctrl + V вставить туда картинку. Обрезать лишнее, чтобы осталась только нужная картинка. Но таким способом вес получился 206 кб, что все равно лучше оригинала.

2. Paint может помочь уменьшить вес фотографии и без лишних заморочек со скриншотами. Просто откройте фотографию с помощью этой программы (она бесплатная и должна быть установлена по умолчанию). Нажмите Изменить размер и поставьте галочку на пикселях.

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

Уменьшаем цифру в поле По горизонтали на значение, которое вас устроит. Я указала 500, и вес сократился до 72,2кб. Выбирайте число, которое примерно равно ширине страницы на вашем сайте.

Это один из самых простых и доступных способов, но иногда уменьшение размера не сильно помогает. Можно использовать другие методы.

3. Picture Manager – это полезная программа для сжатия фотографий. Входит в стандартный пакет Microsoft Office, так что скорее всего у вас установлена.

Большой плюс этой программы – можно одновременно уменьшить размер и вес нескольких фотографий.

Нажмите на нужную фотографию Правой Кнопкой Мыши (ПКМ) и выберите Открыть с помощью — Microsoft Office Picture Manager.

Открыть с помощью Picture Manager

Нажимаем Изменить рисунок – Сжатие рисунков и выберите подходящий вариант сжатия. Например, в режиме Веб-страниц вес уменьшается с 3мб до 26,6кб, что можно считать очень хорошим результатом.

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

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

4. Photoshop – очень удобный способ, но только если вы разбираетесь в этой программе и она у вас установлена. Нажмите на фотографию ПКМ, выберите Открыть с помощью – Photoshop.

В верхнем меню Изображения выберите пункт Размер изображения или просто нажмите сочетание клавиш Alt+Ctrl+I. Здесь можно сократить размер фото до нужного.

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

Когда установите нужный размер, нажмите ОК. Зайдите в меню ФайлСохранить как… и даем нужное название, жмем Сохранить. После этого откроется окно, где можно внести дополнительные настройки:

фотошоп сохранение

Здесь уменьшаем качество до 8 – это все еще высокое качество, но сокращает размер примерно на четверть. В разновидности формата можно выбрать любой вариант, я выбираю обычно Базовый.

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

5. Онлайн сервисы – неплохая альтернатива всем вышеперечисленным методам. Не придется устанавливать дополнительные программы или разбираться в сложных схемах.

Найти подобные сайты можно без труда – их много. Я рассмотрю процесс на примере watermark.algid.net. Нажмите на верхнем меню Сервисы и выберите Изменение размеров изображения.

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

В новой странице нужно загрузить файл, затем поставить или убрать галочку

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

watermark.algid2

Нажмите кнопку Следующий шаг и сохраните полученное изображения, нажав ПКМ на него и выбрав Сохранить как…

Коллажи – отличный способ соединить 2-4 фотографии в одну, сократив их вес и не убирая их из статьи. Очень пригодится при размещении пошаговых рецептов – в одном снимке 4 шага. Для этих целей я использую удобный сайт pizapru.com. Бесплатный, без регистрации, интуитивно понятный и с множеством функций. Рекомендую.

Вот и все основные способы уменьшить вес фото без потери качества. Какой именно способ выбрать – решать вам.

 

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

 

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

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

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

Как уменьшить вес изображения? Сжатие размера фото

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

Как уменьшить размер изображения?

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

  1. Откройте выбранное изображение при помощи программы Paint
  2. Нажмите  пункт верхней панели «Меню» и выберите из контекстного списка «Сохранить как…».
  3. В появившемся окне измените название файла, чтобы исходное изображение осталось неизменным.
  4. Немного ниже можно изменить формат для файла, оптимальным вариантом будет – JPEG
  5. Нажмите сохранить и можете сравнить размер исходного файла и полученного путём сохранения в Paint. У меня получилось что компрессия достигается  около 5 – 10 %

Скорее всего подобная разница в размерах получается засчёт определённой кодировки файла при сохранении. Как я убедился на практике подобное решение не всегда срабатывает, и результат лучше всего заметен на оригинальных фотографиях. Так например, Вы не заметите разницы при сохранении небольшого изображения размером до 150 Килобайт и разрешением не больше 800 х 600.

Сжатие размера фото с помощи Microsoft Picture Manager

Второй метод уменьшения веса более наглядный. Для того чтобы воспользоваться нам понадобиться графический редактор – Microsoft Picture Manager. Эта программа поставляется в составе офисного пакета Microsoft Office, и находится практически во всех версиях данного продукта.

Найти программу можно по пути: Пуск – Программы – Microsoft Office – Средства Microsoft office; либо нажатием правой кнопкой мышки на исходное изображение – выберите пункт «Открыть с помощью» и нажмите искомую программу.

  1. Откройте фотографию в программе Microsoft Picture Manager
  2. В верхней части главного окна программы найдите кнопку «Изменить» — нажмите её.
  3. После у Вас появится боковая панель инструментов настройки.
  4. После найдите в появившейся панели два последних пункта, которые и отвечают за размер изображения.
  5. В зависимости от изменения фото выберим пункт. Если требуется уменьшить разрешение фотографии  — «Изменить размер», если требуется уменьшить вес файла, то «сжатие рисунков».
  6. Воспользуемся первым пунктом и уменьшим разрешение фотографии. Найдите Процент от исходной ширины и высоты« выделите  и установите значение от 1 до 99 процентов, значения выше 100 приведёт  к увеличению разрешения.
  7. Я решил уменьшить своё фото ровно в два раза, что будет равняться 50 % от исходного разрешения. Ниже можно наблюдать предварительные расчёты разрешения.
    Редактирование-фото-в-Microsoft-Picture-Manager.-Изменение-размера-изображения
  8. Для того чтобы сохранить желаемый результат нужно нажать кнопку «ОК» в конце боковой панели.
  9. После изменений следует сохранить полученное фото отдельным файлом, чтобы не затронуть оригинальное изображение. Нажмите в верху пункт «Файл» и выберите из контекста «Сохранить как…»
  10. Измените название файла или его место хранения!
  11. «Сжатие рисунков» — не представляет собой ничего сложного, так же откроем фото или картинку для редактирования, перейдём по последнему пункту «Сжатие рисунков».
  12. и из предложенного списка шаблонов сжатия выберем требуемое.
  13. Я выбрал  сжатие для «веб страниц»
  14. Так же как и в изменении размера можно пронаблюдать как измениться размер изображения, в моём случае оно уменьшилось почти в 11 раз.
    Редактирование-изображения-в-Microsoft-Picture-Manager.-сжатие-рисунков-для-веб-страниц
  15. Для того чтобы сохранить результат не забудьте нажать кнопку «ОК» внизу боковой панели.
  16. Чтобы не затронуть оригинального фото, следуйте пункту 9 – 10 этой инструкции.

Вместо послесловия

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