Forum Webscript.Ru
Дизайн и Верстка => Веб Графика => Тема начата: Tepncuxopa от 04 Декабря 2002, 02:59:59
-
Нужно разместить на бэкграунде прозрачный гифник, содержащий надпись, сделанную тонким шрифтом и рисунок из однопиксельных линий. Почему-то эти все тонкие элементы получаются грубыми и с "ореолом"... Пример можно посмотреть на http://katrin.kiev.ua/example/ (http://katrin.kiev.ua/example/) (картинки слева - это гифники с фоном, а справа - прозрачные).
Почему так получается и как с этим бороться? Помогите, пожалуйста - уже пару дней над этой траблой бъемся :(
-
А боюсь, что никак.
Появление ореола - особенность формата.
попробуйте сделать через PNG
-
А ты в чем это делаешь?
Photoshop?
-
В GIMP
класно делается Export to web - он берет фон, тот который тебе нужен и ореол получается нужного цвета
-
А ты в чем это делаешь?
Photoshop?
Да
класно делается Export to web - он берет фон, тот который тебе нужен и ореол получается нужного цвета
А мне не нужен ореол нужного цвета - мне вообще никакого ореола не нужно, т.к. здесь верстка с "наслаиванием" слоев, содержащих прозрачные гифы. Т.е. нужно, чтобы под верхним рисунком был виден нижний, под которым еще и фон сложной текстуры... Верстать это дело одним куском - нереально, т.к. сам сайт резиновый. Приходится решать это дело позиционированием слоев, но тут эта бяка с гифами вылазит :(
попробуйте сделать через PNG
Сделала. Пример висит все там же: http://katrin.kiev.ua/example/
Верхние картинки - это png-24, нижние - png-8. Оба формата в цвет не попадают :( Вероятно, я что-то не то делаю - это моя первая попытка работать с этим форматом (причем "в лоб"). Там какие-то свои особенности есть?
-
Оба формата в цвет не попадают
Особенности формата.
-
В моей Опере 6.05 все пучком. В мозилле тоже. IE тупит.
-
Tepncuxopa - по-моему все дело в том, что прозрачность дается только одному из цветов палитры. Так что в твоем случае я бы просто взял 2 цветную ч/б палитру, увеличил все в 10 раз и аккуратно прорисовал.
Вообще тонкие линии шириной в 1 пиксель могут быть только вертикальные/горизонтальные
Web Image Guru - очень хорошая штука как для gif, так и для png. "Рекомендации лучших сайтоводов"
-
по-моему все дело в том, что прозрачность дается только одному из цветов палитры
Совсем нет. Прозрачными можно сделать несколько цветов.
А ThE0ReTiC таки прав по поводу "особенностей формата GIF" - оказывается, у него попросту нет полупрозрачности :( А вот про особенности формата PNG - я не поняла. В частности меня интересует, почему появляется серый фон на месте прозрачности, и можно ли это как-то исправить?
-
Tepncuxopa
RTFM! Так тот же CAD = именно со сложной текстурой ;)
http://cad.ntu-kpi.kiev.ua/~netlib/graph/ph_sh/handson/
А точнее:
1. http://cad.ntu-kpi.kiev.ua/~netlib/graph/ph_sh/handson/HTML/transparency.html
2. http://cad.ntu-kpi.kiev.ua/~netlib/graph/ph_sh/handson/HTML/dither.html
Так вот GIMP делает 2-е автоматом под сложную текстуру
а IE может запросто не понимать прозрачность в PNG :)
-
Oak
сорри за оффтоп, но какого ... этот http://cad.ntu-kpi.kiev.ua/ мне говорит "Couldn\'t resolve your address into a host name.
Unknown host" и больше ничего?
Это их официальная политика такая?
-
Так вот GIMP делает 2-е автоматом под сложную текстуру
Приходи сегодня ко мне в гости - покажешь как это делать, а то разбираться самостоятельно времени нету: в субботу надо уже показывать :(
А я тебя чаем с тортиком напою :)
-
тебя чаем с тортиком напою
[off]Чьорт побьери, ну почему меня никто чаем с тортиком не поит :([/off]
особенности формата PNG
Там просто используется алгоритм сжатия с потерями, аналогичный JPEG\'овскому, в отличии от мапового алгоритма GIF\'a. За счет этого появляется поддержка 24-битного цвета и невозможность попасть точно в цвет, как в JPEG. Т.е. стого говоря чисто белый цвет в PNG как и в JPEG не получить. По крайней мере такой же чистоты, как в GIF\'e
-
В общем, причуды с полупрозрачностью - не для веба. Сорри.
[OFF]Чьорт побьери, ну почему меня никто чаем с тортиком не поит
Потому что живешь в Moscow :)
[/OFF]