В нынешний век мобильных технологий оптимизация картинок в форматах PNG и JPG,JPEG стала снова актуальна, как это было актуальным в те времена, когда интернет только входил в нашу жизнь и был повсеместно медленным и диалапным. Мобильный интернет, конечно, не совсем корректно сравнивать с диалапом, но местами, где связь плохая, там и скорость доступа довольно маленькая. Да и в те времена пользователю было некуда деваться, и приходилось ждать загрузки страницы. Сейчас же интернет вырос, выбор сайтов большой. Пользователь стал капризным и нетерпеливым, и среднее время ожидания загрузки страницы сильно уменьшилось. Пользователю проще найти другой более шустрый сайт.
Да и поисковые гиганты навроде Google или Yandex начали обращать внимание на то, как быстро грузятся сайты, отдавая предпочтение в выдаче тем, что пошустрее. Не последнюю роль в этом играет и вес страницы, который, в свою очередь, сильно зависит от веса располагающихся на ней изображений. Довольно очевидно, что иметь компактные сжатые картинки выгодно всем. Поэтому здесь я хочу поговорить о том, как подготовить ваши PNG и JPG, JPEG файлы к заливке на хостинг.
Базовая оптимизация изображений
Тут подразумевается обрезка ненужных полей, уменьшение глубины цвета, удаление комментариев и сохранение изображения в подходящем формате. Для этого можете воспользоваться Adobe Photoshop, или, если у вас его нет, MS Paint или GIMP.
Даже элементарная обрезка изображения неплохо снизит его вес.
Как уменьшить изображение в MS Paint
Покажу на примере MS Paint, как уменьшить изображение до нужных размеров.
Возьмём для примера лого NGINX и его изображение nginx.png размером 2000×417 пикселей, которое нужно обрезать по ширине до 1024, т.к. это ширина вёрстки страницы, и делать больше нет смысла.
На выходе получаем картинку, которая прошла минимальную базовую оптимизацию. Пора переходить к сжатию её веса.
File Optimizer для сжатия PNG и JPG,JPEG
Наиболее простой и быстрый способ добиться оптимального сжатия изображений без потери качества — использовать программу File Optimizer
Официальный сайт и описание программы :
Скачать File Optimizer вы можете с
Описание
. Является эффективным оптимизатором не только для изображений, но также и для.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.
Интерфейс довольно простой и интуитивно понятный.
В настройке не нуждается, но вы можете некоторые форматы настроить под себя с помощью кнопки Options...
Использование
. Вы либо перетаскиваете нужные файлы и даже папки (каталоги) в окошко программы, либо выбираете нужные через меню Add files...
Для оптимизации файлов жмёте Optimize all files
Оптимизированные файлы заменят собой исходники, иерархия категорий также сохранится. Напротив каждого файла будет показана статистика, сколько в процентах от исходного размера файла весит оптимизированная версия.
После завершения работы внизу в статусной строке будет выведена статистика по количеству обработанных файлов, а также сколько получилось сэкономить.
На мой взгляд, File Optimizer свою работу выполняет очень качественно.
Единственный минус, если список файлов большой, ждать результатов можно долго, но оно стоит того.
Если вас интересуют подробности способов оптимизации, которые можно настроить на свой лад, далее пойдёт речь про настройку и использование утилит для сжатия изображений
Cжатие PNG без потери качества
Рассмотрим 3 программы для оптимизации PNG:
- Adobe Photoshop
- OptiPNG
- PNGOUT
Сравним их по качеству сжатия картинок. Сжимать будем nginx.png из предыдущего раздела. Вес оригинала 27,5 Кб.
Cжатие PNG с помощью Adobe Photoshop
Первый в списке — хорошо известный всем фотошоп. Многофункциональный комбайн для дизайнера, который умеет почти всё, в том числе и сжимать изображения.
В фотошопе открываем Файл-Cохранить для Web
либо используем комбинацию Alt+Shift+Ctrl+S
В результате получаем 22,7 Кб, т.е. сжали на 17,5%
К сожалению, большинство графических программ не способны раскрыть весь потенциал алгоритмов, используемых для сжатия PNG. Главная причина в том, что для определения оптимальной стратегии сжатия они используют эвристические алгоритмы, которые позволяют без проведения компрессии прикинуть эффективность тех или иных параметров, что, в результате, даёт большой процент ошибок. Поэтому для сжатия PNG мы используем специально созданные для этого утилиты, а именно OptiPNG и PNGOUT.
Использование OptiPNG для сжатия PNG
Как установить и пользоваться OptiPNG
Скачали.exe, залили в C:\Windows, взяли нужный PNG-файл, положили в какую нибудь папку. Теперь с помощью FAR Manager либо другого файлового менеджера с поддержкой консоли зашли в эту папку и ввели команду в консоль
Optipng -o7 nginx.png
Команда заставляет сжать PNG в папке. Позже рассмотрим простой вариант, как делать сжатие в один клик.
Но сначала взглянем на результат.
18,8 Кб, т.е. сжали на 31,6%, почти на треть. Весьма недурно, неправда ли? У фотошопа получилось намного хуже.
Использование PNGOUT для сжатия PNG
Как установить и пользоваться PNGOUT
Всё точно так же, как и для OptiPNG. Скачиваете PNGOUT.exe, закидываете в C:\Windows, открываете в файловом менеджере, например, Far Manager папку с PNG, и в командной строке пишете
Pngout nginx.png
Результат ниже
Результат 23,4 Кб, т.е. удалось сжать на 15%. Весьма неплохо.
Вообще, скажу сразу, у меня были разные результаты с разными файлами, где-то PNGOUT работал эффективнее, где-то OptiPNG, поэтому советую прогонять изображения по очереди через обе утилиты.
Как быстро сжать PNG в OptiPNG и PNGOUT
Создаёте файл png.reg и записываете туда данные для реестра
Windows Registry Editor Version 5.00 @="Run OptiPNG on Folder" @="cmd.exe /c \"TITLE Running OptiPNG on %1 && FOR /r \"%1\" %%f IN (*.png) DO optipng -o7 \"%%f\" \"" @="Run PNGOUT on Folder" @="cmd.exe /c \"TITLE Running PNGOUT on %1 && FOR /r \"%1\" %%f IN (*.png) DO pngout \"%%f\" \""
Потом запускаете этот файл и записываете данные в реестр Windows.
Теперь при клике по папке с файлами PNG, которые нужно сжать, выбираете нужные вам команды, сжатие произойдёт автоматически и для всех изображений разом.
Чтобы удалить всё из контекстного меню, записываете нижеследующий код в png.reg и запускаете его
Windows Registry Editor Version 5.00 [-HKEY_LOCAL_MACHINE\SOFTWARE\Classes\Folder\shell\OptiPNG] [-HKEY_LOCAL_MACHINE\SOFTWARE\Classes\Folder\shell\OptiPNG\command] [-HKEY_LOCAL_MACHINE\SOFTWARE\Classes\Folder\shell\PNGOUT] [-HKEY_LOCAL_MACHINE\SOFTWARE\Classes\Folder\shell\PNGOUT\command]
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 и в консоли вводите
Jpegtran -copy none -optimize -outfile min.1.jpg 1.jpg # Базовая оптимизация 1.jpg # -copy none убирает метаданные из JPG # -optimize оптимизирует изображение
Progressive JPG, JPEG
Это такой тип JPG, который при загрузке страницы сначала показывает общие очертания, потом догружается и доводит качество картинки до максимального. Очень удобно для медленного мобильного интернета, и потому его необходимо использовать.
Jpegtran -progressive -outfile 1.jpg 1.jpg # Трансформирует формат 1.jpg в Progressive
Как проверить, является ли изображение Progressive JPEG
Расширенные возможности jpegtran
Здесь рассмотрены все возможные варианты использования jpegtran
Jpegtran --help usage: jpegtran inputfile outputfile Switches (names may be abbreviated): -copy none Copy no extra markers from source file -copy comments Copy only comment markers (default) -copy all Copy all extra markers -optimize Optimize Huffman table (smaller file, but slow compression) -progressive Create progressive JPEG file Switches for modifying the image: -crop WxH+X+Y Crop to a rectangular subarea -flip Mirror image (left-right or top-bottom) -grayscale Reduce to grayscale (omit color data) -perfect Fail if there is non-transformable edge blocks -rotate Rotate image (degrees clockwise) -scale M/N Scale output image by fraction M/N, eg, 1/8 -transpose Transpose image -transverse Transverse transpose image -trim Drop non-transformable edge blocks -wipe WxH+X+Y Wipe (gray out) a rectangular subarea Switches for advanced users: -arithmetic Use arithmetic coding -restart N Set restart interval in rows, or in blocks with B -maxmemory N Maximum memory to use (in kbytes) -outfile name Specify name for output file -verbose or -debug Emit debug output Switches for wizards: -scans file Create multi-scan JPEG per script file
Как быстро на автомате сжать JPEG с помощью jpegtran в Windows
Через контекстное меню сжимать не получится из-за особенности работы утилиты, однако, настроить сжатие множества JPEG разом на автомате можно.
Для этого нам нужно создать файл с расширением.bat ( в помощь) и записать туда
Cd /d . for %%j in (*.jpg) do call:sheensay "%%~nxj" "%%~nj.jpg" goto:eof:sheensay jpegtran -copy none -optimize -progressive "%~1" "%~2"
Как установить, настроить и использовать jpegoptim
Как сжать JPG, JPEG с помощью jpegoptim
Заливаем jpegoptim.exe в C:\Windows. Потом открываем папку с JPG изображениями с помощью Far Manager и вводим в консоль
Jpegoptim *.jpg --strip-all --all-progressive
Как оптимизировать несколько JPG, JPEG разом с помощью jpegoptim
В отличие от jpegtran, утилита jpegoptim вполне замечательно позволяет работать с ней и из контекстного меню.
Создадим файл jpegoptim.reg, например, с помощью Far Manager, и запишем туда
Windows Registry Editor Version 5.00 @="Run jpegoptim on Folder" @="cmd.exe /c \"TITLE Running jpegoptim on %1 && FOR /r \"%1\" %%f IN (*.jpg) DO jpegoptim *.jpg --strip-all --all-progressive \"%%f\" \""
Запустили, внесли данные в реестр. Теперь можно сжимать множество JPEG файлов с помощью контекстного меню, просто складываете нужные изображения в одну папку, ПКМ и «Run jpegoptim on Folder».
Если хотите удалить jpegoptim из реестра и контекстного меню, записываете jpegoptim.reg
Windows Registry Editor Version 5.00 [-HKEY_LOCAL_MACHINE\SOFTWARE\Classes\Folder\shell\jpegoptim] [-HKEY_LOCAL_MACHINE\SOFTWARE\Classes\Folder\shell\jpegoptim\command]
Сохраняете, запускаете, вносите изменения в реестр.
Насколько качественно jpegtran и jpegoptim сжимают jpg, jpeg
Перейдём к испытаниям. Возьмём, к примеру, файл caching.jpg. В оригинале он весит 29,5 Кб
Испытания jpegtran на качество сжатия JPG, JPEG
jpegtran -copy none -optimize -progressive caching.jpg caching.jpg
На выходе получилось 29,1 Кб, сжатие сэкономило 1,36%
Испытания jpegoptim на качество сжатия JPG, JPEG
jpegoptim caching.jpg --strip-all
В проводнике Windows этого не видно, сжатие составило несколько сотен байтов.
Что ж, исходный файл был неплохо подготовлен, поэтому сжатие не дало видимого эффекта, но когда вы будете обрабатывать свои неоптимизированные изображения, порой будете удивляться, как хорошо можно сэкономить в размере.
Как настроить сжатие png и jpg, jpeg на автомате
Если вы дочитали до этого раздела, но всё ещё недовольны предложенными вариантами, предлагаю вам самим собрать портативный комбайн — сервис по сжатию картинок, фото, изображений, который будет работать как надо вам прямо на вашем рабочем столе.
Необходимо предварительно установить jpegtran , jpegoptim , optipng , pngout ю
Инструкция по установке есть выше.
Итак, для этого нам потребуется правильно собрать архитектуру папок. Допустим, у вас есть папка images со своей иерархией вложенных в неё папок с PNG и JPG, которые вам нужно обработать.
Создаём папку optimus , в неё закинем папку images со всеми вложенными папками и файлами.
Открываем , в нём открываем optimus, создаём там файл go.bat и записываем туда
@ECHO OFF CLS SetLocal EnableExtensions EnableDelayedExpansion set home_path=%~dp0:: Название папки, в которой лежат необработанные изображения set folder=images echo Обработка *.JPG файлов через jpegtran:: Создаём папку, в которой будут храниться сжатые jpg. В нашем случае, это jpeg_images xcopy /y /t /c /i "%folder%" "jpg_%folder%" :: Для каждого.jpg проводим оптимизацию с помощью jpegtran. Выходной.jpg будет записан в jpeg_images for /r %folder% %%a in (*.jpg) do (set fn=%%a& jpegtran -copy none -optimize -progressive -outfile %home_path%jpg_!fn:%~dp0=! %home_path%!fn:%~dp0=!) echo Обработка *.JPG файлов через jpegtran завершена:: Указываем, что теперь прогон нужно осуществлять в новой папке jpeg_images set folder = jpg_%folder% echo Обработка *.JPG файлов через jpegoptim for /r %folder% %%a in (*.jpg) do (set fn=%%a& jpegoptim %%~a --strip-all) echo Обработка *.JPG файлов через jpegoptim завершена echo Обработка *.PNG файлов через optipng xcopy /y /t /c /i "%folder%" "png_%folder%" for /r %folder% %%a in (*.png) do (set fn=%%a& optipng -o7 %%~a -out %home_path%png_!fn:%~dp0=!) echo Обработка *.PNG файлов через optipng завершена set folder=png_%folder% echo Обработка *.PNG файлов через pngout for /r %folder% %%a in (*.png) do (set fn=%%a& pngout %%~a) echo Обработка *.PNG файлов через pngout завершена pause
Код закомментирован в важных частях. По сути, ничего сложного, разберётесь, если вам это нужно.
Теперь сохраняем go.bat и запускаем его.
Если файлов много, сжатие изображений займёт какое-то время. Дождитесь, пока консоль не уведомит об окончании процесса.
Сжатие проходит с разделением файлов отдельно JPG, которые теперь располагаются в jpg_images , и PNG отдельно, которые располагаются в png_images .
Если нужно изменять качество или другие параметры, смотрите описание утилит выше и изменяйте код под свои нужды.
Как оптимизировать и сжать GIF
В заключение
В этой статье я постарался максимально развёрнуто охватить способы оптимизации PNG и JPG. Если есть какие-то вопросы, дополнения, пишите в комментариях, обсудим
Выдающиеся детали (вы не просили)
Некоторые форматы изображений, такие как JPG, поддерживают Lossy Compression . Когда Сжатое сжатое изображение сохраняется, а затем возвращается назад, изображение не на 100% точно так же, как вы его разработали, а просто «закрываете» его, вроде эскиза. Некоторые из оригинальных деталей теряются . Поскольку нет ожиданий точности, Lossy Compressed images обладает роскошью хранения небольшой информации об оригинальном дизайне, что приводит к небольшим файлам. Они даже позволяют вам указать, насколько точным должен быть результат: чем менее точный результат должен быть, тем меньше файл.
С другой стороны, формат PNG по дизайну поддерживает сжатие Lossless . Это означает, что после того, как изображение будет сохранено в файле, когда оно будет возвращено, все пиксели будут отображаться точно так же, как вы их разработали, не теряя при этом никаких деталей. Это здорово, но, к сожалению, это означает, что он должен хранить много информации, чтобы визуализировать изображение отлично, в результате чего большие файлы.
PNG делает свою интеллектуальную вещь для оптимизации необходимой информации, прежде чем сохранять ее в файл, но вы не можете указывать, как вы это делаете, с JPG, насколько сжатым или точным вы хотите, чтобы файл был. Результат такой же, как и есть, и вы не можете контролировать, насколько велика будет файл.
Некоторые предложения
Сказав это, есть несколько вещей, которые вы могли бы сделать, чтобы попытаться получить меньший файл.
- Большие области плоских цветов сжимаются лучше, чем сложные узорчатые области. Посмотрите, можете ли вы упростить свое изображение.
- У вас много негативного пространства вокруг изображения? Попытайтесь сократить его до минимума.
- Вы используете прозрачность? Если нет, попробуйте сохранить изображение как JPG.
- Если вы не можете сохранить его как JPG по какой-либо причине, но не используете прозрачность, откройте «прозрачность» из параметров сохранения. Это приведет к потере немного укусов из вашего конечного результата.
- Подумайте обрезать изображение по частям и составить его в финальном HTML, как своего рода загадку. Вы можете сохранить части, которые требуют прозрачности, как PNG, а другие части — сжатые JPG. Общий результат должен быть менее тяжелым.
- Используйте инструмент сжатия PNG (например, https://tinypng.com/). Имейте в виду, что эти инструменты используют алгоритм с потерями. Они пытаются упростить ваше изображение, чтобы сохранить его как файл меньшего размера. Они значительно уменьшают размер вашего файла, но конечный результат может потерять слишком много деталей. Вы всегда можете попробовать их и оценить результат в зависимости от приложения.
TinyPNG конвертирует в 8-битный PNG, который выглядит как GIF.
@Heanz. Правда. Он преобразуется в 8-разрядный. Но это не GIF. Он поддерживает альфа-прозрачность. По моему опыту, я никогда не замечал разницы между полномасштабным PNG и тем, который они производят.
@cokcypup Для логотипов, которые я верю, но для человеческого лица, никоим образом.
@Heanz я никогда не использовал для человеческих лиц, но я регулярно использую его для косметических упаковочных фотографий. Я не могу сказать, в чем разница. Тем не менее, мой комментарий об альфе является правильным. Формат GIF не поддерживает альфа-прозрачность.
Совсем недавно на почту пришло письмо от человека, который долгое время занимается html-версткой. В письме, читатель моего блога спрашивает, как сделать максимально маленьким размер png файла. Уверен, что ответ на данный вопрос будет интересен и другим читателям моего блога.
Итак, задача следующая:
Необходимо сжать png-файл и добиться тем самым уменьшение размера файла.
Для этого, в PhotoShop"e открываете панель «Action», затем, открываете сам файл (который хотите операцию сжатия) называете его как-нибудь. Затем идем в «Record» (кружочек будет красненьким), делаем необходимые операции и по завершении жмем на квадратик (слева от красного кружочка) это «Stop» далее открываете «Batch», выбираете записанный «Action».
Смотрите на скриншотах:
Надеюсь этот урок будет полезен Вам при очередной верстке сайта С уважением, Vasilenko Ivan!
Оптимизация изображений PNG
Если изображения, созданные или обработанные в Фотошоп, оптимизировались нами всё это время форматом JPG и однажды, нам захотелось попробовать сохранить (оптимизировать) их PNG или GIF, то мы действуем также как и в случае с оптимизацией JPG.
Щёлкнув по кнопке «Файл» верхнего меню мы развернём перечень опций, в котором выберем команду «Сохранить как…»:
Запомнив сочетание клавиш Shift+Ctrl+S, мы сократим количество своих действий.
Как уменьшить размер файла JPG ? 4 быстрых способа!
Нажатие такого сочетания клавиш сразу же выводит окошко выбора места сохранения и типа файла:
Давайте щёлкнем по стрелочке для раскрытия списка с типами файлов, где выберем тип PNG:
Как мы видим, эта процедура идентична оптимизации не только JPG, но и вообще любой процедуре сохранения созданного или каким-либо способом отредактированного файла.
После выбора формата PNG, Фотошоп предложит два варианта оптимизации и два варианта вывода уже оптимизированной картинки при просмотре, ну а наша задача сделать свой индивидуальный выбор:
Версия Фотошоп CS6 предусматривает дополнительное пользовательское сжатие на выбор, а предыдущая версия CS5 сжимает картинку самостоятельно автоматически, предлагая нам, лишь определиться с её выводом (появлением) при просмотре:
Когда мы говорим о просмотре, то ведём речь, так сказать, о двух видах просмотра. Один вид я бы назвал бытовым просмотром, то есть мы смотрим изображения средствами операционной системы (встроенный медиа плеер). К другому виду просмотра можно отнести изображения в среде Интернета.
Всё зависит от того кому предназначено изображение и где оно это самое изображение, покинув Фотошоп, будет размещено. Пожалуй, лучшим будет довериться своим глазам. Если, то, что мы видим после сжатия, глаз, как говорят, не радует, то мы пробуем другой вариант. Зацикливаться на степени сжатия и качестве воспроизведения картинки, не будем. Спать мы должны крепко и сладко (юмор).
Визуально изображение должно выглядеть достаточно качество и иметь не очень большой размер (как файл). К тому же у нас есть запасной вариант - JPG для обработанных фотографий. Длинные ресницы, осиная талия и всё такое.
Не будем забывать о супер возможности с помощью PNG при оптимизации, сохранить многоуровневую прозрачность, если наше изображение содержит слои с разной степенью прозрачности:
Давайте воспользуемся имеющейся возможностью Фотошоп CS6 дополнительной регулировки степени сжатия и посмотрим на размер файлов в первом и втором вариантах сжатия, а также на то, каким будет наше зрительное восприятие.
Оптимизируем изображение по варианту сжатия «Нет/быстро»:
А затем, по варианту «Самый маленький/медленно»:
Теперь с помощью средств операционной системы нашего компьютера посмотрим на наше изображение оптимизированное, или иначе говоря, сжатое с разной степенью.
Посмотрим на картинку с первым вариантом оптимизации. Достаточно просто навести курсор мыши на изображение:
Теперь переведём курсор мыши на изображение сжатое по второму варианту:
Итак, мы посмотрели и сравнили одно и то же изображение, оптимизированное двумя различными вариантами. От наших глаз не ускользнул тот факт, что в обоих вариантах размер изображения по высоте и ширине идентичен, а вот их размер как файлов значительно друг от друга отличается (в байтах). Что касается меня, то мои глаза не видят какой-то потери качества картинки при более высокой степени сжатия. Резкость (чёткость), контрастность, насыщенность цветами, мои глаза на обоих этих значках воспринимают одинаково.
Давайте посмотрим на оба варианта оптимизации с помощью средств операционной системы. Оптимизация по первому варианту сжатия:
Теперь посмотрим на оптимизацию с более высокой степенью сжатия (вариант 2):
Опять скажу о себе. При различном размере файлов мои глаза не видят отличий. При переключении с одной картинки на другую я не заметил перехода. Такое впечатление, будто кнопки переключения с изображения на изображение (вперёд/назад) не функционируют.
Для принятия решения о том, с какой степенью сжимать изображения в будущем и в зависимости от их места размещения, мы можем смотреть на изображения уже после их сжатия разными вариантами, в Фотошоп, используя режим нескольких окон. Процесс прост. Открыв оба изображения в Фотошоп, мы сравниваем их между собой, переводя взгляд с одного изображения на другое.
Чтобы провести этот сравнительный анализ нам нужно обратиться к пункту «Окно» верхнего меню и выбрать опцию «Упорядочить»:
Где щелчком по стрелочке открыть окошко с перечнем вариантов:
Поскольку в нашем примере изображений только два, то на вполне подойдёт режим двух окон. Мы можем выбрать горизонтальное расположение окон или же вертикальное. Выбираем тот вариант, который нам больше нравится и удобней:
What does TinyPNG do?
TinyPNG uses smart lossy compression techniques to reduce the file size of your PNG files. By selectively decreasing the number of colors in the image, fewer bytes are required to store the data. The effect is nearly invisible but it makes a very large difference in file size!
Why should I use TinyPNG?
PNG is useful because it’s the only widely supported format that can store partially transparent images . The format uses compression, but the files can still be large. Use TinyPNG to shrink images for your apps and sites. It will use less bandwidth and load faster .
Can anyone tell the difference?
Excellent question! Let me give you a side by side comparison. Below are two photos of my cousin. The left image is saved as 24-bit PNG directly from Adobe Photoshop. On the right is the same image processed by TinyPNG. Spot any difference?
How does it work?
Excellent question! When you upload a PNG (Portable Network Graphics) file, similar colors in your image are combined. This technique is called “quantization”. By reducing the number of colors, 24-bit PNG files can be converted to much smaller 8-bit indexed color images. All unnecessary metadata is stripped too. The result: better PNG files with 100% support for transparency . Have your cake and eat it too!
In the above image the file size is reduced by more than 70% . I have excellent eyesight but can’t spot the difference either! Use the optimized image to save bandwidth and loading time and your website visitors will thank you.
Is it supported everywhere?
Excellent question! The files produced by TinyPNG are displayed perfectly on all modern browsers including mobile devices . Still need to support Internet Explorer 6? It normally ignores PNG transparency and displays a solid background color. With TinyPNG the background becomes transparent again. Binary transparency without any workarounds!
Is it safe to use animated PNG?
Excellent question! Chrome, Firefox and Safari all support APNG. Google added their support in Chrome 59 only just recently in June 2017 so it is expected that the format will really start to take off from now! It only leaves Microsoft Edge and we can vote for their support.
Apple added animated stickers to iMessage with the release of iOS 10.
Как уменьшить размер фото до нужного размера
If you want to create and compress stickers under 500 KB take a look at the iMessage Panda sticker example on Github.
What about Photoshop?
Excellent question! Only Photoshop CC 2015, 2017 and 2018 can save images as indexed PNG files with alpha transparency. With other versions it is impossible and Photoshop CS5 cannot even display them properly.
You can use Save for Web to export your images as 24-bit transparent PNG files and upload them to TinyPNG. We’ll convert them to tiny indexed PNG files. You can also install the TinyPNG Photoshop plugin. It allows you to scale, preview and save compressed PNG and JPEG images straight from Photoshop.
Время от времени каждому пользователю необходима программа для сжатия фотографий.
Ситуация достаточно банальная и простая – вы едете в отпуск, берете с собой фотоаппарат, но памяти в устройстве не хватает для того, чтобы делать больше снимков.
На компьютере тоже памяти практически нет.
Тогда уже существующие фотографии необходимо сжимать. Это означает, что нужно сделать так, чтобы файлы весили меньше, то есть занимали меньше места в памяти устройства.
Мы рассмотрим 5 наиболее удобных и популярных программ, которые помогут решить поставленную задачу.
Но перед этим рассмотрим один интересный вопрос. Можно ли сжать фотографии без потери качества.
Многие говорят, что это возможно и даже приводят в пример программы, которые якобы это делать. На самом деле сжать какие-либо файлы без потери части их информации невозможно!
Да, алгоритмы могут отличаться, и какие-то из них позволяет сжимать фотографии с минимальными потерями, которые будут незаметны человеческому глазу.
Другие дают возможность выполнять поставленную задачу так, чтобы потери качества не было заметно даже самым лучшим приборам. Но сжать снимок вообще без потери качества просто невозможно.
Большинство алгоритмов и программ, в которых они используются, дают примерно такой результат, как показано на рисунке 1.
Как видим, здесь потеря качества заметна невооруженным взглядом.
Но это вовсе не означает, что всеми этими программами не нужно пользоваться. Просто нужно выбрать те, которые работают лучше, чем остальные. Но мы сделали это за вас.
Наслаждайтесь!
Ниже представлены все пять программ, которые лучше всего сжимают изображения (в них теряется меньше всего качества) и они наиболее удобны в использовании.
Caesium
А начнем мы с очень необычного инструмента, который прекрасно справляется с поставленной задачей. При этом использовать его сможет даже начинающий пользователь.
Интересно, что у Caesium открытый исходный код.
А это означает, что каждый желающий может совершенно спокойно взять этот самый код и добавить в него некоторые свои коррективы.
Если они понравятся разработчикам, те внедрят их в следующую версию программы. Кроме того, алгоритмы Caesium можно брать для собственного использования.
Правда, работает эта программа только с тремя форматами изображений – PNG, JPG и BMP. Впрочем, это актуально для большинства подобных программ и отказываться от Caesium из-за этого точно не стоит.
Правда, если у вас картинки в другом формате, лучше их конвертировать в один из трех вышеупомянутых форматов.
«Но это уже совсем другая история»! (с)
Что же касается сжатия фотографий, то Caesium имеет некоторые ограничения в своей работе.
Самое главное из них заключается в том, что если использовать PNG, то программа будет работать только с 24-битными картинками.
В противном случае изображения даже увеличиваются в размерах. В остальном Caesium – это отличный инструмент для сжатия фото.
Использовать инструмент очень просто, для этого достаточно сделать вот что:
Программа умеет автоматически уменьшать ширину и высоту, чтобы получившееся изображение соответствовало критериям того или иного ресурса.
Кроме того, с помощью данного инструмента можно помещать снимки в архив. Причем после сжатия файлов все их можно будет совершенно спокойно уместить в архив.
Благодаря этому их размер уменьшится еще больше.
В общем, FastStone Image Viewer – это очень многофункциональная и действительно качественная вещь!
Чтобы ее использовать, нужно сделать следующее:
- Сначала необходимо загрузить программу с официального сайта и, соответственно, установить ее.
- Желательно перед началом работы скопировать все файлы, предназначенные для сжатия, в одну папку. Потом все их легче будет импортировать в программу.
- После этого запустите FastStone Image Viewer. Слева будет дерево папок, в которой вам нужно будет выбрать свою. Когда вы на нее нажмете, все изображения автоматически появятся в большом окне справа.
Рис. 3. Выбор папки с фотографиями в FastStone Image Viewer
- Теперь выделите картинки для сжатия в том самом окне справа. Делается это курсором мыши.
Рис. 4. Выделение изображений в FastStone Image Viewer
- Теперь нажмите «Файл» в левом верхнем углу программы. В выпадающем меню выберете вариант «Отправить по e-mail» .
Рис. 5. Пункт «Отправить по e-mail» в выпадающем списке меню «Файл»
- Откроется меню сжатия. Там, где изначально написано, «<Выбор размера>» , в выпадающем меню выберете размер выходной картинки. По желанию поставьте галочки на пунктах «Добавить рамку» и «Сохранить данные EXIF/IPTC» . Также по желанию все картинки могут быть переименованы. Для этого поставьте галочку на соответствующем пункта и задайте шаблон имени. Дальше поставьте галочку на пункте «Упаковать изображения в архив» , если хотите, чтобы было выполнено это действия.
Рис. 6. Настройки сжатия в FastStone Image Viewer
- Нажмите на кнопку «Скопировать в…» и в появившемся окне выберете путь для сохранения файлов.
Рис. 7. Кнопка «Скопировать в…» в окне настроек сжатия
- Дождитесь окончания процесса.
Как видим, тоже ничего сложного.
ImageCompressor
В этом инструменте все предельно просто. Здесь нет каких-либо специальных элементов отображения, как в FastStone Image Viewer.
Да и функций здесь вообще немного, а конкретно, одна и это сжатие снимков.
С одной стороны, это даже хорошо, ведь разработчики уделяли максимально много внимания именно , а не отвлекались на что-либо еще.
Судя по многим отзывам, и испытаниям ImageCompressor справляется со своей задачей немного лучше, чем Caesium. Качество сжатых файлов практически не теряется.
По крайней мере, человеческому глазу этого не заметно.
Использование ImageCompressor заключается в следующем:
- Сначала загрузите и запустите программу на своем компьютере ().
- Импортируйте в программу исходные изображения. Для этого нажмите на кнопку с троеточием. Откроется стандартное окно выбора файлов, в котором нужно выбрать нужные.
- Возле надписи «Quality» с помощью ползунка укажите желаемое качество полученных картинок. При желании можно указать его вручную в соответствующем поле справа от ползунка.
- Поставьте отметку возле пункта «Size in %» и с помощью ползунка выберете 100 или укажите это число вручную. Тем самым вы покажете программе, что хотите сохранить 100% размера фотографии.
- Дальше поставьте отметку напротив пункта «Save as JPEG» или же «Save as PNG» - в зависимости от того, в каком формате хотите сохранить изображение.
- Нажмите на кнопку троеточия под надписью «Save Compressed Images…» и появившемся окне выберете папку, куда будут сохраняться сжатые картинки.
- Нажмите на кнопку «Compress All» и дождитесь окончания процесса.
Рис. 8. Работа в ImageCompressor
По окончанию сжатые файлы можно будет найти в указанной на шестом шаге папке.
В большинстве случаев, веб-дизайнеры, фотографы и все, кто работает с изображениями, используют распространённый формат.png. Не менее популярен и jpg, ведь многие фотоаппараты снимают именно в таком формате.
К тому же, они поддерживаются любыми графическими редакторами, а сжатие png производится без потерь.
Самое интересное то, что в этом формате отдельные варианты изображений могут быть частично прозрачными. И это просто замечательное преимущество.
Ещё одной характерной особенностью формата является то, что на выходе файл имеет достаточно большой размер. А это уже проблема для некоторых пользователей. Особенно если вам нужно скачать png-файл с сайта или, наоборот, отправить его по электронной почте. Даже в наше время безлимитный интернет и скорость 100 Мбит/с есть далеко не у всех. Например, мобильный трафик часто тарифицируется. И когда нужно скачать картинку на телефон, начинаешь считать буквально каждый килобайт.
В этой статье мы рассмотрим, как сжать увесистые изображения без визуальной потери качества. Также мы расскажем вам о программке, которая способна сжать баннер в формате png 450 Кб в 3,5 раза.
Особенности программы PNG
Давайте сразу к сути. Подготовили краткое руководство о том, как правильно пользоваться приложением TinyPNG. Кстати, в народе его часто называют просто Панда. Просто потому что на главном сайте программы https://tinypng.com/ изображена панда, жующая бамбук.
Так вот, для каких целей используется программа TinyPNG? Она применяется для уменьшения размеров изображений, чтобы ускорить загрузку веб-страниц. Оптимизация осуществляется по заданному алгоритму – удаляются лишние данные, уменьшается количество цветов. Однако разница для человеческого глаза остаётся практически незаметной.
Как уменьшить картинку PNG без потери качества?
Используя программу TinyPNG, вы сможете значительно уменьшить размер изображений, и веб-страницы с ними начнут грузиться намного быстрее. Давайте приступим!
- Откройте официальный сайт сервиса: https://tinypng.com/
- Когда tinypng загружена во вкладке браузера, у вас появится выбор. Используя опцию Drag and Drop, вы сможете перетащить файл мышкой прямо из проводника либо программы Total Commander в область, выделенную штрихами. Также можно просто нажать на неё.
- После того, как файлы загружены, TinyPNG приступает к работе. Процесс отображается на экране, а после завершения сможете узнать, насколько качественно «Панда» смогла сжать файл как в процентах, так и в размерах.
Мы провели эксперимент на небольшом «подопытном» баннере размером 450 Кб. После того, как было выполнено сжатие, его размер уменьшился до 130 Кб, то есть на 72%.
Программа tinypng умеет сжимать и несколько файлов одновременно. Для этого нужно выполнить их загрузку, а после сжатия нажать кнопку Download All. Все картинки загрузятся в одном архиве. При желании, можно сохранить картинки в Dropbox или любой другой облачный сервис.
Таким образом, если вам приходится регулярно иметь дело с файлами png и jpg, сервис Panda станет отличным подспорьем в оптимизации картинок. Кстати, этот сервис ещё и плагины предлагает для того же Фотошопа, WordPress и Magento 2.
Особенности сервиса Kraken
Еще один полезный онлайн сервис для оптимизации фото и картинок. Позволяет сжимать обычные jpg файлы, а также статичные, анимированные «гифки», PNG с альфа-каналами. Поддерживает работу во всех браузерах, доступны плагины Firefox, Chrome.
- Через опцию Drag and Drop.
- C использованием uploader (загрузчика).
- С указанием ссылки.
Пользователь может выбрать 2 варианта оптимизации: без сжатия, сжатие с небольшими потерями. В 1-м случае качество практически не меняется, но и размер остаётся прежним. Во втором случае выигрыш просто разительный.
Особенности Optimizilla
Как сжать картинки с помощью сервиса «Оптимизилла» на сайте http://optimizilla.com ?
Отметим, что он использует комбинацию лучших на сегодняшний день алгоритмов сжатия. При этом размеры уменьшаются до минимально возможного уровня.
- Загружайте до 20 картинок сразу. Для этого достаточно нажать кнопку «Загрузить».
- Нажимайте на изображения, чтобы управлять качеством.
- Используйте слайдер и компьютерную мышь для выбора оптимального варианта сжатия.
- Уже обработанные файлы вы можете скачивать по одному или сразу все в архиве ZIP.
Как работает сервис IMGonline сжатие?
Ещё один ультраполезный ресурс, который находится по адресу https://www.imgonline.com.ua/compress-image.php Просто укажите на ПК или телефоне количество фото (от 1 до 100) и нажмите ОК. Чем выше процент качества, тем большим будет размер фото. И наоборот, при меньшем качестве (от 50 до 75%) результатом будет уменьшенный размер картинку. При этом исходное фото остаётся без изменений, и вам будет предоставлено другое обработанное изображение.
Таким образом, используя перечисленные выше сервисы, можно сжимать рисунки, изображения в различных форматах, оптимизируя работу сайта.
(Последнее обновление: 18.01.2019)
Приветствую вас, дорогой читатель! Поисковики, да и мы тоже, хотим решить проблему слишком долгой загрузки веб-страницы. Вебмастера, чаще всего, сжимают изображения с помощью специальных программ, и сервисов. Представляю вашему вниманию 4 программы и 6 онлайн инструментов для оптимизации ваших изображений, чтобы улучшить ваше SEO. Выбирайте на свой вкус. А выбрать, между прочем, есть из чего.
Как оптимизировать картинки для сайта
Дамы и господа, вы полностью уверены, что изображения, которые вы используете в статье, полностью оптимизированы для Интернета? Однако, суровая реальность состоит в том, что, независимо от того, насколько тщательно вы разработали свои изображения, обычные , которые вы используете, не смогут максимально эффективно сохранить готовые файлы. И при сжатии изображений их качество может значительно ухудшиться.
Если вы блогер или веб-мастер как насчет ваших посетителей? Если ваши картинки не оптимизированы, их время загрузки будет очень долгим и читатели закроют просто страницу сайта. А экономия места на хостинге, на жёстком диске и если хранить фотографии в облачном хранилище? Вы можете сэкономить много пространства, целую кучу мегабит, если воспользуетесь одним из представленных инструментов для максимального сжатия изображений .
В идеале для сжатия изображений нужно использовать специальные программы или веб-сервисы , которые и будут рассмотрены в данном посте. Для начала посмотрите хороший сервис OptiPic для сжатия изображений. Прошу обратить на него внимание.
OptiPic - автоматическое сжатие изображений без потери качества
Сервис OptiPic для сжатия изображений
Автоматизировать уменьшить/сжать изображения можно с помощью сервиса OpticPic:
Простое подключение OptiPic к сайту - занимает буквально 2 минуты;
- Сервис работает на полном автопилоте - постоянно мониторится появление новых (еще не сжатых) изображений;
- Работа с OptiPic безопасна - перед оптимизацией каждого изображения автоматически создается исходная копия;
- Есть функция уменьшения размера изображений (resize);
- Есть партнерская программа, по которой можно зарабатывать до 40% от привлеченных клиентов;
- Сервис поддерживает любые сайты на php (любая CMS, фреймворк или даже самописный сайт).
Подключить сервис к сайту для автоматического сжатия изображений можно на OptiPic.io . После подключение к сервису, уменьшение картинок будет проходить в автоматическом режиме. Модуль найдет доступные картинки и оптимизирует их размер без потери качества. Плагин для сжатия картинок работает с большинством популярных форматов изображений. Видео-инструкция по установке и настройке модуля - https://www.youtube.com/watch?v=Qz6pJDfsKX8 .
И так, лучшие бесплатные программы для сжатия изображений без потери качества . В основном это инструменты сжатия изображений для Windows, так как, они наиболее распространены и популярны.
Программы для сжатия изображений/картинок для сайта
Сжатие изображений - это применение алгоритмов сжатия данных к изображениям, хранящимся в цифровом виде. В результате сжатия уменьшается размер изображения, из-за чего уменьшается время передачи изображения по сети и экономится пространство для хранения.
Сжатие изображений подразделяют на сжатие с потерями качества и сжатие без потерь. Сжатие без потерь часто предпочтительней для искусственно построенных изображений, таких как графики, иконки программ, либо для специальных случаев, например, если изображения предназначены для последующей обработки алгоритмами распознавания изображений.
Алгоритмы сжатия с потерями при увеличении степени сжатия как правило порождают хорошо заметные человеческому глазу артефакты.
Caesium - бесплатная программа для сжатия изображений
Это достаточно удобная в использовании программа. Поддерживает русский язык, а также есть возможность использовать программку в версии Portable, то есть, не устанавливать её на компьютер, а открывать прямо из папки.
Для сжатия картинок нажмите кнопку Файл - Добавить, выберите изображения, выберите папку куда будут загружены обработанные изображения - Output, выбрать параметр сжатие: "Качество" и нажмите кнопку "Выполнить сжатие", и через секунду вы получите готовый результат. Адрес официального сайта - http://caesium.sourceforge.net/
Бесплатная программа FILEminimizer Pictures для сжатия изображений
FILEminimizer Pictures- бесплатная программа для сжатия картинок
FILEminimizer Pictures использует более радикальный подход к сжатию изображений, чем большинство ее конкурентов. По умолчанию при попытке сжать ваши фотографии она может изменить формат и размер изображения, перекодировать файлы JPEG с понижением качества и вырезать метаданные. Большую часть этих опций можно задать в настройках программы.
В использовании программа придерживается общепринятого принципа. После того как вы указали ей исходный файл, выбрали папку для полученного результата, возможно, настроили одну или две опции, достаточно одного щелчка мыши, чтобы начать оптимизацию. Все это выполняется довольно быстро, так что вам не надо слишком долго ждать.
Насколько хорошо выполняется сжатие? Все варьируется в зависимости от формата, по крайней мере, в тестах которые были произведены. Сжатие PNG - ничего особенного - 26,8% (некоторые инструменты делают лучше без потери качества), сжатие GIF было выше среднего - 16,5%, а вот наша интернет-графика JPG уменьшилась в размере на 39,3%, - наибольшее сжатие в исследуемой группе. Но во всех тестах потеря качества визуально была немного заметна. Официальный сайт, где можно бесплатно скачать программу - http://www.balesio.com/fileminimizerpictures/eng/index.php Поехали дальше.
FileOptimizer - программа для сжатия изображений JPG, GIF и PNG
Возможности программы FileOptimizer достаточно велики. Она не только может сжимать изображения JPG, GIF и PNG, но также может работать с исполняемыми файлами, архивами, документами Microsoft Office, файлами PDF, - список можно продолжать достаточно долго .
Удивительно, но при этом пользоваться ей абсолютно не сложно. На самом деле у программы один из самых простых интерфейсов: перетащите изображения в FileOptimizer, щелкните правой кнопкой мыши, выберите Optimize/ Оптимизировать - и наслаждайтесь полученным результатом. Однако у этой простоты есть и обратная сторона - исходные файлы заменяются программой. Оригиналы отправляются в корзину, поэтому их придется восстанавливать, конечно если они вам нужны.
Но первостепенное значение имеет, конечно же, сжатие, и здесь FileOptimizer обеспечивает хорошие результаты. Например, программа уменьшила тестовую графику PNG на 42,2% - это лучшее сжатие без потери качества в данной группе. Сжатие JPEG и GIF было выше стандартного на 17,7% и 15,9% соответственно, но в этой программе еще много полезных опций, которые вы сможете использовать с FileOptimizer для сжатия других файлов на своем сайте. Оф - сайт для скачивания программы бесплатно - http://nikkhokkho.sourceforge.net/static.php?page=FileOptimizer
PNGGauntlet - программа для сжатия изображений без потери качества
PNGGauntlet - это программа предназначенная для сжатия изображений
PNGGauntlet - это довольно интересный инструмент, по существу, являющийся оболочкой для трех других программ с открытым кодом (PNGOUT, OptiPNG, DeflOpt), предназначенных для сжатия изображений.
В процессе работы она действует так же, как и конкуренты. Перетащите исходные изображения, выберите выходную папку, нажмите кнопку «Optimize!/Оптимизировать»! и ждите. Не исключено, что вам придется ждать, и ждать. Предположительно такое длительное ожидание связано с тем, что она сочетает в себе работу трех инструментов для обработки. PNGGauntlet может быть очень медленной, в нашем случае ей понадобилось 50 минут 44 секунды для сжатия 25 фотографий с высоким разрешением в формате PNG.
Однако полученные результаты впечатляют. При обработке тестовой веб-графики PNG программа уменьшила наши 50 изображений в среднем на 41,3% и даже фотографии уменьшились на 7,75% без видимой потери качества. Иногда же этого достаточно, чтобы оправдать проблемы с производительностью. Поэтому если вам нужен качественный инструмент сжатия PNG, то PNGGauntlet действительно надо включить в ваш список. Адрес сайта - http://pnggauntlet.com/ Так, едем далее. Для тех, кто не хочет работать с предоставленными программами, есть отличные сервисы - онлайн для этих же целей.
Сжатие изображений онлайн
С помощью специальных бесплатных сервисов вы можете в режиме онлайн, быстро сжать фото/картинки/изображения без потери/с потерей качества. Сжать изображения нужно для более легкой публикации в Интернет/блоге, либо отправки по почте или чату.
Сервис PUNYpng - сжатие PNG, JPEG и GIF изображений
PUNYpng - веб-сервис, который может применять сжатие без потерь для изображений
PunyPNG является бесплатным инструментом оптимизации, который значительно сжимает ваши изображения без потери качества. Гораздо более универсальным, чем можно предположить из его названия, является PUNYpng - веб-сервис, который может действительно применять сжатие без потерь для изображений в формате GIF, JPG и PNG. Регистрация и создание учетной записи бесплатны, но для бесплатных аккаунтов действуют ограничения: можно загрузить только 15 изображений в пакетном режиме, каждое не более 150 кб.
В целом сервис довольно удобен. Нажмите кнопку Upload Images/Загрузить Изображения на сайте, а затем подождите, пока фотографии загружаются и сжимаются. Появляется отчет о проделанных операциях, и все можно скачать в виде ZIP-архива. PUNYpng показал хорошие результаты и сжал различные тестовые комплекты файлов на 16-32%. Адрес сервиса - http://www.punypng.com/
Сервис Smush. It на Yahoo - для сжатия ваших изображений
Бесплатный сервис Smush. It на Yahoo - для сжатия изображений
Большинство веб - сервисов для сжатия изображений отличаются большими ограничениями, но Smush. It на Yahoo - это редкое исключение. Единственное ограничение - размер файлов (не более 1 Мб), но зато в систему можно загрузить столько изображений, сколько вам нужно. В ней нет регистрации, нет создания учетной записи, нет ежедневных квот. Изображения сжимаются с помощью различных инструментов, а результаты можно получить в виде ZIP файла. Адрес Smush. It - http://www.smushit.com/ysmush.it/
TinyPNG - бесплатный сервис, который может оптимизировать изображения. Сжатие изображений JPEG и PNG
Бесплатная оптимизация JPEG и PNG изображений с TinyPNG
Как и Smush. It, TinyPNG - это бесплатный веб-сервис, который может оптимизировать изображения для вас. Просто перетащите свои файлы на веб-страницу, она сожмет их и предоставит ссылки для скачивания. У системы есть некоторые недостатки: ограничение размера файла до 2 Мб, возможность загрузить за один раз только 20 файлов и отсутствие возможности пакетной закачки.
В TinyPNG также четко виден подход к сжатию за счет качества, в отличие от большинства других инструментов, причем в ней пересматривается палитра, чтобы уменьшить (иногда значительно) количество используемых цветов. Неудивительно, что это оправдывает себя в части, касающейся необработанных рисунков, с помощью сжатия веб-графики PNG на 48% - лучший результат в этом тесте. В большинстве случаев очень было трудно обнаружить какие -либо отличия между исходными изображениями и сжатыми версиями.
Кстати, лучший показатель сжатия без потери качества среди локально устанавливаемых программ 40%. Поэтому, если ваш главный приоритет - качество изображения, или вы просто не хотите, постоянно сравнивать графику, пытаясь увидеть, есть ли разница, то TinyPNG может быть вам интересен. Сайт - https://tinypng.com/
Сжатие изображений без потери качества - сервис Compress JPEG
Cервис Compress JPEG - сжатие изображений
Очень хороший сервис. Данный инструмент работает с изображениями в формате JPEG или PNG. Вы можете за один раз загрузить до 20 картинок и после их сжатия скачать их по отдельности или все сразу в архиве. Адрес онлайн сервиса - http://compressjpeg.com/
Squoosh - оптимизация изображений. Сервис от компании Google
Google запустила бесплатный онлайн-сервис Squoosh, который дает возможность быстро сжать изображения для публикации в web-сети. Нужно, чтобы картинки занимали как можно меньше места, так как это поможет ускорить загрузку страниц сайтов.
В Squoosh можно менять разрешение и настраивать качество сжатия, поддерживаются форматы WebP, PNG и JPG, а также конвертация из одного в другой. На каждый тип файла - два алгоритма обработки. Для продвинутых пользователей есть дополнительные настройки цветовой палитры и псевдотонирования. Для сравнения с оригиналом используется ползунок.
Для сравнения с оригиналом используется ползунок
Разработчики сделали ставку на скорость работы Squoosh, причём после загрузки в браузере основные функции приложения будут доступны в офлайн-режиме. Ссылка редактор - https://squoosh.app/ .
На этом пожалуй и остановимся, уже есть из чего выбирать.
И в заключение
Если вы не пробовали раньше сжимать изображения, то, определенно, стоит взять лучшие из предоставленных программ и попробовать, чтобы посмотреть, чем они могут быть полезны для или лично для себя. По мнению специалистов FileOptimizer оказался лучше аналогов для Windows при сжатии без потери качества, продемонстрировав превосходное сжатием (до 42,2%) тестовых файлов. Файлы с расширением JPG и GIF он тоже неплохо сжимает, а также в нем имеются и другие полезные опции (например, сжатие PDF).
А вы, товарищи, какими программами и сервисами пользуйтесь? Поделитесь в комментариях.
А мне позвольте с вами попрощаться, не надолго. Удачи вам и всего хорошего. Надеюсь, для вас обзор нужных инструментов был полезен.
Подсмотрено кое что, на habrahabr - http://habrahabr.ru/post/168251/
