Простое изображение с прозрачным фоном
-
В формате gif (2.3 КБайт):
-
В формате png-8 (2.1 КБайт):
-
В формате png-24 (2.8 КБайт):
ЗАЧЕТ!
В этом случае будут проблемы в IE6 с фоновой прозрачностью. О их решении я рассказываю здесь.
Вывод: в случае простого изображения с прозрачным фоном оптимальным оказывается формат png-24.
Текст с прозрачным фоном
-
В формате gif (1.8 КБайт):
-
В формате png-8 (1.4 КБайт):
-
В формате png-24 (2.0 КБайт):
ЗАЧЕТ!
В этом случае будут все теже проблемы в IE6. О их решении я рассказываю все там же.
Вывод: текст ни чем не отличается от простого изображения, с которым мы экспериментировали выше.
Простое изображение с белым фоном
-
В формате gif (2.3 КБайт):
-
В формате png-8 (1.9 КБайт):
ЗАЧЕТ!
-
В формате png-24 (2.9 КБайт):
-
В формате jpg с показателем качества в 51 попугай (3.2 КБайт):
Вывод: в случае непрозрачности фона оптимальным оказывается формат png-8.
Текст с белым фоном
-
В формате gif (1.8 КБайт):
-
В формате png-8 (1.4 КБайт):
ЗАЧЕТ!
-
В формате png-24 (2.1 КБайт):
-
В формате jpg с показателем качества в 51 попугай (4.1 КБайт):
Вывод все такой же, текст ни чем не отличается от простого изображения.
Что белый фон, что однотонный - все равно победитель png-8
-
В формате gif (2.3 КБайт):
-
В формате png-8 (1.9 КБайт):
ЗАЧЕТ!
-
В формате png-24 (3.3 КБайт):
-
В формате jpg с показателем качества в 51 попугай (3.3 КБайт):
Простое изображение на сложном фоне (горизонтальный градиент без прозрачности)
-
В формате gif (4.9 КБайт):
-
В формате png-8 (2.6 КБайт):
ЗАЧЕТ!
-
В формате png-24 (4.1 КБайт):
-
В формате jpg с показателем качества в 51 попугай (3.7 КБайт):
Вывод: с огромным отрывом лидирует png-8. Связано это с особенностью сжатия данного формата (об этом подробно писал Сергей Чикуенок). Постепенно, с усложнением изображения, появляется смысл в формате jpg.
Простое изображение на сложном фоне (вертикальный градиент без прозрачности)
-
В формате gif (4.2 КБайт):
-
В формате png-8 (2.6 КБайт):
ЗАЧЕТ!
-
В формате png-24 (4.1 КБайт):
-
В формате jpg с показателем качества в 51 попугай (3.6 КБайт):
Вывод: все также лидирует png-8. Немного уменьшился размер файла в формате gif (о чем нас и предупреждал Сергей Чикуенок).
Сложное изображение
-
В формате gif (85.1 КБайт):
-
В формате png-8 (74.2 КБайт):
-
В формате png-24 (196.6 КБайт):
-
В формате jpg с показателем качества в 51 попугай (28.8 КБайт):
ЗАЧЕТ!
Вывод: неожиданностей не произошло, победил jpg.
Сложное изображение с прозрачностью
-
В формате gif (48.2 КБайт):
-
В формате png-8 (43.1 КБайт):
-
В формате png-24 (129.9 КБайт):
ЗАЧЕТ!
Все таже проблема в IE6 с отображением прозрачности. О том, как с этим справиться я рассказывал здесь.
Вывод: альтернатив png-24 нет.
Вернуться к сатье на сайте SdelaySite.com