IE6- и фон полупрозрачного PNG

TweakPNG (3.26КиБ)

Тема Internet Explorer и PNG как-то удивительно неисчерпаема. Совершенно случайно накнулся на способ, который широко известен в буржуинских интернетах, а в рунете мне как-то на глаза не попался, хотя, судя по поиску, всё-таки известен.

Касается он отображения полупрозрачных PNG в Internet Explorer 6 и ниже. Как известно, без ухищрений, у PNG полупрозрачность в указанных версиях не появится, вместо этого IE покажет серый фон.

Оказывается, есть способ заменить этот цвет на любой другой. Например, на белый. Это можно сделать, например, утилитой TweakPNG:

  • открываем PNG в TweakPNG
  • в меню «Insert» выбираем «bkGD (Background-color)»
  • выделяем свежесозданную строку «bkGD»
  • клик правой клавишей → «Edit chunk…», меняем цвет, к примеру, на белый
  • сохраняем файл
    Кстати, многие инструменты оптимизации PNG удаляют параметр «bkGD».

Отличный способ сделать graceful degradation.

Поделиться
Отправить
 8   2010   ie   png   программирование
13 комментариев
almalinka.blogspot.com 2010

Про bkGD писали на внутренней рассылке, месяца два назад.

Алексей Тен (me.lynn.ru) 2010

Блин, я это делал ещё в далёком 2005. Так же как и многое из того, что сейчас появляется в рунете как «откровение». Надо научится писать в бложик о работе.

banzalik.moikrug.ru 2010

ну не 2 месяца, а 1 :)

Евгений Степанищев (bolknote.ru) 2010

Комментарий для almalinka.blogspot.com:

Я как-то пропустил.

0range (0range.ru) 2010

Да это тот еще баян :)
Если уж делать graceful degradation, то лучше через fireworks, там для ие6 полупрозрачные пиксели прячутся.
(А по уму ие6 давно бы пора забыть, слишком уж много проблем с ним.)

Евгений Степанищев (bolknote.ru) 2010

Комментарий для me.lynn.ru:

Я много лет назад достаточно неплохо изучил материалы MSDN по IE и многое из того попробовал на практике. Когда несколько лет назад XHR, VML и фильтры стали, наконец, известными большинству меня тоже удивляло — неужели никто MSDN не читал? :)

Некоторые вещи кажутся очевидными, а, оказывается, большинству они неизвестны. Просто потому, что в IT входят всё новые и новые люди и для них любые знания — новые.

Ну и область обширна настолько, что немудрено что-то упустить.

Евгений Степанищев (bolknote.ru) 2010

Комментарий для 0range.ru:

А по уму ие6 давно бы пора забыть, слишком уж много проблем с ним

Так вперёд — забудь ;) Google, вот, уже забыл. Кстати, я в Казани.

0range (0range.ru) 2010

Как будет ниже 3% сразу же забью на него :) ох как проще станет то!
Ну че может тогда соберемся? :)

Евгений Степанищев (bolknote.ru) 2010

Комментарий для 0range.ru:

У меня на сайте 64% всех IE — 6.0, при этом IE — 20%. То есть IE 6 — ≈ 31%. Многовато, интересно, почему эти люди не переходят на другие браузеры?

Ну че может тогда соберемся? :)

Можно, только холодно что-то очень :) Телефон ты знаешь :)

Agonych.livejournal.com 2010

А еще можно вот так поизвращаться: http://www.sitepoint.com/blogs/2007/09/18/png8-the-clear-winner/  — PNG8 при помощи небольшого секса может стать полупрозрачным, а в IE6 будет отображаться, как обычный прозрачный GIF.

Евгений Степанищев (bolknote.ru) 2010

Комментарий для agonych.livejournal.com:

Можно. У нас в книге ( http://speedupyourwebsite.ru/books/reactive-websites/ ) про это можно прочитать подробнее.

stacmv.net 2010

Я иногда пользуюсь IE6, когда надо быстро посмотреть что-то в инете, т. е. для сиюминутных задач.

Он очень быстро запускается на моем нетбуке. И также быстро потом закрывается.

Кстати, в копилку малоизвестного про IE (5.5+) — HTML+TIME.

Евгений Степанищев (bolknote.ru) 2010

Комментарий для stacmv.net:

Кстати, в копилку малоизвестного про IE (5.5+) — HTML+TIME

Я-то про HTML+TIME, конечно же, знаю: http://bolknote.ru/all/1630

Популярное