Как уменьшить размер изображения
Всем привет. Время от времени произвожу мониторинг своего сайта на сервисе от google — PageSpeed Insights, для проверки скорости загрузки сайта. Так именно там я узнаю о многих возникающих проблемах. Если скорость загрузки сайта очень медленная, то эта большая проблема и серьезно стоит взяться за её решение. Ведь именно из за этой причины мы теряем десятки, а то и сотни потенциальных читателей.
На сайтах развлекательной, научной, технической тематики довольно часто встречаются изображения. Порой такие изображения весят по 500 Кб и более. А давайте задумаемся сколько времени уходит на её загрузку при открытии страницы, а сколько ещё занимают другие элементы сайта, а если это не одно единственное изображение? Так вот, до недавнего времени я на это не обращал особого внимания, хотя заметьте в блогинге уже чуть более 3 лет). Сжатие изображений существенно ускоряет загрузку страниц, а процент сжатия составляет от 50% и более. К примеру, у себя, я сжимаю изображения весом около 300 кб до 100-150 кб. Старые изображения я решил у себя не трогать, а вот новые в обязательном порядке сжимаю, перед загрузкой на блог.
Как сжать изображения в операционной системы Linux
Сжатие изображений происходит при помощи специальной утилиты jpegoptim.
Устанавливается она через командную консоль из репозитория. Для этого в терминале нужно прописать следующие.
1 | $ sudo apt-get install jpegoptim |
Итак, вы установили. Теперь для того что бы сжать изображение без потери качества, в терминале необходимо прописать команду и указать путь к изображению.
1 | jpegoptim -v ./Изображения/картинка.jpeg |
Если вы хотите сильнее обычного сжать изображение, в ущерб качеству, то используйте вместо -v команду -m90. Цифра рядом с буквой означает, что 90% качества изображения будет сохранено. Из своего опыта советую ставить 90, так как потеря качества не заметна, а вот размер сжатия изображения достигает 60%, вместо 5-10%.
Пример команды:
1 | jpegoptim -m90 ./Изображения/картинка.jpeg |
Для заметки, создайте текстовый документ и скопируйте туда этот код, я уверен он вам не раз ещё понадобиться.
Как уменьшить размер изображение в Windows
Для этого понадобиться скачать программку jpegoptim — это можно сделать тут.
Программа весит всего 172 Кб, установки не требует, просто распаковываете архив, запускаете .exe файл и пользуйтесь на здоровье.
При запуске открывается окно, в нём необходимо прописать путь к вашему изображению .jpg формата.
Пример:
1 | jpegoptim "c:\long path\with spaces"\*.jpg |
Материалы по теме:
ХайлеАп:
:
Александр Рус:
Сергей:
Саша:
Тимофей:
В пакете Оффис майкрасофта действительно есть диспетчер рисунков и там можно производить его сжатие. Я на это тоже не обращала внимание,но теперь надо понемногу исправлять все свои картинки.За программку отдельное спасибо.
Ой..улетело. Допишу. Зависит от цели иллюстрации. Я обычно перевожу из .jpg в .png если надо сохранить размер, но сделать легче. Можно в Photoshop. А можно и редакторе, да в простейшем Paint. Выбрать Сохранить как.... Способ для не программеров.
Это просто выбираете в этих программах в каких форматах сохранить изображение, но оно ещё не сжато и весит достаточно много, после сжатия, как я писал в статье, картинка будет весить в разы меньше.
Наверное, все зависит ещё и от того, с какой ц
Хм..., интересно. Я всегда использую фотошоп. Сразу после необходимого редактирования и сживаю рисунок. А вот если нужно просто сжать, приходится лишний раз запускать фотошоп.
Александр, спасибо за предложенный вариант, приму на вооружение. Если не нужно будет редактировать картинку, а просто сжать ее - буду использовать.
Саша, а за программу jpegoptim - отдельное спасибо!
Возьму и её на вооружение.
Ведь всё хорошо в сравнении. 😉
А я вот уже установила Офис майкрасофта и там есть диспетчер рисунков, там можно с рисунком все делать что хочешь (сжатие, увеличение, обрезка, цвет, и т.д.), но и эту програмку я скачала, спасибо.
Насчет сжатия в офисе я не уверен, что это то самое, но вот всё остальное, что вы перечислили есть. А вообще jpegoptim рекомендует сам google.
Я пользуюсь сайтом оптимизилла , никаких программ не надо скачивать и устанавливать, просто загружаешь и скачиваешь
Ага есть такой сайт ShortPixel.
Всегда при анализе вижу замечание о том, что изображения не адаптированы и могут сильно замедлять загрузку сайта, но никогда не сталкивался с информацией как это сделать. Большое спасибо за подсказку, вижу и в комментариях есть полезная инфа.
Сам на это не обращал долгое время внимания, но оказывается не стоить этот нюанс оставлять без внимания.
Привет!
А я уже где-то писала, по-моему....
Сжимаю фото очень просто - делаю скрин нужной картинки с помощью инструмента "ножницы")).
Огромные тяжеленные фото в итоге весят не 5 мб, а в среднем 80-100 кб, без потери качества. Конечно, если их потом не планируется растягивать))).
Чем мне ещё это удобно - можно выделить только ту часть фото, которая нужна, и, к примеру, из квадратной картинки в два клика сделать прямоугольную)))
Хороший способ! Я тоже его изредка применяю. А в основном использую программу ACDSee. С её помощью также обрабатываю снимки - улучшаю цветопередачу, осветляю, выполняю различные операции - виньетки, спецэффекты. Подписываю фото при необходимости.
Эта программа - отличный и простой заменитель фотошопа.
Виталий, этими программами вы только сможете отредактировать видео, но не сжать.
Привет! Так после такой обработки фото все равно нужно сжимать, оно будет еще меньше весить, не 80-100, а примерно 40 Кб.
Да, знаю).
Но иногда мне лень сжимать ещё и оставляю так.
Хотя чем больше становится объём базы, тем чаще я задумываюсь о необходимости сжимать всё до минимума))
По точнее попробую выясниться, то что вы делаете это не сжатие)
Лично я получаю лучшие результаты с ShortPixel.
Посмотрел, классный сайт. У них там ещё и плагин для Wordpress есть. Взял в закладки, спасибо за информацию.