Пишу, по большей части, про историю, свою жизнь и немного про программирование.

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.

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