Не более 256 цветов в одном файле png 8

Обновлено: 07.07.2024

Программа фотошоп позволяет выбирать при сохранении файлов между расширениями PNG-8 или PNG-24. В чём же различие этих двух типов?

Само расширение PNG – это способ более продуктивного сохранения графического изображения в сжатом виде, в отличие от похожего формата GIF. Формат PNG-8 сохраняет прозрачный фон изображения, если таковой есть, но имеет ограничение цветовой палитры в 256 цветов. То есть, при сжатии графического изображения, имеющего более 256-и оттенков, эти оттенки будут индексированы (то есть преобразованы) в цвета, входящие в список разрешённых 256-и цветов.

PNG-24, в отличие от PNG-8, не имеет ограничения по количеству цветов, вы можете оперировать более чем пятью миллионами оттенков. Формат может обрабатывать различные уровни прозрачности участков рисунка. Но, к сожалению, у формата существует минус — графический файл в таковом расширении может занимать больше места,чем тот же самый файл в формате jpg при идентичной наружности изображения. А из-за особенностей формата нельзя установить уровень силы сжатия файла.

Какой же формат лучше использовать?

Это зависит от того, в какой области применяется графический файл. Формат PNG-8 необходимо применять на изображениях с несложной цветовой раскраской, там, где на первом месте стоит требование к маленькому размеру файла. Например:

  1. При вёрстке сайтов. Чем меньше объём веса изображения, тем быстрее оно будет загружаться. Следовательно, для сжатия изображения для web-страницы лучше применять PNG-8 для быстрой прогрузки графики.
  2. При передаче информации графическим путём (например, скриншоты или таблицы). В передаче файлов также важна скорость, и можно пожертвовать красотой изображения. Кроме того, PNG отлично справляется с обработкой больших изображений, как скриншоты.
  3. В остальных случаях, если необходимо сильно сжать размер изображения. В таком случае наиболее сильный эффект достигается при ограниченной палитре изображения.

Формат PNG-24 отлично подойдёт в том случае, если сохранение красоты изображения стоит на первом месте. Это плохо получается в JPG, который имеет привычку забивать изображение бурыми пикселями и в результате портить внешний облик картинки. PNG-24 отлично ладит с абстрактными изображениями наподобие вихря цвета.

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

У меня есть PNG-24 файл с прозрачным фоном и его текущий размер 1,5 Мб. Как уменьшить размер или использовать формат файла PNG-8 и сохранить то же качество?

введите описание изображения здесь

Пример загруженного изображения Я перепробовал все предложения, но безрезультатно, пожалуйста, сообщите

Вы используете Save For Web . Это должно дать вам варианты для уменьшения размера, включая глубину цвета. Вы пример изображение файла JPEG. Если вы хотите, чтобы люди пробовали разные инструменты / методы, вы должны вместо этого предоставить один из файлов PNG .

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

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

Я бы не сказал , мало. Photoshop Save For Web настолько плох, что PNGOUT часто может без потерь уменьшить файлы на 20-40%. А Photoshop не поддерживает альфа PNG8 +, который может быть на 70% меньше для некоторых изображений.

RIOT может сделать это, и многое другое.

Radical Image Optimization Tool (RIOT для краткости) - это бесплатный оптимизатор изображений, который позволит вам визуально настроить параметры сжатия, сохраняя при этом минимальный размер файла.

Он использует интерфейс параллельного просмотра (двойного просмотра) или единого просмотра для сравнения оригинала с оптимизированным изображением в реальном времени и мгновенного просмотра размера файла.

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

Другая возможность - использовать комбинацию pngquant, pngout и pngcrush, как описано здесь , но это из командной строки.

Переделал недавно страницу уроки wordpress , и пока делал, обнаружил, что многие верстальщики не знают, какой формат лучше использовать для изображений с прозрачным фоном: png-8 или png-24, и в чем вообще различия. В этой статье я объясню в чем различия, и расскажу, в каком случае какой формат больше подойдет. Не секрет, что верстальщики работают в первую очередь с фотошопом. А там, при сохранении изображения для веб, есть возможность выбрать формат. Если изображение не имеет прозрачности, то рекомендую использовать jpg , с качеством 60-70%. Такой процент не сильно снизит качество, зато очень даже неплохо снизит вес изображения.

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

Какой выбрать формат для прозрачных изображений?

Существует 2 формата, поддерживающих прозрачность: gif и png . Раньше все использовали gif, т.к. он лучше всего сжимал изображения. Впоследствии появился png с новым алгоритмом сжатия, и изображения стали весить еще меньше. На качестве это отразилось только с лучшей стороны.

Так потихоньку начал уходить с рынка формат gif . Используют его теперь практически только для анимации.

png-8 или png-24: какой формат выбрать?

Основное различие в этих форматах в том, что png-8 использует только 256 цветов, в то время, как png-24 использует 16 миллионов. Так что изображения формата png-8 весят меньше, нежели png-24 .

Отсюда следует, что формат можно и нужно выбирать в зависимости от цветности картинки. Если изображение абстрактное (такое очень зачастую содержит много разных цветов), то очень желательно сохранять его в формате png-24 .

Если на изображении встречается мало цветов, то я настоятельно рекомендую использовать png-8 .

В любом случае большинство из нас работают в фотошопе, и там есть предпросмотр оптимизированного изображения. Экспериментируйте! Попробуйте png-8 , если результат неудовлетворительный - переходите на png-24 .

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

Ну вот, сегодня мы узнали разницу между форматами png-8 и png-24 . Это все, что я хотел сегодня донести. Увидимся с Вами в следующих уроках!

Как сделать картинку с 256-цветной кодировкой

  • Как сделать картинку с 256-цветной кодировкой
  • Как изменить глубину цвета
  • Как увеличить глубину цвета
  • - Исходное изображение;
  • - персональный компьютер с установленным на нем программным продуктом Adobe Photoshop любой версии.

Откройте картинку в программе Photoshop. Ознакомьтесь с исходными параметрами цветовой кодировки изображения. Для этого в меню списка Image кликните Mode. В русифицированной версии программы этот путь выглядит так: «Изображение/Режим». Убедитесь в том, что ваша картинка не сохранена в 256-цветной палитре. Она обозначена в данном списке как Indexed Color, в русской – «Индексированный цвет». Параметры изображения в этом списке отмечены галочкой. Также параметры картинки отображены на верхней рамке открытого окна.

Для перекодирования изображения в 256 цветов просто выберите из того же списка нужную для этого опцию Indexed Color. В предложенном ниже окне выставьте следующие параметры: Palette: Local (Selective), в русской версии Локально-выборочный, Colors - 256. Принудительный режим Forced можно не выбирать, оставив None. Если картинка предназначена для размещения в интернете, выставьте опцию Web.

Обратите внимание на то, что в данном меню вам предлагается сохранить прозрачность фона. Если изначально ваша картинка имела такой фон, поставьте галочку напротив Transparency. Сглаживание изображения Dither тоже производите на ваше усмотрение. Когда все параметры перекодирования выбраны, нажмите кнопку Save (Сохранить). Информация на рамке окна поменяется на «Название файла@масштаб. Index».

Теперь файл следует сохранить. В меню File выберите Save As. Из предложенного списка форматов выберите тот, который вам наиболее подходит. Для 256-цветной картинки предлагаются форматы BMP, PNG и GIF. Картинки с прозрачным фоном поддерживают форматы PNG и GIF. Формат BMP работает довольно корректно с цветом, но его отличает довольно большой «вес» изображения в байтах.

Для преобразования картинки в 256-цветную кодировку можно использовать встроенную опцию оптимизации изображения для Web следующим образом. Откройте картинку. Выберите в меню File вкладку Save for Web. В отдельном окне, в котором будут отображаться результаты изменения изображения, выставьте следующие параметры: формат GIF или PNG-8, количество цветов -256, цветовой алгоритм Selective или Custom.

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

Читайте также: