Вход

Просмотр полной версии : favicon - как сделать качественную прозрачную иконку?

Grenky
06.11.2009, 11:07
Во первых приветствую всех сторожил! Возможно меня кто еще помнит.
По делу:

Каждый сайт просто обязан иметь такую прелестную весчъ как favicon, но зачастую пахабное исполнение только создает проблемы. Очень часто это проявляется при создании прозрачности вокруг кривых фигур. (квадрат куда проще). А еще сложнее если присутствует тонкая линия.
Вот к примеру мой вариант:
http://pic.ipicture.ru/uploads/091106/10855/tTQvmJI1bc.png

ссылка на файл (http://motolife-shop.ru/favicon.ico)

Как видно что на сером фоне видны артифакты.
Вопрос: есть ли урок, совет, еще что - чтоб избегать такие вот неприятности.
Bloke
06.11.2009, 22:17
Grenky, такие артефакты появляются, когда недостаточно цветов для нормального перехода, между оттенками - это особенно заметно, когда присутствует прозрачность. Желательно иконки создавать в специальных программах для этого.

Иконка будет хорошо смотреться, даже если присутствует прозрачность, если ее размер будет 32x32 пикселя, а глубина цвета 32. Впрочем это может и не подойти для favicon, там стандарт 16x16 и с глубиной цвета в 16, впрочем браузер может подгонять размер под нужный для него...

сайт favicon.ru генерирует такие иконки, создай рисунок в формате BMP, затем создай через этот сайт иконку..может лучше получется...
Grenky
09.11.2009, 05:15
Bloke
favico.ru и пользовались.
Но как видно если проработать артефакты в серый цвет - то на белом фоне будут видны артефакты серого цвета. И наоборот. Favico некоторых сайтов смотрятся довольно неплохо даже при различных фонах. Естественно так же кривые.
Наверно тут совет напрашивается один - даже если значек не квадратный, то всегда можно выкрутиться сделав фон просто белым... или как у известного поисковика (http://yandex.ru) - не просто квадратным (http://yandex.ru/favicon.ico).
Foxter
19.12.2009, 01:32
Продолжая тему,
как сделать анимированный?
Bloke
20.12.2009, 20:02
Насчет иконок - не уверен. PNG и GIF анимацию знаю, анимацию курсоров, смайликов видел. Какую анимацию имеешь ввиду?
Foxter
31.12.2009, 20:15
Есть различного рода ресурсы где есть сравнительно качественные анимационные фавиконы.. Текст или же изображение, не суть..
Просто интересно как.
Bloke
01.01.2010, 13:14
Да, действительно, есть анимация favicon, но это уже не графика - это программинг на JavaScript, набор иконок, которые сменяют друг друга с задержкой, получается анимация...

Есть неплохой сайт, англоязычный, который создает favicon, в том числе и с анимацией ... FavIcon from Pics (http://html-kit.com/favicon)

А здесь (http://itpride.net/useful/otlichnyj-servis-po-sozdaniyu-faviconico-dlya-vashego-sajta.html) статья, на русском, о том, как работать с этим сервисом.