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

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

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

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

banzalik.moikrug.ru

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

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

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

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

0range (0range.ru)

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

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

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

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

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

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

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

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

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

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

0range (0range.ru)

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

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

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

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

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

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

Agonych.livejournal.com

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

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

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

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

stacmv.net

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

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

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

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

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

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

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

Популярное