Блог Максима Войтика
Публикации о способах
заработка в интернете и SEO

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

25 апреля 2017
Комментарии: 6

Все способы уменьшить размер картинки

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

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

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

Приведу реальные пример на себе.

В статьях этого блога 90% всех картинок это скриншоты, которые не в сжатом состоянии занимают не так много места (максимум 50 КБ), поэтому делать их размер еще меньше, тратя на это время не вижу смысла, другое дело если бы их вес составил 500 КБ, ведь некоторые статьи у меня размещают 50-100 скринов.

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

То есть с размера 1 МБ запросто можно получить 300 КБ и так далее. Нюансов конечно много, но это все равно лучше, чем размещать оригинал.

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


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

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

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

Optimizilla Это мой самый любимый оптимизатор изображений, которым я пользуюсь на данный момент.

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

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

главное окно Optimizilla

Далее ждем пока пройдет загрузка и обработка картинки.

загрузка Optimizilla

После этого мы видим результат, что фото было сжато на 69%, то есть из 2.2 МБ получилось 690 КБ. Такой баланс сервис выбирает сам, в виду максимального соотношения размер — качество.

сжатие в Optimizilla

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

На последнем этапе скачиваем полученные фотки.

Tinypng Еще один неплохой ресурс, который хорошо сжимает любую графику.

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

работа Tinypng

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

сжатие в Tinypng

Дабы скачать полученное фото, жмем по ссылке «Download».

Программы для ПК


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

Photoshop Эту программу знают все, а во многих языках ее имя стало «нарицательным» и обозначает какое-то действие с графикой.

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

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

открытие снимка в Photoshop

После этого опять идем в меню «Файл» и выбираем уже пункт «Сохранить для Web...».

сохранение проекта в Фотошопе

Появится окно с множеством настроек позволяющих уменьшить размер картинки.

Первым делом выбираем нужный формат снимка (если у нас прозрачный фон, тогда работаем с PNG), а затем передвигая ползунок «Качество» (от 0 до 100) сжимаем файл.

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

Тем самым добиваюсь минимального его размера пока в окне предпросмотра не будут заметны глазу кубики, волны и другие цифровые артефакты.

как уменьшить вес файла в Фотошопе

По окончанию всех манипуляций сохраняем работу.

Стоит дополнить, что в версии Photoshop CC 2016 и выше произошли небольшие изменения, теперь данная опция доступна по пути «Файл» — «Экспортировать» — «Экспортировать как…».

Вы увидите обновленный интерфейс, но суть останется прежней.

ACDsee Уверен все знают и пользуются этой программой для просмотра изображений.

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

Открываем картинку «Файл» далее «Открыть».

загрузка файла в программу ACDsee

После этого опять выбираем «Файл» далее «Сохранить как...»

сохранение объекта ACDsee

Появится окно, где надо нажать на кнопку «Параметры» и в появившемся окне перетянуть ползунок «Image quality» в сторону меньших значений (от 0 до 100), дабы сжать фото.

сжатие размера в ACDsee

Не забываем сохранить файл.

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

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

Интересно узнать, а как вы уменьшаете размер загружаемых файлов в сеть, жду комментарии к статье.

(1 голос., в среднем: 5,00 из 5)
Загрузка...
С уважением, Максим Войтик
Буду рад, если нажмете на любую из кнопок:
Комментарии (6)
  1. Валерий

    Спасибо, Максим! Очень полезный материал для начинающего блоггера и не только. Думаю пригодится многим ваша статья! Удачи, с уважением!!!

    Ответить
  2. Марина

    Я пользуюсь программой Riot. При каждом анализе моего сайта любой сервис сразу же сообщает что нужно сжимать-сжимать и ещё раз сжимать изображения. И поэтому я сама с собой торгуюсь из-за каждой десятой доли килобайта.

    Ответить
  3. Вячеслав

    Спасибо интересная статья. Я пользуюсь сервисом Resizepiconline.

    Ответить
  4. Александр

    Сервисами для уменьшения веса картинок не пользуюсь. Обычно уменьшаю в фотошопе. Нужно будет для эксперимента сравнить какой способ более эффективен. [good]

    Ответить
  5. Леонид

    Сомнительно, что «Сохранить для Web» в фотошопе произойдёт без потери качества. Для веба число точек на дюйм минимально.

    Ответить
    • Александр

      Леонид, попробуй сохрани, заодно и проверишь. На глаз точно разницы не увидишь. [:--_)]

      Ответить
Оставить свой комментарий
Обязательно ознакомьтесь с правилами комментирования!!! СПАМ будет удален!
:) :-D ;-) :-| [star] [good] [present] [flower] [:-))] [:))] [:--_)] [:-|]

© 2011-2017 seoslim.ru, блог Максима Войтика

Внимание! Копирование материала строго запрещено. Соблюдайте авторские права и уважайте труд других людей!