Какой формат лучше выбрать png-8 или png-24? Различия?
15 Апреля
5 комментариев
Категория:
Введение
Автор: Sly
Привет!
Переделал недавно страницу уроки wordpress, и пока делал, обнаружил, что многие верстальщики не знают, какой формат лучше использовать для изображений с прозрачным фоном: png-8 или png-24, и в чем вообще различия. В этой статье я объясню в чем различия, и расскажу, в каком случае какой формат больше подойдет. Не секрет, что верстальщики работают в первую очередь с фотошопом. А там, при сохранении изображения для веб, есть возможность выбрать формат.
Как известно, вес изображений на сайте напрямую влияет на скорость загрузки сайта.
Какой выбрать формат для прозрачных изображений?
Существует 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.
Это все, что я хотел сегодня донести. Увидимся с Вами в следующих уроках!
До скорых встреч и успехов!
Derzeit wurden Variantenartikel zu diesem Thema veröffentlicht. Fragen zum levitra sind im letzten Jahr sehr beliebt. Aber ist diese Lösung wirklich eine gute Idee für Sie?
Es gibt zahlreiche sichere Online-Drogerien, die Medikamente an Ihre Haustür liefern. Online-Drogerien führen alle Marken- und Generika-Produkte zusätzlich zu den Artikeln aus dem Ladengeschäft. Vieles, was darüber gesagt wurde, gilt auch für Vitamine und zugelassene pflanzliche Arzneimittel. Es gibt verschiedene seriöse Online-Apotheken, in denen Menschen Viagra kaufen können.
Sie können dies ausprobieren
Obwohl einige Mittel auf ähnliche Weise wirken, hat jedes Medikament eine leicht unterschiedliche chemische Zusammensetzung. Ihr Arzt wird viele Faktoren sowie mögliche Wechselwirkungen mit anderen Medikamenten, die Sie einnehmen, berücksichtigen. Viele Arzneimittel mit demselben Wirkstoff sind in unterschiedlichen Stärken erhältlich. Wenn es Gruppen von Rezepten gibt, die alle ähnliche Aufgaben erfüllen, sind sie bei der Behandlung einer bestimmten Krankheit ungefähr so wirksam wie die anderen. Sie können zwar Geld sparen, indem Sie günstigere Produkte nehmen, dies ist jedoch nicht immer eine gute Idee. Die Ärzte sind darin geschult, wie Sie sicher Abhilfe schaffen können. Gegenwärtig gibt es verschiedene Optionen für viagra generika für diejenigen, die an einem solchen Gesundheitsproblem leiden. Verbraucher können nützliche Informationen dazu aus evidenzbasierten Quellen wie dem Internet, den sozialen Netzwerken und sogar der Familie finden. Wissen Sie, was für Sie am besten ist? Dies ist ein Mittel zur Behandlung zahlreicher Infektionen.
Was denkst du ist es? Es ist eine andere Frage, die wir diskutieren sollten. Die Forscher fanden heraus, dass der Missbrauch von verschreibungspflichtigen Medikamenten unerwünschte Nebenwirkungen haben kann. Heilmittel können bei manchen Menschen gefährliche Nebenwirkungen verursachen. Unerwünschte Ereignisse können bei jedem Arzneimittel auftreten. Das Arzneimittel sollte nicht zusammen mit anderen ED-Behandlungen eingenommen werden, da die Sicherheit solcher Kombinationen nicht nachgewiesen wurde. Befolgen Sie unbedingt die Empfehlungen Ihres Arztes, einschließlich der vorgeschriebenen Einnahme der verschriebenen Mittel. Dieser Rat ist üblich, kann jedoch den Unterschied ausmachen, wenn Sie Informationen zu Arzneimitteln benötigen. Wie auch immer, die Umstände, die Ihre Entscheidung vorbestimmen können, können unterschiedlich sein. Dies sind wichtige Möglichkeiten, um sich um Ihren Körper zu kümmern, an die Sie möglicherweise nicht von Natur aus denken.
Wenn Sie sich jedoch Ziele setzen, um diese Ideen in Ihrem Leben Wirklichkeit werden zu lassen, werden Sie den Unterschied sofort spüren, aber in den kommenden Monaten auch in mehreren Bereichen Ihres Lebens Ergebnisse sehen.Hier suchen
{Wie kaufe ich cialis generika?
Medikamente könnten Teil Ihrer täglichen Routine sein, um Ihre Gesundheit gut zu verwalten. Internet-Drogerien kombinieren garantiert niedrige Preise mit schnellem Versand. Wenn es darum geht, privat verschriebene Medikamente zu kaufen, bieten Ihnen Online-Drogerien mehr Auswahl beim Eingang Ihrer Bestellung. Da immer mehr Patienten online gehen, um ihre Gesundheitsprobleme zu verstehen, gehen einige auch online, um generische Mittel zu kaufen. Natürlich sollte jeder von uns Zugang zu wichtigen und kostengünstigen Mitteln haben, die zur Bekämpfung von Infektionen beitragen oder einfach die allgemeine Gesundheit verbessern. Der Online-Kauf von Generika kann eine gute Idee sein, solange Sie dies verantwortungsbewusst tun.
Wenn Sie cialis generika kaufen, erkundigen Sie sich bei einem qualifizierten Gesundheitsdienstleister, ob diese unschuldig sind, wenn Sie sie mit Ihren anderen Generika einnehmen.
|Wenn Sie online über Medikamente nachdenken, möchten Sie vielleicht mehr über dieses Problem erfahren. Zweifellos haben Sie bereits etwas darüber gehört, wie man cialis generika kauft.
Viele gesundheitsbezogene Websites bieten mehr Inhalte und dies könnte die Patienten zum Thema führen.Vielleicht wissen Sie bereits etwas über das Problem. Lassen Sie uns nun über verschiedene Medikamente sprechen, die Sie online kaufen können. Es ist wichtig, über sichere Wege zum Kauf von Medikamenten informiert zu bleiben. Wenn Sie über Ihre Behandlungsoption nachdenken, kann es hilfreich sein, einige wichtige Fakten darüber zu kennen, wo Sie cialis generika kaufen können.
|Wenn Sie die Anziehungskraft auf einen bestimmten Partner verloren haben, ist es normalerweise unwahrscheinlich, dass Behandlungsoptionen zur Verbesserung der Potenz ihm helfen.
Als die Mehrheit der Einzelhändler online ging, stiegen die Erwartungen und eine überwältigende Anzahl von Kunden erwartete, online die Mittel zu finden, die sie benötigen. Illegale Online-Apotheken versuchen möglicherweise, illegale «generische» Versionen dieser Originalmarkenmedikamente zu verkaufen. Fragen Sie Ihren Apotheker nach Informationen, wenn Sie sich über den Online-Kauf von Generika nicht sicher sind. Darüber hinaus machen Generika die überwiegende Mehrheit der landesweit verschriebenen Rezepte aus. Das Medikament ist verschreibungspflichtig und muss unter Aufsicht eines Arztes angewendet werden. Aber ist es wirklich das richtige Feld für Sie, cialis generika zu kaufen? Es gibt verschiedene ernsthafte Fragen zu diesem Thema. Darüber hinaus kann es auch zur Behandlung einiger anderer von Ihrem Arzt festgelegter Erkrankungen verwendet werden. Wenn Sie sicher sind, dass diese gesetzlichen Anforderungen erfüllt werden können und Sie wissen, dass die von Ihnen ausgewählte Apotheke sicher ist, ist es möglicherweise an der Zeit, Ihre verschreibungspflichtigen Medikamente aus einer Online-Apotheke zu beziehen..png)
Was ist ein kostengünstiges Medikament, um Patienten bei der Aufrechterhaltung einer Erektion zu helfen? Der Rat ist unkompliziert, kann aber den Unterschied ausmachen, wenn Sie Informationen zu diesem Thema benötigen. Obwohl der Missbrauch verschreibungspflichtiger Medikamente viele Familien betrifft, können bestimmte Bevölkerungsgruppen wie Jugendliche einem besonderen Risiko ausgesetzt sein. Für die meisten Menschen, die keine Erektion bekommen, die fest genug für Sex ist, funktionieren Arzneimittel gut, verursachen aber manchmal schwerwiegende Nebenwirkungen. Und die Pillen gelten allgemein als sehr sicher. Häufige unerwünschte Effekte können das sogenannte blaue Sehen sein, aber es ist sicherlich häufiger, wenn Sie mehr als die vorgeschriebene Menge einnehmen.
Sie können eine Checkliste für Nebenwirkungen verwenden, um den Überblick zu behalten und Informationen schnell mit Ihrem medizinischen Fachpersonal zu teilen. Nehmen Sie dieses Generikum nicht in kleineren Mengen ein. Der Rat ist üblich, kann aber den Unterschied ausmachen, wenn Sie Informationen über Pillen benötigen. Normalerweise erfordert die Behandlung Geduld, um eine erwartbare Wirkung zu erzielen. Verbraucher sollten die online gefundenen Informationen jedoch immer objektiv behandeln. Schließlich können Sie Zeit bei Ihren Rabattmedikamenten und Kräutern sparen, indem Sie sie online bestellen.}Gefällt mir
{Wie cialis generika?
Der ideale Zeitpunkt für den Beginn der Behandlung ist, bevor sichtbare Anzeichen auftreten. Die zunehmende Nachfrage nach Informationen im täglichen Leben von Millionen von Menschen hat dazu geführt, dass immer mehr pharmazeutische Gesundheitsdienstleister versuchen, ihre Gesundheitsprodukte vor ihren Konkurrenten zu positionieren. Wie finde ich Medikamente online? Die Verschreibung und Verwendung von Medikamenten ist jedoch Vertrauenssache.
Für Kunden wird es immer einfacher, Medikamente online zu bekommen. Es gibt viele Online-Apotheken im Internet, daher sollte es kein Problem sein, eine vertrauenswürdige Drogerie zu finden. Sie bieten Kunden mit eingeschränkter Mobilität und Kunden in abgelegenen Gebieten Zugang. Die reduzierten Transaktionskosten werden in Form weitaus niedrigerer Preise an die Patienten weitergegeben. In beiden Fällen ist es nicht alles. Dieser Leitfaden behandelt alles von der Sicherung Ihres Computers bis zur Überprüfung und Bestellung von Viagra in zuverlässigen Online-Apotheken.10 Möglichkeiten, gefälschte Medikamente zu erkennen.
|Deshalb interessieren sich viele für dieses Thema. Ist es für Sie aktuell, wie man cialis generika?
Lassen Sie uns Antworten auf Ihre wichtigsten Fragen zu diesem Thema finden. Das Bestellen von Rezepten im Internet kann eine kostengünstige Methode sein, solange Sie dies verantwortungsbewusst tun. Lassen Sie uns darüber sprechen, wie Sie sicher sein können, dass online bestellte Medikamente den Qualitätsstandards entsprechen.
Ziemlich cialis generika oder andere Medikamente, die von einer virtuellen Drogerie angeboten werden, sind sehr elementar.Es gibt viele gültige Internet-Drogerien, die legitime Rabatte anbieten. Wenn Sie Medikamente online kaufen möchten, tun Sie dies in einer legalen Apotheke. Die Lieferanten bieten Tausende von Arzneimitteln an, zu denen sowohl generische als auch bekannte Marken gehören. Es gibt Varianten von renommierten virtuellen Drogerien, in denen Patienten Viagra bestellen können.
|Zu wissen, wonach zu suchen ist, kann eine Herausforderung sein, insbesondere bei allen verfügbaren Optionen. Normalerweise sind viele Medikamente zu berücksichtigen. Können Sie verschreibungspflichtige Medikamente legal online bekommen? Es ist wichtig, die Vorteile verschriebener Medikamente sowie deren mögliche unerwünschte Wirkungen zu kennen und mit Ihrem Apotheker über mögliche Bedenken zu sprechen. Wenn Sie besprechen, wie Sie Viagra bestellen können, ist es viel wahrscheinlicher, dass Sie einen Plan entwickeln, der für Sie gut funktioniert.
Wir alle können verlässliche Informationen aus vertrauenswürdigen Quellen wie dem Internet, den Medien und sogar Freunden finden. Dies sind sicherlich nur die Grundregeln. Wenn Sie Arzneimittel bestellen, sollten Sie darüber nachdenken. Seit Jahrzehnten helfen diese Medikamente, viele Störungen zu verhindern. Der ideale Zeitpunkt für den Beginn der Behandlung ist, wenn nur Symptome auftreten. Themen zur Bestellung von Viagra sind im letzten Jahr sehr beliebt. Einige Forscher achten auf solche Angelegenheiten. Haben Sie etwas über Nebenwirkungen gelernt?Höchstwahrscheinlich hat jeder Mann zumindest etwas davon gehört. Wenn Sie Medikamente in Online-Apotheken bestellen möchten, erhalten Sie normalerweise zuerst ein gültiges Rezept. Es ist wichtig zu verstehen, dass nicht alle Medikamente wirklich nützlich sind. Wie alle Arzneimittel hat das Arzneimittel unterschiedliche unerwünschte Wirkungen. Informieren Sie Ihren Arzt, wenn Sie andere Arzneimittel einnehmen. Ihre Medikamente sind nur für Sie.
Geben Sie es niemals an andere Personen weiter, auch wenn ihr Zustand mit Ihrem identisch zu sein scheint. Letztendlich sind diese Faktoren auf der ganzen Welt gleich. Wenn Sie diese Tipps befolgen, sollten Sie bereit sein. Darüber hinaus ist das Internet die geeignete Möglichkeit, um alle Arten von Arzneimitteln zu erwerben, da es das Vergnügen bietet, sich über das Internet zu bewerben.}Оптимизация изображений для формата PNG-24 в Photoshop Elements
Руководство пользователя Отмена
Поиск
- Photoshop Elements User Guide
- Introduction to Photoshop Elements
- What’s new in Photoshop Elements
- System requirements | Photoshop Elements
- Workspace basics
- Guided mode
- Making photo projects
- Workspace and environment
- Get to know the Home screen
- Workspace basics
- Tools
- Panels and bins
- Open files
- Rulers, grids, and guides
- Enhanced Quick Mode
- File information
- Presets and libraries
- Multitouch support
- Scratch disks, plug‑ins, and application updates
- Undo, redo, and cancel actions
- Viewing images
- Fixing and enhancing photos
- Resize images
- Cropping
- Process camera raw image files
- Add blur, replace colors, and clone image areas
- Adjust shadows and light
- Retouch and correct photos
- Sharpen photos
- Transforming
- Auto Smart Tone
- Recomposing
- Using actions to process photos
- Photomerge Compose
- Create a panorama
- Moving Overlays
- Moving Elements
- Adding shapes and text
- Add text
- Edit text
- Create shapes
- Editing shapes
- Painting overview
- Painting tools
- Set up brushes
- Patterns
- Fills and strokes
- Gradients
- Work with Asian type
- Guided edits, effects, and filters
- Guided mode
- Filters
- Guided mode Photomerge edits
- Guided mode Basic edits
- Adjustment filters
- Effects
- Guided mode Fun edits
- Guided mode Special edits
- Artistic filters
- Guided mode Color edits
- Guided mode Black & White edits
- Blur filters
- Brush Stroke filters
- Distort filters
- Other filters
- Noise filters
- Render filters
- Sketch filters
- Stylize filters
- Texture filters
- Working with colors
- Understanding color
- Set up color management
- Color and tonal correction basics
- Choose colors
- Adjust color, saturation, and hue
- Fix color casts
- Using image modes and color tables
- Color and camera raw
- Working with selections
- Make selections in Photoshop Elements
- Saving selections
- Modifying selections
- Move and copy selections
- Edit and refine selections
- Smooth selection edges with anti-aliasing and feathering
- Working with layers
- Create layers
- Edit layers
- Copy and arrange layers
- Adjustment and fill layers
- Clipping masks
- Layer masks
- Layer styles
- Opacity and blending modes
- Creating photo projects
- Project basics
- Making photo projects
- Editing photo projects
- Saving, printing, and sharing photos
- Save images
- Printing photos
- Share photos online
- Optimizing images
- Optimizing images for the JPEG format
- Dithering in web images
- Guided Edits — Share panel
- Previewing web images
- Use transparency and mattes
- Optimizing images for the GIF or PNG-8 format
- Optimizing images for the PNG-24 format
- Keyboard shortcuts
- Keys for selecting tools
- Keys for selecting and moving objects
- Keys for the Layers panel
- Keys for showing or hiding panels (expert mode)
- Keys for painting and brushes
- Keys for using text
- Keys for the Liquify filter
- Keys for transforming selections
- Keys for the Color Swatches panel
- Keys for the Camera Raw dialog box
- Keys for the Filter Gallery
- Keys for using blending modes
- Keys for viewing images (expertmode)
Формат PNG-24 поддерживает 24-битные цвета.
Как и формат JPEG, PNG-24 сохраняет незначительные вариации яркости и цветового тона. Как и форматы GIF и PNG-8, PNG-24 сохраняет резкие ясные контрасты, имеющиеся в шрифтовых фрагментах, логотипах и прочих изображениях без полутонов.
PNG-24 формат использует аналогичный алгоритм сжатия, что и формат PNG-8. В силу этого файлы PNG-24, как правило, больше по размерам, чем JPEG-файлы того же изображения. Лучше воздержитесь от использования формата PNG-24 формат при сохранении изображения, предназначенного для широкой аудитории.
PNG-24 поддерживает прозрачность фона и заполнение фоновых областей цветом подложки, а также многоуровневую прозрачность. Пиксел может иметь до 256 уровней непрозрачности, начиная с полной прозрачности и заканчивая полной непрозрачностью, что позволяет обеспечить гладкий переход цветов изображения к цвету фона. Однако следует помнить о том, что не все веб-браузеры поддерживают многоуровневую прозрачность.
Формат PNG-24 вполне подходит для сжатия фотографий.
Однако файлы в формате PNG-24 зачастую превосходят JPEG-файлы того же изображения по размеру. PNG-24 рекомендуется использовать для работы только с теми изображениями, которые содержат несколько уровней частичной прозрачности.
Откройте изображение и выберите «Файл» > «Сохранить для Web».
Выберите PNG-24 в качестве формата оптимизации.
Для постепенного улучшения разрешения изображения в процессе загрузки установите флажок «Чересстрочная развертка». Чересстрочная развертка увеличивает скорость загрузки изображения и уже после первого этапа развертки пользователь сможет получить представление о том, что, собственно, изображено на картинке.
Если изображение содержит прозрачные области, установите флажок «Прозрачность», который позволяет обеспечить прозрачные области в изображении, сквозь которые просвечивает фон веб-страницы; снимите флажок «Прозрачность», чтобы заполнить полностью или частично прозрачные пикселы цветом подложки.
Чтобы сохранить оптимизированное изображение, нажмите «ОК». В диалоговом окне «Сохранить оптимизированное изображение» укажите имя файла и нажмите кнопку «Сохранить».
Справки по другим продуктам
- Сохранение прозрачного фона в изображениях в формате GIF или PNG
Вход в учетную запись
Войти
Управление учетной записью
О формате PNG. Краткий тест-драйв / Хабр
- Что такое PNG?
- PNG vs GIF.
- PNG vs JPEG.
- Жизнь после Photoshop’а или сжимаем дальше.
- Adobe Fireworks или PNG-8 с альфа-каналом.
- Вердикт.
Осторожно, много картинок! Все кликабельны.
PNG
Растровый графический формат PNG, набирающий всё большую популярность в эпоху веб 2.
0, появился в далеком 1995 году как замена старому доброму GIF (и, частично, TIFF). К тому времени хозяева запатентованного GIF’а решили сбивать четырёхзначные суммы со всех разработчиков, использующих формат, и свободному сообществу ничего не осталось кроме как предложить бесплатную альтернативу.
Так в чем же преимущества формата?
- Полноценная поддержка alpha-transparency – прозрачности. Позволяет сделать участки изображения прозрачными и полупрозрачными.
- Качественный алгоритм сжатия без потери качества. Похожий на LZW, но немного эффективнее.
- Возможность черезстрочной развёртки, причем (в отличии от GIF) как по вертикали, так и по горизонтали одновременно.
- Встроенная гамма-коррекция. Позволяет прикрепить к изображению настройки его отображения, для того чтобы на разных мониторах изображение отображалось точно так же, как и у автора.
Существуют 2 версии формата: PNG-8 (похож на GIF – использует индексные цвета) и PNG-24 (ближе к JPEG – полноцветная палитра).
PNG vs GIF
Так как PNG-24 использует полную палитру цветов, сравнивать его с GIF довольно сложно. PNG-8 с его индексной палитрой здесь более схож. Приведу скриншоты для сравнения:
Практика (как и мнение коллег) показывает, что простые небольшие изображения GIF сжимает лучше. Но, когда речь заходит о больших изображениях, GIF всё же остаётся позади.
Кроме того, ещё одно немаленькое преимущество: на самом деле, вопреки распространённому мнению, PNG-8 тоже может использовать полноценный альфа-канал, как и PNG-24. Просто Photoshop его не поддерживает, поэтому Сергей Чикуенок из студии Лебедева рекомендует использовать Adobe Fireworks, чем я и решил заняться (Об этом немного позже).
PNG vs JPEG
А в этой битве, если прозрачность нам не нужна, PNG проигрывает, так сказать, на «среднем сегменте рынка». Хотя, если прилинковать к JPEG’у ICC-профайл, разница в объёме становится незаметной.
Мои замеры приводились на – JPEG 100%. А при меньшем качестве (с не особо заметной для глаза разницей) сравнение, к сожалению, становится ещё более печальным.
В общем, смотрите сами:
UPD А вообще, результаты значительно зависят от самого изображения: PNG лучше сжимает градиенты и однотонные участки, но для фотографий лучшее сжатие даёт JPEG. Хотя, говорят (самому с трудом верится), на больших фотографиях PNG и тут лидирует – проверено только что в процессе конвертирования скриншотов к статье (PNG против JPEG-70% – выигрыш раза в полтора).
Жизнь после Photoshop’а или сжимаем дальше
Во многих ситуациях PNG остаётся вообще незаменимым, так как прозрачность нормально не поддерживается ни одним из альтернативных веб-форматов, а какой простор он открывает дизайнерам и верстальщикам… UPD Кроме того, с учётом специфики формата, для элементов дизайна в вебе – это, наверное, лучшее решение.
Гуглим и качаем – PNGOut.
Программка около 1.5 Мб с минимальным количеством настроек позволяет прогонять (в том числе пакетно) PNG-файлы со сжатием.
На пакете иконок (90 файлов с прозрачным фоном без особых наворотов) выигрыш в объёме составил в среднем около 10-15%. Не особо, конечно, впечатляет. Но для рассмотренных выше файлов-примеров процент сжатия колебался от 10% (большой постер без прозрачности) до 72% (полупрозрачные прямоугольники). Так что, попробовать стоит, тем более работа с утилитой много времени не занимает.
Кроме PNGOut, существует ещё много программ, детальным обзором которых сейчас заниматься не хочется:
- OptiPNG – не имеет графической оболочки и работает из командной строки. По непроверенным данным процент сжатия меньше. UPD но её пользователи утверждают обратное.
- Pngcrush – сам не пробовал, говорят «пытается оптимизировать файл всеми доступными способами», но главное ведь не «как пытается», а «как оптимизирует».
- и ещё ряд утилиток просто вычищающих служебный мусор из файлов.
Adobe Fireworks
Честно говоря, Adobe Fireworks стал для меня настоящим открытием: PNG-8, PNG-24 и PNG-32 + куча настроек!
3 версии формата в AF:
PNG-24 и PNG-32 я подробно не рассматривал. Насколько я понял, в их терминологии 32 – с альфа-каналом, а 24 – без. По предварительным прикидкам Photoshop справляется с этй задачей лучше.
А вот PNG-8 разбил все мои (и большинства коллег) стереотипы. Итоговый файл гораздо меньше GIF’а и существует полноценная поддержка прозрачности двумя способами: alpha и index transparency. Единственным минусом по сравнению с PNG-24 остаётся индексная палитра, хотя всё зависит от потребностей. Моё личное мнение – PNG-8 в большинстве случаев уделывает и GIF, и PNG-24.
PNG против GIF в AF, хотя как раз с привычными GIF-JPEG Fireworks работает по умолчанию не очень (с настройками я не игрался). Но даже в сравнении с Photoshop’овским результатом разница в пользу PNG:
И вот всё разнообразие PNG-8 — ради этого стоит устанавливать Adobe Fireworks:
Для сравнения: тот же файл стараниями Photoshop весил 3 188 байт против полученных теперь 450, то есть раз в 6 больше.
Вердикт
По-моему, GIF своё уже отжил. Теперь его существование – в первую очередь вопрос инертности общества. UPD Впрочем, сегмент разных анимационных приятностей Всё рано пока остаётся за GIF :).
Для прозрачных элементов дизайна стоит использовать PNG-8 (реже PNG-24, когда палитры PNG-8 недостаточно для сохранения изображения без потерь).
Для фотографий и сложных графических элементов лидером по-прежнему остаётся JPEG из-за мощных возможностей оптимизации изображения. Хотя в некоторых случаях может оказаться достаточно и PNG-8 – как и раньше, с GIF’ом, смелые эксперименты – залог успеха. UPD Но для действительно больших изображений всё же JPEG проигрывает.
Всем веб-дизайнерам и верстальщикам рекомендую устанавливать Adobe Fireworks и взглянуть на PNG в новом ракурсе.
UPD Я действительно не специалист и обзор писался на коленке, о чём говорит эпитет «краткий»; возможно, не на лучших примерах.
Поэтому спасибо всем, кто принял активное участие в обсуждении, особенно kmike и @merlin_rterm. В процессе узнал для себя много нового, в частности, специфику сжатия PNG и что JPEG-100 все равно с потерей качества. Большая часть этих интересностей добавлены прямо в тексте статьи, для того, чтобы не отрывать их от контента.
Обновил иллюстрации. К сожалению, сервис, на котором размещены картинки, не хранит PNG, всё равно конвертируя его в JPEG. Но теперь, по крайней мере, качество лучше. Ещё раз повторюсь – моей целью не было сравнивание артефактов, а только килобайты и ещё раз килобайты итоговых файлов.
Источник – Just Kitich блог.
Формат изображения— В чем разница между PNG и PNG8?
Спросил
Изменено 3 месяца назад
Просмотрено 45k раз
Мне было интересно, в чем разница между PNG и PNG8?
Есть ли разница между PNG и PNG8 в качестве изображения?
Почему я хочу использовать PNG8 вместо PNG и наоборот?
Допустим, я рисую изображение в Photoshop.
Означает ли PNG, что я получу те же пиксели, которые я нарисовал в Photoshop 1 к 1?
- png
- формат изображения
2
Спецификация PNG определяет только «png», который может иметь различную глубину цвета и типы цвета (RGB, RBGA, серый, альфа-серый, индексированный). Номенклатура «PNG8» — это просто удобный способ обозначения индексированного изображения (8-битных пикселей). ImageMagick, например, использует PNG8, PNG24, PNG32, PNG48 и PNG64 для идентификации 8-битного индексированного изображения с двоичной прозрачностью, 24-битного RGB, 32-битного RGBA и т. д. Я не уверен, что определение PhotoShop ограничивает PNG- 8 до бинарной прозрачности или нет. PNG8 ограничен 256 элементами палитры, а PNG24 может иметь 16 миллионов различных цветов.
Скорее всего, это повторяющийся вопрос, но проще просто ответить, чем искать дубликаты. Я сделаю это сейчас…
Хорошо, на этом сайте есть 29 вопросов о PNG8 и 542 000 вопросов на StackExchange, вероятно, в основном дублирующие этот вопрос.
Возможно вы имели ввиду PNG-8 и PNG-24?
Существует два формата PNG: PNG-8 и PNG-24. Цифры — это сокращение от «8-битный PNG» или «24-битный PNG». Чтобы не вдаваться в технические подробности, потому что вам как веб-дизайнеру, вероятно, все равно, 8-битные PNG означают, что изображение имеет 8 бит на пиксель, а 24-битные PNG означают 24 бита на пиксель.
Подводя итог различиям простым языком: скажем, PNG-24 может обрабатывать гораздо больше цветов и хорош для сложных изображений с большим количеством цветов, таких как фотографии (точно так же, как JPEG), в то время как PNG-8 более оптимизирован для вещи с простыми цветами, такие как логотипы и элементы пользовательского интерфейса, такие как значки и кнопки.
Когда вам нужно сохранить прозрачность и большое количество цветов, а также добиться полной или частичной прозрачности, лучше всего подходит формат изображения PNG.
Поскольку это формат без потерь, изображения, сохраненные в формате PNG, не всегда будут маленькими, но поскольку PNG хранит много дополнительных данных, вы можете легко оптимизировать изображения для использования в Интернете, чтобы уменьшить размер файлов.
5
PNG24 поддерживает миллионы цветов. PNG8 поддерживает только до 256 цветов.
Вот почему файлы PNG8 намного меньше. Если ваши изображения выглядят нормально в формате PNG8, используйте его. Если цвета выглядят зернистыми, используйте PNG24.
1
Вы должны знать о нескольких ключевых факторах…
Существуют также различные глубины цвета (палитры): Индексированный цвет и Прямой цвет.
- Индексированный означает, что изображение может хранить только ограниченное количество цветов (обычно 256), контролируемое автором, в так называемой цветовой карте
- Прямой означает, что вы можете хранить многие тысяч цветов, которые не были выбраны автором напрямую
PNG-8 — Без потерь / Индексированный
PNG-8 может хранить только 256 цветов, как GIF, это действительно хорошая замена GIF, потому что (хотя анимация не так поддерживается), он добавляет альфа-прозрачность ( ниже для сравнения).
PNG-24 — Без потерь / Прямой
PNG-24 — отличный формат, сочетающий в себе кодирование без потерь с прямым цветом (т. е. тысячи цветов, как в JPEG). К сожалению, файлы PNG-24 по-прежнему будут больше, чем JPEG (для фотографий) и GIF/PNG-8 (для логотипов и графики), поэтому вам все равно нужно подумать, действительно ли вы хотите их использовать.
Несмотря на то, что файлы PNG-24 позволяют отображать тысячи цветов при сжатии, они не предназначены для замены изображений JPEG. Фотография, сохраненная как PNG-24, вероятно, будет по крайней мере в 5 раз больше, чем эквивалентное изображение JPEG, с очень небольшим улучшением видимого качества. (Конечно, это может быть желательным результатом, если вас не волнует размер файла и вы хотите получить изображение максимально возможного качества.)
Как и PNG-8, PNG-24 также поддерживает альфа-прозрачность.
Надеюсь, это поможет!
PNG-8 — это формат с потерями по сравнению с PNG-24, который имеет формат без потерь
3
Твой ответ
Зарегистрируйтесь или войдите в систему
Зарегистрируйтесь с помощью Google
Зарегистрироваться через Facebook
Зарегистрируйтесь, используя адрес электронной почты и пароль
Опубликовать как гость
Электронная почта
Требуется, но никогда не отображается
Опубликовать как гость
Электронная почта
Требуется, но не отображается
Нажимая «Опубликовать свой ответ», вы соглашаетесь с нашими условиями обслуживания, политикой конфиденциальности и политикой использования файлов cookie
Способ экспорта PNG-8 с частичной прозрачностью в Adobe PS CC, отличный от «Быстрый экспорт» / «Экспортировать как»?
Спросил
Изменено 5 лет, 3 месяца назад
Просмотрено 4k times
Ранее я спрашивал «Как выполнить пакетный экспорт всего содержимого каталога в формат PNG-8, перезаписав существующие файлы?».
Ответ, который я получил, кажется технически правильным. Но я забыл упомянуть один серьезный критерий — мое изображение имеет частичную прозрачность.
Следовательно, если мое тестовое изображение:
Файл > Экспорт > Быстрый экспорт в png-8 или Экспорт (выбор png-8 визуально эквивалентен файлу):
Где as Export > Layers to Files and Export > Save For Web (Legacy) создать изображение справа (изображение слева оригинально):
Моя проблема в том, что большинство моих изображений, которые я пытаюсь экспортировать через Пакет Действия основаны на частичной прозрачности. Но единственные два параметра экспорта в png-8 , которые я могу найти, которые, кажется, поддерживают частичную прозрачность, в настоящее время не поддерживаются действиями.
Я получаю Сохранить для Интернета , в соответствии с мотивацией резких краев, которую Adobe подробно описывает здесь.
Я также не понимаю, почему экспорт слоя также выполняет матирование при частичной прозрачности, без намека на это в диалоговом окне (может быть, ошибка?) и без возможности даже выбрать матовый цвет, если на то пошло ( автоматически выбранное матирование равно #ffffff в цветовом пространстве некоторого контента).
Существуют ли какие-либо другие способы экспорта в png-8 с частичной прозрачностью, ДРУГИЕ, чем Экспортировать как и Быстрый экспорт в png-8 ?
- adobe-photoshop
- экспорт
- прозрачность
- png
- автоматизация
8
Вот решение – использование только Photoshop… ЕСЛИ все ваши файлы имеют одинаковые размеры.
- Обязательно установите флажок «Меньший файл (8-разрядный)» в разделе «Формат быстрого экспорта» (можно найти, выбрав «Файл» > «Экспорт» > «Настройки экспорта»)
- Выберите «Файл» > «Сценарии» > «Загрузить файлы в стек».
- Щелкните первый слой на панели слоев и, удерживая клавишу Shift, щелкните последний, чтобы выделить все слои.
- Щелкните правой кнопкой мыши непосредственно на слоях и выберите «Экспортировать как» или «Быстрый экспорт как PNG-8…»
Готово
~~~~~~~~ ~~~~~~~~ ~~~~~~~~
РЕДАКТИРОВАТЬ: Если ваши файлы имеют разные размеры (или если описанный выше метод не работает для вас по какой-либо причине) и у вас просто должен быть PNG-8, вы всегда можете загрузить старый плагин SuperPNG для Photoshop, доступный здесь…
Photoshop теперь может давать лучшие результаты, чем SuperPNG, прямо из коробки, используя «Экспорт», но не в действии/пакете. После установки плагина вы можете создать действие/пакет и «Сохранить как» SuperPNG. Этот метод был способен выводить файлы PNG-8 с 8-битной прозрачностью задолго до того, как Photoshop смог…
Вот ваше исходное изображение выше (которое начиналось с 93 КБ), сохраненное из Photoshop с помощью SuperPNG:
Для создания этого результат (весом в 60,5кб) Я использовал следующие настройки:
Я мог уменьшить размер файла, но это вызывало неприглядные полосы.
Результаты, конечно, будут отличаться для разных изображений. Возможно, вы можете получить лучшие результаты, повозившись с настройками…
В любом случае, пропустив этот файл через «The Gauntlet», я получил такой результат:
Это изображение весит 38 КБ.
Обратите внимание, что это лишь незначительно меньше, чем 32-битный пример, созданный с использованием PNGGauntlet в моем другом ответе, но это PNG-8 с 8-битной прозрачностью:
3
В этом случае забудьте о Photoshop… и не зацикливайтесь на PNG-8. С частичной прозрачностью (на мой взгляд) PNG-24 (на самом деле PNG-32) — единственный выход.
Используйте PNGGauntlet. И вы сделали.
Вот ваш образец изображения после того, как вы прогнали его «через перчатку»:
Размер файла был уменьшен с 93,4 КБ до 39,9 КБ:
Ваш пример PNG8 весит 40,6 КБ, поэтому мы справились даже лучше, чем что без необходимости Photoshop или PNG8.
Ура
3
Твой ответ
Зарегистрируйтесь или войдите в систему
Зарегистрируйтесь с помощью Google
Зарегистрироваться через Facebook
Зарегистрируйтесь, используя адрес электронной почты и пароль
Опубликовать как гость
Электронная почта
Требуется, но никогда не отображается
Опубликовать как гость
Электронная почта
Требуется, но не отображается
Нажимая «Опубликовать свой ответ», вы соглашаетесь с нашими условиями обслуживания, политикой конфиденциальности и политикой использования файлов cookie
.
Разница между PNG 24 и PNG 8 [Обновлено 2022]
Последнее обновление: 25 августа 2022 г. / Автор Сандип Бхандари / Факт проверен / 5 минут
Оба термина PNG 24 и PNG 8 являются файлами изображений и графическими форматами очень высокого качества. Они используют сжатие без потерь и считаются заменой GIF. Предоставление пользователям возможности найти компромисс между размером файла и качеством изображения после сжатия изображения. Они считаются лучше, чем GIF, поскольку поддерживают чередование изображений и быстрее развиваются. Лучшее в PNG то, что качество изображения не теряется даже после повторного открытия и сохранения файла.
Он также предлагает действительно хорошее попиксельное отображение экрана. Мы можем использовать PNG для фотографий, которые содержат штриховые рисунки, рисунки и иллюстрации. Его также можно использовать для рукописных писем и газетных статей.
PNG подходит для всего, что имеет текст или макеты страниц, сделанные в фотошопе, а затем сохраненные как изображения.
PNG 24 против PNG 8
Основное различие между PNG 24 и PNG 8 заключается в том, что первый считается лучшим для обеспечения очень хорошей прозрачности и четкости изображений, тогда как последний лучше всего подходит для формата файла для сохранения скриншотов из Интернета. а также создание графики.
PNG 24 очень похож на PNG 8, но поддерживает 16 миллионов цветов. Лучшая часть PNG 24 заключается в том, что он сохраняет цветовые вариации, например, лучшие градиенты, а также предотвращает появление полос. Он обеспечивает больший файл по сравнению с другими. Считается лучшим для штриховых рисунков, базовой графики и т. д., но дает файлу дополнительный размер, который даже не нужен. Если у вас очень сложная графика и фотографии, требующие сохранения дополнительных деталей, то PNG 24 — лучший выбор.
PNG 8 означает 8-битный формат, поддерживающий 256 цветовую схему.
Он похож на GIF и использует метод сжатия без потерь. Это вариант палитры, который обычно меньше по размеру. Он поддерживает прозрачность и сжимает области сплошного цвета. Это помогает пользователям сохранить четкие детали изображения
Таблица сравнения PNG 24 и PNG 8
| Параметры сравнения | PNG 24 | PNG 8 |
| Определение | Файл PNG с 24-битной версией, который поддерживает истинные цвета и обеспечивает очень хорошее качество изображения благодаря этим схемам истинных цветов. | PNG-файл с 8-битной глубиной цвета, который не подходит для сложной графики, так как приводит к полосам на изображениях. |
| Сжатие | без потерь | с потерями |
| Подходит для | Графические изображения с цветовыми вариациями и широким диапазоном цветов | Изображения с меньшим количеством цветовых данных и деталей изображения |
| Поддерживает | Индекс прозрачности. PNG-24 обеспечивает прозрачность указателя, что обеспечивает эффект иллюзии плавной прозрачности наряду с кривыми вашей графики. | Альфа-прозрачность. PNG-8 поддерживает прозрачность индекса альфа и фона. |
| Количество цветов | 16 миллионов | 256 |
Что такое PNG 24?
PNG 24 — это вариант истинного цвета, поддерживающий переход от непрозрачного к прозрачному эффекту. Если вы работаете с фотографиями для Интернета и детализированными изображениями, лучшим выбором будет формат PNG 24. Пользователь может получить файл большего размера в формате PNG 24 из-за объема сохраняемой информации. Использование PNG 24 рекомендуется при работе с изображением, включающим несколько уровней частичной прозрачности.
Эти файлы больше файлов JPEG и поддерживают многоуровневую прозрачность. Пользователь может получить файл большего размера в формате PNG 24 из-за объема сохраняемой информации. Использование PNG 24 рекомендуется при работе с изображением, включающим несколько уровней частичной прозрачности.
PNG 24 использует индекс прозрачности, в котором можно применить матовый цвет. Этот эффект настолько хорош, что создает иллюзию очень гладкой прозрачности вместе с кривыми графики.
Что такое PNG 8?
8-битная версия формата PNG, в которой каждый цвет для определенного пикселя представлен строкой из 8 бит. Он способен отображать около 256 цветов. 8-бит также позволяет сохранять изображения с меньшим количеством битов, например, 2-битным или 4-битным. Для изображений с небольшим изменением цвета этот формат файла PNG лучше всего подходит.
PNG-8 считается лучшим для небольшой графики, логотипов и штриховой графики. Не подходит для сложной графики, так как приводит к полосам на изображениях. PNG-8 поддерживает прозрачность альфа-канала и фонового индекса.
Альфа-прозрачность
Обеспечивает несколько уровней прозрачности, что дополнительно помогает обеспечить более плавное смешение кривых и краев. При этом вы можете иметь различные проценты прозрачности в вашей графике и других изображениях.
Он обеспечивает 50% непрозрачность всего изображения.
Основное различие между PNG 24 и PNG 8
- PNG 24 имеет возможность сжатия без потерь, тогда как. PNG 8 поставляется со сжатием с потерями.
- PNG 8 поддерживает однобитный канал прозрачности, а PNG 24 поддерживает переход от непрозрачной прозрачности.
- Максимальная поддержка цветов в формате PNG 24, поскольку он может поддерживать 16 миллионов цветов, тогда как PNG 8 поддерживает 256 цветов.
- PNG 8 лучше всего подходит для небольшой графики, не требующей дополнительных цветовых деталей, а PNG 24 лучше всего подходит для веб-фотографий и подробных изображений.
- PNG 24 поддерживает индексную прозрачность, тогда как PNG 8 поддерживает альфа-прозрачность.
- Другими преимуществами использования PNG являются сжатие без потерь, отсутствие патентов, улучшенное сжатие размера файла, управление гамма-коррекцией и прозрачность альфа-канала.
Заключение
Формат PNG означает Portable Network Graphics, формат файла, используемый для сжатия изображений.
Это помогает хранить веб-графику, цифровые фотографии и изображения с прозрачным фоном. Это файл изображения и очень качественный графический формат, который использует сжатие без потерь и считается заменой GIF.
Позволяет пользователям найти компромисс между размером файла и качеством изображения после сжатия изображения. Он считается лучше, чем GIF, поскольку поддерживает чересстрочную развертку изображений и развивается быстрее. Основное преимущество PNG заключается в том, что он поддерживает прозрачность, что позволяет пользователям создавать изображения, которые аккуратно накладываются на содержимое изображения.
Из двух обсуждаемых PNG, то есть PNG 24 и PNG 8, первый обеспечивает прозрачность и четкость, тогда как последний является очень хорошим форматом файла для сохранения скриншотов из Интернета и создания графики. Основные отличия показывают пользователям, что PNG 24 поддерживает 16 миллионов цветов и поможет лучше сохранить вариации по сравнению с PNG 8. Вы можете выбрать любой из PNG в зависимости от ваших потребностей.