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

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

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


ссылка на файл

Как видно что на сером фоне видны артифакты.
Вопрос: есть ли урок, совет, еще что - чтоб избегать такие вот неприятности.

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

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

сайт favicon.ru генерирует такие иконки, создай рисунок в формате BMP, затем создай через этот сайт иконку..может лучше получется...

Bloke
favico.ru и пользовались.
Но как видно если проработать артефакты в серый цвет - то на белом фоне будут видны артефакты серого цвета. И наоборот. Favico некоторых сайтов смотрятся довольно неплохо даже при различных фонах. Естественно так же кривые.
Наверно тут совет напрашивается один - даже если значек не квадратный, то всегда можно выкрутиться сделав фон просто белым... или как у известного поисковика - не просто квадратным.

Продолжая тему,
как сделать анимированный?

Насчет иконок - не уверен. PNG и GIF анимацию знаю, анимацию курсоров, смайликов видел. Какую анимацию имеешь ввиду?

Есть различного рода ресурсы где есть сравнительно качественные анимационные фавиконы.. Текст или же изображение, не суть..
Просто интересно как.

Да, действительно, есть анимация favicon, но это уже не графика - это программинг на JavaScript, набор иконок, которые сменяют друг друга с задержкой, получается анимация...

Есть неплохой сайт, англоязычный, который создает favicon, в том числе и с анимацией ... FavIcon from Pics

А здесь статья, на русском, о том, как работать с этим сервисом.