8-битные PNG файлы с 100% поддержкой прозрачности

Технологии шагнули вперед,  но создатели сайтов продолжают мучаться с альфа каналом png, заставляя «упертые» браузеры типа ie6-7 корректно отображать прозрачность в 24 битных png. Используются фильтры, различные javascript библиотеки.

png с прозрачностью

Но хорошо, что есть парни из voormedia, которые создали чудесный сайт для преобразования 24-битных png фалов в 8-ми битные, при этом сохраняя прозрачность.

Попробуйте уловить разницу:

На изображении выше размер файла уменьшается более чем на 70%.

Эта техника называется «quantisation». Поскольку количество цветов уменьшается, 24-битные PNG файлы могут быть преобразованы в гораздо меньшие 8-битовые изображения. Все ненужные метаданные тоже удаляются. Результат: крошечные 8-битные PNG файлы с 100% поддержкой прозрачности.

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

brausers

Internet Explorer 6 обычно игнорирует PNG прозрачность заливая её серым цветом. С TinyPNG фон снова становится прозрачным. И никаких обходных путей!

Комментарии

  • Serg

    Если ту же картинку сжать с помощью compresspng.com результат меньше и лучше качеством. Особенно заметно на правом градиенте.

    • Павел Петрин

      Как посмотреть на «правый градиент»?

  • kch

    Я бы конечно забил на ИЕ 6 и 7. Такую штуку лет 5-10 назад — ей цены бы небыло...

Оставить комментарий