Как сжать изображение png

Как сжать изображение png

Зачем оптимизировать изображения

В нынешний век мобильных технологий оптимизация картинок в форматах PNG и JPG,JPEG стала снова актуальна, как это было актуальным в те времена, когда интернет только входил в нашу жизнь и был повсеместно медленным и диалапным. Мобильный интернет, конечно, не совсем корректно сравнивать с диалапом, но местами, где связь плохая, там и скорость доступа довольно маленькая. Да и в те времена пользователю было некуда деваться, и приходилось ждать загрузки страницы. Сейчас же интернет вырос, выбор сайтов большой. Пользователь стал капризным и нетерпеливым, и среднее время ожидания загрузки страницы сильно уменьшилось. Пользователю проще найти другой более шустрый сайт.
Да и поисковые гиганты навроде Google или Yandex начали обращать внимание на то, как быстро грузятся сайты, отдавая предпочтение в выдаче тем, что пошустрее. Не последнюю роль в этом играет и вес страницы, который, в свою очередь, сильно зависит от веса располагающихся на ней изображений. Довольно очевидно, что иметь компактные сжатые картинки выгодно всем. Поэтому здесь я хочу поговорить о том, как подготовить ваши PNG и JPG, JPEG файлы к заливке на хостинг.

Базовая оптимизация изображений

Тут подразумевается обрезка ненужных полей, уменьшение глубины цвета, удаление комментариев и сохранение изображения в подходящем формате. Для этого можете воспользоваться Adobe Photoshop, или, если у вас его нет, MS Paint или GIMP.
Даже элементарная обрезка изображения неплохо снизит его вес.

Как уменьшить изображение в MS Paint

Покажу на примере MS Paint, как уменьшить изображение до нужных размеров.
Возьмём для примера лого NGINX и его изображение nginx.png размером 2000×417 пикселей, которое нужно обрезать по ширине до 1024, т.к. это ширина вёрстки страницы, и делать больше нет смысла.

    Открываем Paint (Пуск-Выполнить-Вводим «mspaint»)

Как открыть MS Paint

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

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

File Optimizer для сжатия PNG и JPG,JPEG

Наиболее простой и быстрый способ добиться оптимального сжатия изображений без потери качества — использовать программу File Optimizer

Скачать File Optimizer вы можете с SourceForge.net

Описание. Является эффективным оптимизатором не только для изображений, но также и для .pdf, .docx, txt и иных текстовых, аудио- и видеофайлов, а также архивов. Полный список поддерживаемых расширений вы найдёте на официальной странице проекта.
Вот некоторые из утилит, используемых в работе: AdvanceCOMP, APNG Optimizer, CSSTidy, DeflOpt, defluff, Gifsicle, Ghostcript, jhead, jpegoptim, jpegtran, Leanify, mozjpeg, MP3packer, mp4v2, OptiPNG, PngOptimizer, PNGOUT, pngquant, pngrewrite, pngwolf, TruePNG, tidy-html5, ZLib, zRecompress. Думаю, даже этот неполный список довольно внушителен.

Установка и использование File Optimizer

Сначала скачиваете последнюю версию программы либо в виде инсталлятора, либо архива с файлами. Кстати, в архиве есть версия под 32-битную и 64-битную версии Windows.

File Optimizer в архиве

Интерфейс довольно простой и интуитивно понятный.
В настройке не нуждается, но вы можете некоторые форматы настроить под себя с помощью кнопки Options.
Использование. Вы либо перетаскиваете нужные файлы и даже папки (каталоги) в окошко программы, либо выбираете нужные через меню Add files.
Для оптимизации файлов жмёте Optimize all files

Интерфейс File Optimizer

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

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

Если вас интересуют подробности способов оптимизации, которые можно настроить на свой лад, далее пойдёт речь про настройку и использование утилит для сжатия изображений

Cжатие PNG без потери качества

Рассмотрим 3 программы для оптимизации PNG:

Сравним их по качеству сжатия картинок. Сжимать будем nginx.png из предыдущего раздела. Вес оригинала 27,5 Кб.

Cжатие PNG с помощью Adobe Photoshop

Первый в списке — хорошо известный всем фотошоп. Многофункциональный комбайн для дизайнера, который умеет почти всё, в том числе и сжимать изображения.
В фотошопе открываем Файл-Cохранить для Web либо используем комбинацию Alt+Shift+Ctrl+S

Читайте также:  Видео игры камазы в лесу

Сжимаем PNG в Adobe Photoshop

В результате получаем 22,7 Кб, т.е. сжали на 17,5%

PNG после сжатия в Adobe Photoshop

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

Использование OptiPNG для сжатия PNG

OptiPNG — программа, созданная специально для сжатия PNG изображений. Скачать её можно тут http://optipng.sourceforge.net/.

Рекомендую скачать и установить Far Manager. Далее он нам пригодится

Как установить и пользоваться OptiPNG

Скачали .exe, залили в C:Windows, взяли нужный PNG-файл, положили в какую нибудь папку. Теперь с помощью FAR Manager либо другого файлового менеджера с поддержкой консоли зашли в эту папку и ввели команду в консоль

Команда заставляет сжать PNG в папке. Позже рассмотрим простой вариант, как делать сжатие в один клик.
Но сначала взглянем на результат.

Сжимаем PNG с помощью OptiPNG

18,8 Кб, т.е. сжали на 31,6%, почти на треть. Весьма недурно, неправда ли? У фотошопа получилось намного хуже.

Использование PNGOUT для сжатия PNG

PNGOUT — утилита, так же, как и предыдущая, создана, чтобы сжимать PNG. Скачать её можно тут http://www.advsys.net/ken/utils.htm.

Как установить и пользоваться PNGOUT

Всё точно так же, как и для OptiPNG. Скачиваете PNGOUT.exe, закидываете в C:Windows, открываете в файловом менеджере, например, Far Manager папку с PNG, и в командной строке пишете

PNG после сжатия в PNGOUT

Результат 23,4 Кб, т.е. удалось сжать на 15%. Весьма неплохо.

Вообще, скажу сразу, у меня были разные результаты с разными файлами, где-то PNGOUT работал эффективнее, где-то OptiPNG, поэтому советую прогонять изображения по очереди через обе утилиты.

Как быстро сжать PNG в OptiPNG и PNGOUT

Создаёте файл png.reg и записываете туда данные для реестра

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

Чтобы удалить всё из контекстного меню, записываете нижеследующий код в png.reg и запускаете его

Cжатие JPG, JPEG без потери качества

Для оптимизации JPG, JPEG по аналогии с PNG существуют свои утилиты: jpegtran и jpegoptim. Конечно, вы можете пользоваться фотошопом, однако для сжатия JPG, JPEG я настоятельно рекомендую пользоваться именно ими.

Как установить, настроить и использовать jpegtran

jpegtran — мощная утилита, позволяющая выполнить как просто сжатие JPG без потери качества, так и сжатие с определённым уровнем сглаживания, и даже преобразование в Progressive JPEG.
Скачать jpegtran можно тут http://jpegclub.org/jpegtran/ (ищете и качаете jpegtran.exe).

Как сжать JPG, JPEG с помощью jpegtran

Заливаете jpegtran.exe в C:Windows
Потом открываете в Far Manager папку с нужным JPEG и в консоли вводите

Progressive JPG, JPEG

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

Как проверить, является ли изображение Progressive JPEG

Расширенные возможности jpegtran

Здесь рассмотрены все возможные варианты использования jpegtran

Как быстро на автомате сжать JPEG с помощью jpegtran в Windows

Через контекстное меню сжимать не получится из-за особенности работы утилиты, однако, настроить сжатие множества JPEG разом на автомате можно.
Для этого нам нужно создать файл с расширением .bat (Far Manager в помощь) и записать туда

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

Как установить, настроить и использовать jpegoptim

Как сжать JPG, JPEG с помощью jpegoptim

Заливаем jpegoptim.exe в C:Windows. Потом открываем папку с JPG изображениями с помощью Far Manager и вводим в консоль

Читайте также:  Где взять dns сервер

Как оптимизировать несколько JPG, JPEG разом с помощью jpegoptim

В отличие от jpegtran, утилита jpegoptim вполне замечательно позволяет работать с ней и из контекстного меню.
Создадим файл jpegoptim.reg, например, с помощью Far Manager, и запишем туда

Запустили, внесли данные в реестр. Теперь можно сжимать множество JPEG файлов с помощью контекстного меню, просто складываете нужные изображения в одну папку, ПКМ и «Run jpegoptim on Folder».

Как сжимать JPG с помощью jpegoptim

Если хотите удалить jpegoptim из реестра и контекстного меню, записываете jpegoptim.reg

Сохраняете, запускаете, вносите изменения в реестр.

Насколько качественно jpegtran и jpegoptim сжимают jpg, jpeg

Перейдём к испытаниям. Возьмём, к примеру, файл caching.jpg. В оригинале он весит 29,5 Кб

JPEG в оригинале

Испытания jpegtran на качество сжатия JPG, JPEG

Оптимизация JPG с помощью jpegtran

На выходе получилось 29,1 Кб, сжатие сэкономило 1,36%

Испытания jpegoptim на качество сжатия JPG, JPEG

Оптимизация JPG с помощью jpegoptim

В проводнике Windows этого не видно, сжатие составило несколько сотен байтов.

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

Как настроить сжатие png и jpg, jpeg на автомате

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

Необходимо предварительно установить jpegtran, jpegoptim, optipng, pngoutю
Инструкция по установке есть выше.

Итак, для этого нам потребуется правильно собрать архитектуру папок. Допустим, у вас есть папка images со своей иерархией вложенных в неё папок с PNG и JPG, которые вам нужно обработать.
Создаём папку optimus , в неё закинем папку images со всеми вложенными папками и файлами.
Открываем Far Manager, в нём открываем optimus, создаём там файл go.bat и записываем туда

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

Теперь сохраняем go.bat и запускаем его.

Если файлов много, сжатие изображений займёт какое-то время. Дождитесь, пока консоль не уведомит об окончании процесса.

Сжатие проходит с разделением файлов отдельно JPG, которые теперь располагаются в jpg_images , и PNG отдельно, которые располагаются в png_images .

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

Как оптимизировать и сжать GIF

Пользуйтесь File Optimizer. Но помните, GIF актуально использовать только для анимированных изображений. Используйте вместо него PNG. PNG сжиматся лучше GIF, в PNG возможно использовать прозрачную подложку, нет ограничения в 256 цветов в палитре.

В заключение

В этой статье я постарался максимально развёрнуто охватить способы оптимизации PNG и JPG. Если есть какие-то вопросы, дополнения, пишите в комментариях, обсудим

Загрузите изображения которые необходимо сжать в формате PNG или JPG.

Изображения прошедшие оптимизацию TinyPNG:

Что делает и что такое TinyPNG?

Tiny PNG использует уникальные интеллектуальные методы сжатия изображений в формате PNG для уменьшения и оптимизации его размера. Передовые алгоритмы сжатия TinyPNG основаны на методе частичной потери качества. За счет выборочного уменьшения количества цветов в PNG изображении требуется гораздо меньше физического пространства (байтов) для хранения данных изображения. Соответственно после оптимизации PNG изображение становится гораздо меньше в размере, но при этом визуально разница практически не различима! Файл PNG на порядок меньше по размеру, а разница не видна, отличный результат!

Зачем мне использовать TinyPNG?

PNG — широко распространённый формат изображений и поддерживается большинством популярных программ. PNG изображнния очень популярны среди дизайнеров и вебмастеров за возможность поддержки частично прозрачной графики. PNG формат использует сжатие по-умолчанию, но файлы все равно могут быть большими по размеру. Используя TinyPNG для сжатия PNG изображений, используемых на сайтах и приложениях вы можете значительно ускорить скорость их загрузки без визуальных потерь в дизайне, а также уменьшить объем траффика!

Оригинальное изображение PNG

Оптимизированное изображение PNG

TinyPNG — оптимизация без потери качества

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

Читайте также:  Asus zenfone 2 ze551ml инструкция

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

Посмотрите, пожалуйста, на пример оптимизированной при помощи сжатия TinyPNG картинки и убедитесь в этом сами!

Где работают анимированные PNG?

Браузеры Chrome, Firefox и Safari уже полностью поддерживают APNG. Браузер Microsoft Edge пока не поддерживает этот формат, но у вас есть отличная возможность поддержать новый формат для скорейшего добавления в браузер Edge, проголосовав за APNG на сайте разработчиков Microsoft.

Компания Apple добавила анимированные стикеры в iMessage в операционной системе iOS 10. Если вы хотите создать и оптимизировать стикеры размером менее 500 КБ, посмотрите на пример iMessage Panda в Github.

Новинка! Анимированные PNG доступны для оптимизации

Браузер Chrome прекрасно поддерживает APNG! Потрясающие по качеству анимированные изображения!

Программа сжатия работает следующим образом:

  • Png: чем больше цифра, тем сильнее сжатие, оптимально — 4.
  • Jpeg: чем больше цифра, тем лучше качество (100 — сжатие без потерь), оптимально для сайтов — 85

Чтобы уменьшить размер картинки, необходимо:

  1. Установить качество JPG или степень сжатия PGN, либо оставить стандартные настройки, так как они наиболее оптимальны.
  2. Нажать на область или перетащить в нее картинки, которые хотите сжать.
  3. Дождаться загрузки изображений в области.
  4. Жмете «Получить».
  5. Скачать архив с результатом (если картинок несколько) или картинку (если она одна).

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

  • Сжатое и размещенное на сайте изображение не будет тормозить загрузку страницы,
  • Файл сжимается автоматически. Программное обеспечение сервиса все сделает за вас,
  • Возможно пакетное сжатие множества фото,
  • Безопасность использования. Загружаемые изображения любой размерности не попадут в третьи руки при пользовании нашим сервисом,
  • Можно снизить качество JPG или PNG до требуемого,
  • Вы можете облегчить рисунок, чтобы его размер стал таким, как нужно,
  • Изменение размерности любого файла возможно как с незначительной потерей качества, так и вовсе без потерь.

Рассмотрим наглядный пример работы нашего сервиса

Возьмем картинку в формате JPEG, размером 3840 на 2400 пикселей и 2,16 Мб

Уменьшим ее, выставив в настройках файла «Качество jpg» 90%, получим результат:

Вес файла 1,19 МБ

Теперь файл весит 801 КБ

Как видим, вес картинки уменьшился в несколько раз, при этом «на глаз» это незаметно.

Какие вопросы можно решить, уменьшая размер любого файла?

Самые популярные из них — это:

  • Ускорение загрузки страницы, где будет выложено изображение. В мире, да и в России, все еще остались места, где сохранилась платная тарификация интернета. Поэтому после уменьшения размера картинки человек сможет полноценно серфить по вашему сайту без больших расходов трафика.
  • Скорость загрузки. Даже если пользователи имеют высокоскоростной интернет, тяжелый файл и интернет-страница будут загружаться сравнительно долго. Это уже не говоря про мобильный интернет, скорость которого ниже. При этом если картинки будут сжаты с помощью нашей программы, то страницы, где они размещены, загрузятся в 2-3 раза быстрее.
  • Сделать изображение необходимой размерности. Многие сайты и социальные сети выставляют ограничения на загружаемые снимки. Это делается для обеспечения стабильной работы таких ресурсов.

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

Ссылка на основную публикацию
Как сделать чтобы контакт не запоминал пароль
Если вас интересует, как в ВК удалить сохраненный пароль, значит вы попали к нам на страничку очень кстати. Мы как...
Как сделать ксерокопию на принтере epson
Вы можете использовать сканер с принтером, подсоединенные к компьютеру, в качестве копировальной машины. Вы можете увеличивать или уменьшать изображение, восстанавливать...
Как сделать левый ноль в частном доме
Популярные материалы Today's: Как сделать левое электричество в частном доме. Подключение левой розетки внутри дома Здесь применяется тот же самый...
Как сделать чтобы металлоискатель не обнаружил телефон
Использование арочных и ручных металлоискателей – это один из самых распространенных способов досмотра в любом общественном месте, начиная от обычного...
Adblock detector