Как уменьшить размер файла png. Как уменьшить размер файла png.

С помощью этой услуги вы можете изменить размер изображения и уменьшить его вес на 70-90%. Даже после сжатия качество изображения хорошее — нет шума и излишней резкости. Вы можете изменить разрешение изображения без изменения его веса.

Содержание

Изображение в формате PNG можно создать с помощью любой графической программы (включая Paint и Photoshop).

Как сохранить картинку в формате PNG в Paint?

Процесс сохранения в формате PNG с помощью редактора Paint в Windows 10 :

    Откройте файл изображения в программе Paint.

Программа поддерживает изображения в форматах BMP, TIFF, PNG, GIF и JPEG.

Откроется контекстное меню.

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

Как сохранить PNG-файл в Photoshop?

Процесс сохранения изображений в формате PNG с помощью редактора Adobe Photoshop CC 2015:

    Откройте файл изображения в Photoshop.

Откройте файл изображения в PDF-файле.

Откроется контекстное меню.

Откроется модальное окно сохранения.

Откроются расширенные настройки для формата PNG. Для PNG-24 :

    Прозрачность (активировать альфа-канал прозрачности).

Установите флажок, чтобы сохранить PNG-файл с прозрачным фоном (альфа-канал без фона).

Дополнительные настройки для PNG-8 :

  • Модель снижения цвета (способ определения цветов в палитре),
  • Количество цветов в палитре,
  • Определение модели дизеринга (как сгладить цветовые переходы),
  • степень дизеринга (0-100%),
  • Цвет фона (если он прозрачный),
  • прозрачность модели дизеринга,
  • цвет веб-страницы (не имеет значения).

В левой части окна вы можете увидеть, как меняется изображение в зависимости от сделанных настроек.

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

Как сохранить PNG-файл в Illustrator?

Illustrator — это графический редактор от Adobe для редактирования векторной графики. Панель инструментов аналогична панели инструментов Photoshop — чтобы сохранить изображения в формате PNG в Illustrator, используйте ту же функцию «Сохранить для Web»:

    Откройте или создайте изображение в Adobe Illustrator.

Откройте файл изображения в PDF-файле.

Откроется контекстное меню.

Откроется модальное окно сохранения.

Откроются расширенные настройки PNG (как описано выше для сохранения PNG-изображений с помощью Photoshop).

В левой части окна вы можете увидеть, как меняется изображение в зависимости от сделанных настроек.

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

Алгоритм сжатия PNG

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

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

Оптимизация PNG-изображений

В зависимости от глубины цвета изображения PNG делятся на 2 типа:

Он использует 8-битную глубину цвета (максимум 256 индексированных цветов) и позволяет использовать прозрачные пиксели.

Он использует 24-битную глубину цвета и 8-битный альфа-канал (1 677 7216 цветов + канал прозрачности).

Извлекая изображение из цветного формата PNG-24 в индексированный формат PNG-8, можно добиться значительного уменьшения размера файла («веса изображения»):

PNG-24 - 271 КБ

PNG-8 256 цветов - 87,7 КБ

PNG-8 128 цветов - 74,1 КБ

В примерах выше вы можете увидеть значительную разницу в размере файла в зависимости от глубины цвета. Недостаток цвета также очевиден: в 256-цветной версии видна «зернистость», которая гораздо более очевидна в 128-цветной версии из-за явного недостатка цвета в палитре.

Использование формата PNG-24 для изображений с небольшим количеством цветов неоправданно увеличивает размер файла.

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

Используйте PNG-8 только в том случае, если для изображения достаточно максимального количества цветов 256.

В случаях, когда в изображении используется до 256 цветов, ограничение цветовой палитры может значительно уменьшить «вес» изображения без ухудшения качества деталей:

Зависимость «веса» от глубины цвета для PNG

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

Выбор правильного формата

Выбор правильного формата

PNG не всегда является лучшим форматом для представления изображения. Если количество цветов в PNG слишком велико, лучше выбрать формат JPEG. Однако это не всегда возможно из-за технического проекта: например, для совместимости фона необходимо обеспечить прозрачность или полупрозрачность.

В этом случае вы должны либо объединить изображение PNG с фоном и сохранить его в формате JPEG, либо создать серию изображений (с разными фонами), которые вы снова сохраните в формате JPEG. В большинстве случаев цветное изображение в формате JPEG в два раза меньше своего аналога в формате PNG.

Удаление чанков

Удаление чанков

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

Первый заключается в удалении ненужных элементов из метаинформации (неиспользуемые части) и из используемой палитры (неиспользуемые цвета). Наиболее важными являются части IHDR, IDAT и IEND. Все остальные части содержат дополнительную информацию (удаление части gAMA, например, приводило к «повреждению» изображений в старых браузерах Safari). Части с комментариями, датой модификации и цветовыми профилями (для распечаток) можно смело удалять: Они являются бесполезной строкой для браузера. Вы можете удалить эти части с помощью ExifTool.

Вам не нужно искать и обзванивать все цифровые агентства. Создайте конкурс на workspace.ru и получите предложения от членов CMS Magazine по цене и срокам. Это бесплатно и занимает 5 минут. В списке 15 617 digital-агентств, готовых помочь вам — выбирайте и экономьте до 30%. Создайте конкурс →.

Правильный выбор палитры

Правильный выбор палитры

Существует 6 вариантов формата PNG для различных задач: Серая палитра, цветная палитра (256 цветов), полноцветная палитра и дополнительно каждый вариант может включать прозрачность. Правильный выбор палитры и прозрачности позволит уменьшить размер PNG-изображения. Если у вас менее 256 цветов, всегда выбирайте PNG8 и будьте осторожны с прозрачностью (некоторые редакторы не знают, как получить полупрозрачность для PNG8).

Если изображение содержит только оттенки серого, выберите параметр greyscale.

Если ваше изображение имеет более 256 цветов, вам следует преобразовать его в PNG8. Вы не заметите потери качества. Если у вас много цветов, используйте JPEG. Если и это невозможно, выберите TrueColor и следите за прозрачностью.

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

Как сжать файл PNG в RIOT

RIOT (Radical Image Optimisation Tool) — это бесплатное приложение для оптимизации изображений. Он поддерживает следующие форматы изображений: «PNG», «JPEG», «GIF».

Выполните следующие действия:

  1. Перетащите файл в окно RIOT или используйте кнопку «Открыть…» для добавления изображения.

Окно RIOT разделено на две части: слева отображается исходное изображение, справа — оптимизированное. В зависимости от выбранных вами опций размер PNG будет уменьшен до килобайтов, изменится и качество самого изображения.

  1. Нажмите на кнопку «PNG», чтобы перейти к настройкам для этого формата.
  2. Выберите соответствующую опцию в поле «Уменьшение цвета»:
  • True Colour — Настоящий цвет.
  • True Color — Оптимальная 256-цветная палитра.
  • Оптимальная 128-цветная палитра — Оптимальная 128-цветная палитра.
  • Optimal Palette — 16-цветная палитра.
  • Dithered Monochrome — Смешанный монохромный.

При выборе подходящих настроек учитывайте внешний вид оптимизированного изображения и его размер.

сжатие в riot

  1. Установите степень сжатия изображения в поле Сжатие:
  • Минимальный (самый быстрый) — Минимальный (самый быстрый),
  • низкий — низкий,
  • medium (default) — средний (по умолчанию),
  • высокий — высокий,
  • максимум (очень медленно) — максимум (очень медленно).

На вкладке «Настройки изображения» можно изменить яркость, контрастность и значение гаммы.

  1. Нажмите кнопку «Сохранить», чтобы сохранить сжатое изображение в формате PNG на вашем компьютере.

Как уменьшить PNG в Фотошопе

Сейчас мы попробуем уменьшить вес PNG-файла в Adobe Photoshop, самом мощном инструменте для редактирования изображений. В этой программе есть два варианта улучшения изображения, которые вы можете использовать.

Сначала вставьте изображение PNG в окно Photoshop.

  1. Нажмите на меню «Файл».
  2. В контекстном меню сначала выберите «Экспорт», а затем «Экспортировать как…».

экспортировать как

  1. В окне «Экспортировать как» в разделе «Параметры файла» установите флажок «Меньший файл (8-бит)».
  2. Нажмите на кнопку «Экспорт», чтобы сохранить изображение на компьютере.

файл меньшего размера

  1. Выберите опцию «Экспорт» в меню «Файл».
  2. В следующем подменю нажмите «Сохранить для Web (старая версия)».

В более ранних версиях Adobe Photoshop CS опция «Сохранить для Web» доступна непосредственно из меню «Файл».

  1. В окне «Сохранить для Web» в правом верхнем углу выберите формат «PNG-8» или «PNG-24».

выбор формата

  1. При необходимости измените оставшиеся настройки, а затем нажмите кнопку «Сохранить…».

Как уменьшить PNG онлайн на TinyPNG

Tiny PNG (TinyJPG) — это веб-сервис оптимизации изображений. Сайт поддерживает автоматическое сжатие файлов в следующих форматах: «WebP», «PNG», «JPEG».

Для бесплатного использования вы можете оптимизировать до 20 изображений одновременно, каждое из которых не должно превышать 5 МБ.

  1. Получить доступ к службе TinyPNG можно по адресу: https://tinypng.com/.
  2. Перетащите изображение в нужную область или нажмите соответствующую кнопку, чтобы добавить файлы с компьютера.

tinypng

  1. Когда одно или несколько изображений обработаны, отображается информация о степени сжатия в процентах и значениях относительно исходных файлов.
  2. Нажмите на кнопку «Загрузить», чтобы сохранить файл на своем компьютере. Отправьте файл в облачное хранилище Dropbox или загрузите все изображения в ZIP-файл, нажав на кнопку «Загрузить все».

изображение сжато

Легкая интеграция с WordPress, Shopify, Joomla, OpenCart, Drupal, Typo3, PrestaShop, Crafts и Magento: вы можете загрузить плагины для любой CMS с сайта. Кроме того, разработчики предоставили PHP-скрипты, которые позволяют легко интегрироваться даже с теми системами, которые вы написали сами.

Websiteplanet

Форматы. Jpeg, png.

Цена. Бесплатно.

Качество. Три уровня сжатия: низкий, средний, высокий.

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

Сжатые файлы можно просто загрузить в файл или сохранить в Google Drive или Dropbox.

Удобно, что служба добавляет к имени файла суффикс «-optimised».

На среднем уровне качества удалось добиться уменьшения размера фотографий на 64%

Compressor.io

Форматы. Jpeg, png, gif, svg, webp.

Цена. Бесплатно — 50 сжатий в день, версия Pro — $50 в год.

Качество. Можно установить вручную. В бесплатной версии есть только два варианта сжатия: с потерями и без потерь.

Compressor.io поддерживает множество форматов. Однако в бесплатной версии вы можете выбрать только один из двух вариантов сжатия: с потерями или без потерь.

В платной версии настроек больше. Можно менять уровень качества, размер и настраивать имя файла

Максимальный вес файла составляет 10 МБ, а для платного пакета — до 20 МБ. В то же время, сервис позволяет добавлять столько фотографий, сколько вы захотите. Изображения могут быть загружены в одном файле.

Если выбрать качество без потерь, объем изображения может немного уменьшиться — всего на 8 %.

Imagify.io

Форматы: jpeg, png, gif, pdf.

Цена. От 5 долларов в месяц. (из 500 МБ изображений). Бесплатно — до 20 МБ в месяц.

Качество. Три уровня компрессии: нормальная, агрессивная и гиперкомпрессия.

Imagify.io позволяет бесплатно сжимать файлы размером до 2 МБ.

Вы можете выбирать между уровнями сжатия нормальный, агрессивный и гиперсжатый. Можно также изменить размер изображения после его съемки.

При ультра-сжатии удалось уменьшить картинки на 45% в среднем. Лучше всего сервис оптимизировал фотографию до 100 Кб

При гиперкомпрессии изображения можно уменьшить в среднем на 45%. Сервис лучше оптимизирует изображение до 100 КБ.

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

Я оптимизировал фотографии в режиме Ultra и не увидел существенной разницы с оригиналами. Однако если вы хотите быть на 100% уверены в сохранении качества, выберите обычный режим сжатия. Но экономия гораздо меньше (мой результат — 9%).

Уровень сжатия не настраивается. Файлы сохраняются под оригинальным именем. Готовые фотографии можно загрузить по отдельности, объединить в один файл или сохранить в Dropbox.

Optimizilla

Типы файлов.

11 бесплатных онлайн-сервисов для сжатия изображений

Бесплатная услуга, позволяющая сжимать до 20 фотографий одновременно: Удобно работать с большим количеством файлов. Перед загрузкой можно установить степень сжатия: от минимальной (5-7%) до максимальной (до 97%).

Чем сильнее степень сжатия, тем темнее будет изображение. Если качество снижено до «30» (сжатие на 90%+), на изображении появляется много шума. Это следует принять во внимание.

Optimizilla уважает вашу конфиденциальность: все данные удаляются с сервера в течение часа после закрытия вкладки.

Imagify

Типы изображений: JPG, PNG, GIF и PDF

Максимальный размер изображения: 2 МБ для бесплатной версии, неограниченный размер для учетной записи Infinite.

11 бесплатных онлайн-сервисов для сжатия изображений

Эта служба сжатия изображений имеет три режима сжатия: Normal (без потерь, удаляет метаданные), Aggressive (сжимает пиксели, немного снижая качество изображения и уменьшая вес почти наполовину) и Exceptional (сжимает до 80-90%, но качество может пострадать).

После съемки можно настроить высоту и ширину изображения и оставить данные EXIF.

Если вы не удовлетворены результатом, вы можете восстановить его до первоначального состояния. Вся информация о ваших изображениях хранится на сервере Imagify (при желании вы можете отключить эту опцию).

Инструмент доступен как веб-сервис и как дополнение для WordPress. Разработчики планируют подключиться к PrestaShop, Magento, Shopify и Joomla. Вы можете использовать API Imagify для самостоятельной настройки интеграции.

ImageOptim

Типы файлов.

11 бесплатных онлайн-сервисов для сжатия изображений

Бесплатное программное обеспечение для macOS с открытым исходным кодом. Одним из главных преимуществ инструмента являются детальные настройки оптимизации. При сжатии без потерь удаляются данные EXIF (серийный номер камеры, местоположение GPS и т.д.).

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

Те, кто хочет интегрировать этот инструмент в свой сайт, могут воспользоваться API ImageOptim. Однако это уже платно — цена за использование API начинается от $12/месяц за 2 000 изображений.

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

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

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

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

Формат WebP может значительно уменьшить размер изображений PNG благодаря большему количеству фильтров и более адаптивному подходу к палитре индексов и прозрачности. Следует помнить, что WebP поддерживается не всеми браузерами, поэтому должна существовать альтернатива в виде PNG.

Часть 1. Как сжать PNG с помощью Photoshop

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

Выполните следующие действия, чтобы сжать PNG-файл с помощью Photoshop:

Шаг 1 Запустите приложение Photoshop.

Откройте приложение Photoshop на своем компьютере, дважды щелкнув по значку, а затем нажав «Файл» в верхней строке меню.

Шаг 2 Загрузите изображение в формате PNG

Выберите «Открыть» из выпадающего списка, чтобы импортировать изображение PNG, которое вы хотите сжать, в Photoshop. Если вы скопировали PNG из буфера обмена, нажмите «Файл» и выберите «Создать из буфера обмена».

Шаг 3 Сохраните исходный PNG

В верхнем окне нажмите «Файл», а затем «Сохранить онлайн», чтобы сохранить исходное изображение в формате PNG. Вы также можете удерживать нажатыми клавиши «Alt + Shift + Ctrl + S» на клавиатуре.

Шаг 4 Проверьте подробные настройки

Теперь вы увидите диалоговое окно Сохранить для Web. Вы можете проверить подробные настройки, скорость загрузки и т.д. изображения PNG. Вы также можете увидеть настройки качества изображения PNG.

Шаг 5 Сжатие файла PNG

По умолчанию установлено значение «Максимум 100%». Просто введите подходящее соотношение в настройке «Процент», например, 80%, пока размер файла не станет достаточно маленьким, и нажмите «Сохранить». «, чтобы сохранить сжатое изображение в формате PNG.

Photoshop сжимать png

Photoshop также подходит для создания GIF-файла. Подробнее о создании подарка в Photoshop можно узнать здесь.

Оцените статью
Бизнес блог