[Photoshop] проблема с Png иконкой

Тема в разделе "Графика", создана пользователем SUZUKI, 5 фев 2008.

Статус темы:
Закрыта.
  1. SUZUKI

    SUZUKI Постоялец

    Регистр.:
    17 июл 2007
    Сообщения:
    55
    Симпатии:
    7
    Имеется иконка в формате png 32х32 с прозрачным фоном
    Создал таблицу с двумя фонами белым и чёрным, для удобства тестирования в вебе. В ИЕ 7.0 и Опере отображает на ура, а вот в ИЕ 6.0 у иконки бледно белый фон и его видно на черном фоне сайта. Подскажите в данном вопросе
    Так же иконка громоздкая 5,30 КБ возможно ли ее оптимизировать без потери качества и фон нужен именно прозрачный
     
  2. bueno

    bueno Читатель

    Заблокирован
    Регистр.:
    7 май 2007
    Сообщения:
    236
    Симпатии:
    69
    повидимому у тебя иконка с 24-х битной глубиной цвета.. семейство ослов младше 7 версии не понимают, что с ними делать..

    что нужно..
    распаковываешь архив из аттача, куда-нить в области видимости своего домена, а в css страницы добавляешь строку
    img { behavior:url(путь/от/корня/сайта/до/pngbehavior.htc) }

    возможно еще придется подредактироватть сам pngbehavior.htc.. а именно, найти строку
    var blankSrc = "blank.gif";
    и изменить ее на
    var blankSrc = "путь/от/корня/сайта/до/blank.gif";

    собсна все..

    зы.. можно перегнать картинку в восьмибитный png или gif - всяко меньше весом получится, но тогда потеряешь все прелести альфа канала..
     

    Вложения:

    • pngbehavior.rar
      Размер файла:
      77,2 КБ
      Просмотров:
      1
    SUZUKI нравится это.
  3. SUZUKI

    SUZUKI Постоялец

    Регистр.:
    17 июл 2007
    Сообщения:
    55
    Симпатии:
    7
    а если допустим картинок не 1 а 10 тогда как?
     
  4. bueno

    bueno Читатель

    Заблокирован
    Регистр.:
    7 май 2007
    Сообщения:
    236
    Симпатии:
    69
    у тебя же css натравливает скрипт на все картинки, объявляемых тэгом img - хоть одну, хоть n, хоть m.. :)
     
    SUZUKI нравится это.
  5. SUZUKI

    SUZUKI Постоялец

    Регистр.:
    17 июл 2007
    Сообщения:
    55
    Симпатии:
    7
    вот еще что хотел уточнить, как считаешь нужна ли эта оптимизация под ие 5.5-6.0? наверняка щяс весь рунет на опере или ие 7, может плюнуть и не усложнять себе жизнь я вот к чему )
     
  6. bueno

    bueno Читатель

    Заблокирован
    Регистр.:
    7 май 2007
    Сообщения:
    236
    Симпатии:
    69
    скорее нужна, чем нет..
    вот глянь одну из статистик по браузерам
    http://www.liveinternet.ru/stat/ru/browsers.html
     
    SUZUKI нравится это.
  7. Yozik

    Yozik

    Регистр.:
    5 дек 2007
    Сообщения:
    238
    Симпатии:
    65
    IE6 плохо поддерживает формат PNG, в частности альфа-канал, поэтому сохрани свою иконку в GIF, думаю поможет.
     
  8. DaJ

    DaJ Создатель

    Регистр.:
    29 янв 2008
    Сообщения:
    11
    Симпатии:
    1
    решил проблему, прочитав следующие источники (некоторая информация дублируется, хотя и дополняет друг друга:(
    http://www.tigir.com/alpha_png.htm
    http://www.libpng.org/pub/png/pngs-img.html
    http://virtual-design.ru/articles/png/
    http://www.webmakerslounge.com/useful-scripts/png-ie-fix/
    http://webfx.eae.net/dhtml/pngbehavior/pngbehavior.html
    http://homepage.ntlworld.com/bobosola/index.htm

    тут также присутствует выше описанный метод борьбы с глюком, но с более подробным описанием...
     
    SUZUKI нравится это.
  9. DaJ

    DaJ Создатель

    Регистр.:
    29 янв 2008
    Сообщения:
    11
    Симпатии:
    1
    в моем случае к стати заработал яваскриптовый метод, который описан в последней ссылке... хотя если картинка будет с опцией постепенной подгрузки изображения, то не очень красиво будет применятся этот метод... но на меленьких изображениях и если отображение всего изображения сразу... то то что надо:)

    Добавлено через 19 минут
    Ведь GIF формат не дает того изобилия цветов что PNG, а иногда надо передать нечто очень красивое, и тогда GIF, как раз, не дает показать всю красоту изображения, плавностей переходов и т.д.
     
Статус темы:
Закрыта.