Хабр Курсы для всех
РЕКЛАМА
Практикум, Хекслет, SkyPro, авторские курсы — собрали всех и попросили скидки. Осталось выбрать!
Хабр доступен 24/7 благодаря поддержке друзей
Комментарии 50
> прозрачность PNG сохраняется даже в IE6.
Кто нибудь может прояснить этот момент?
Кто нибудь может прояснить этот момент?
Интересно, интересно. Надо будет сравнить с punypng.com, у последних качество сжатия весьма высокое.
Всё, punypng по сравнению с этим фигня, но они только оптимизировали. А эти перегоняют в более лёгкий формат — все картинки что протестил ужались минимум на 64%, среднее 70% экономии для 24 битных PNG.
У punypng есть API. Закачивать каждую PNGху вручную, когда необходимо на сервер-сайде все автоматизировать не по фен-шую!
Так да, но зато у них ограничение в 150KB :( Мне вот помешало это пару картинок оптимизировать сейчас когда тестировал.
Я просто брал заливал по 20 картинок за заход на tinypng.org. Ограничение кстати касается только единовременной заливки, а если обработалось 20 штук и залить ещё 20 без обновления страницы — всё отлично пашет. Минус только один — нельзя скачать архивом всё сразу.
Я просто брал заливал по 20 картинок за заход на tinypng.org. Ограничение кстати касается только единовременной заливки, а если обработалось 20 штук и залить ещё 20 без обновления страницы — всё отлично пашет. Минус только один — нельзя скачать архивом всё сразу.
Честно говоря, ухудшения есть, артефакты появились какие-то, прямо как на jpeg.
Посмотрите на тень снизу — она покарёжилась. Но неплохо, да
Ну, вообще, да, сейчас заметил внизу в тенях недостатки. Это, кстати, и есть самое узкое место, потому что сверху все ясно − там нет полупрозрачности и цвета близкие по оттенку. А внизу тени, при чем сделанные именно полупрозрачностью процентов на 20%. Макет спасает то, что внизу подложка серая с вактуркой. Если бы фон был более контрастный, то недостатки были бы более заметны.
Спасибо! Сколько лет занимаюсь дизайном и проектами, а подобный финт даже в голову не приходил.
Хорошая эффективность, где-то на 50% уменьшило размер пнгшек, а изменения качества на глаз не заметно.
Хорошая эффективность, где-то на 50% уменьшило размер пнгшек, а изменения качества на глаз не заметно.
Adobe Fireworks умеет!
Умеет, да. Но стоит около $300, если не ошибаюсь. К тому же иногда, к сожалению, конвертировать приходится не дизайнеру, а другому человеку, к тому же после запуска проекта, когда (внезапно!) оказывается, что сочные странички с оригинальной нарезкой слишком долго грузятся на телефонах или жрут трафик. Сервис может оказаться полезным.
Так он что делает то? пнг24 переводит в пнг8, делая полупрозрачные пиксели непрозрачными?
Png8 с альфой. То есть картинка 8-битная, а палитра (256 цветов) RGBA, с полупрозрачными цветами.
PNG8 в палитре могут быть полупрозрачные цвета, в отличие от GIF. То есть в png8 ЕСТЬ полупрозрачность.
Если так, то спасибо, не знал.
Есть, но не все приложения поддерживают. Например, если откроете такой файл в фотошопе, то полупрозрачность пропадёт…
Пикселы остаются прозрачными, причём на глаз без дефектов (как в случае если сохранять в png8 в Photoshop-е), а размер уменьшается солидно. У меня получилось сжать 108KiB файл в 36KiB. Был правда и 1 мелкий png, где размер увеличился на 10% :)
Отличный сайт! Спасибо. Сильно огорчает только то что максимальный размер картинки 1мб(
Визуального толку как от гифа.
Ладно, ладно, попробовал пожать свои текстуры из игры. Доходит до -70-80% уменьшение размера. Беру свои слова обратно.
А вообще, конечно, гадит по краям. Вот попробовал на проекте.
optiPNG пользуюсь постоянно, даже одно время прикручивал его к mapnik, пока нагрузка была не велика, а вот про pngquant и advpng узнал впервые. Спасибо, будем пробовать.
Большое спасибо!
Найти бы утилиту, которая, не трогая цветовую палитру, только чистила бы альфа-канал.
Из этого ничего хорошего не получится. Если просто дропнуть а-канал, то вылезут артефакты связанные с оптимизацией размера — то место где альфа 255 может иметь какой-то цвет (который при н/у будет прозрачным). Для всего остального есть pngcrush
Кто сказал дропнуть?
«Чистить альфа-канал» = убирать цветовую информацию из пикселей с alpha=0.
«Чистить альфа-канал» = убирать цветовую информацию из пикселей с alpha=0.
Фотошоп (начиная с cs4) так и делает. Да и все остальные вменяемые утилиты, думаю тоже. Это если говорить о 32bit RGBA. Если речь о Paletted RGBA (как в статье), то это выполняется by design — полностью прозрачному будет соответствовать один цвет из палитры.
Ну, теоретически такую утилиту вполне можно написать самостоятельно, используя ImageMagick например. Грубо, это решается следующим образом:
— исходное изображение разделяется на RGB- изображение и альфа-канал
— альфа-канал обрабатывается так, чтобы все, что светлее черных пикселей, стало белым (есть разные пути) и сохраняется в еще один файл, назовем его «маской полной прозрачности»
— делаем из альфа-канала еще одну копию, сконвертировав его из восьмибитного greyscale в RGB
— теперь, используя эту маску, накладываем сконвертированный в RGB альфа-канал на исходное RGB-изображение, но не как канал прозрачности, а как обычную картинку
— возвращаем в получившуюся картинку исходный альфа-канал.
Все это дает нам вот что: там, где в канале прозрачности был ноль, мы получили 0,0,0 как-бы скопировав значение A в R,G,B
Способ может быть несовершенен или не слишком оптимален, но реализуется просто batch (или bash) скриптом на готовой команде convert из ImageMagick.
— исходное изображение разделяется на RGB- изображение и альфа-канал
— альфа-канал обрабатывается так, чтобы все, что светлее черных пикселей, стало белым (есть разные пути) и сохраняется в еще один файл, назовем его «маской полной прозрачности»
— делаем из альфа-канала еще одну копию, сконвертировав его из восьмибитного greyscale в RGB
— теперь, используя эту маску, накладываем сконвертированный в RGB альфа-канал на исходное RGB-изображение, но не как канал прозрачности, а как обычную картинку
— возвращаем в получившуюся картинку исходный альфа-канал.
Все это дает нам вот что: там, где в канале прозрачности был ноль, мы получили 0,0,0 как-бы скопировав значение A в R,G,B
Способ может быть несовершенен или не слишком оптимален, но реализуется просто batch (или bash) скриптом на готовой команде convert из ImageMagick.
Пользуюсь PngOutWin. Ставишь в очередь хоть по 300 файлов любого размера. Оптимизированный пример с сайта tinypng.org/images/example-shrunk-ec364794.png уменьшила еще на 1 кб. А так, конечно, полезно если нет программы под рукой сжимать в онлайне.
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Конвертация PNG24/32 в PNG8 с сохранением прозрачности