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

Grenky · 06.11.2009, 11:07

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

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

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

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

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 некоторых сайтов смотрятся довольно неплохо даже при различных фонах. Естественно так же кривые.
Наверно тут совет напрашивается один - даже если значек не квадратный, то всегда можно выкрутиться сделав фон просто белым... или как у известного поисковика - не просто квадратным.

**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

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

06.11.2009, 11:07	#60432
Grenky Местный Регистрация: 12.12.2005 Адрес: Находка Сообщения: 207	favicon - как сделать качественную прозрачную иконку? Во первых приветствую всех сторожил! Возможно меня кто еще помнит. По делу: Каждый сайт просто обязан иметь такую прелестную весчъ как favicon, но зачастую пахабное исполнение только создает проблемы. Очень часто это проявляется при создании прозрачности вокруг кривых фигур. (квадрат куда проще). А еще сложнее если присутствует тонкая линия. Вот к примеру мой вариант: ссылка на файл Как видно что на сером фоне видны артифакты. Вопрос: есть ли урок, совет, еще что - чтоб избегать такие вот неприятности. __________________ Начну учить тяжелое искусство быть самим собой...

06.11.2009, 22:17	#60439
Bloke Хранитель Регистрация: 24.06.2006 Адрес: КК Сообщения: 424	Grenky, такие артефакты появляются, когда недостаточно цветов для нормального перехода, между оттенками - это особенно заметно, когда присутствует прозрачность. Желательно иконки создавать в специальных программах для этого. Иконка будет хорошо смотреться, даже если присутствует прозрачность, если ее размер будет 32x32 пикселя, а глубина цвета 32. Впрочем это может и не подойти для favicon, там стандарт 16x16 и с глубиной цвета в 16, впрочем браузер может подгонять размер под нужный для него... сайт favicon.ru генерирует такие иконки, создай рисунок в формате BMP, затем создай через этот сайт иконку..может лучше получется... __________________

09.11.2009, 05:15	#60473
Grenky Местный Регистрация: 12.12.2005 Адрес: Находка Сообщения: 207	Bloke favico.ru и пользовались. Но как видно если проработать артефакты в серый цвет - то на белом фоне будут видны артефакты серого цвета. И наоборот. Favico некоторых сайтов смотрятся довольно неплохо даже при различных фонах. Естественно так же кривые. Наверно тут совет напрашивается один - даже если значек не квадратный, то всегда можно выкрутиться сделав фон просто белым... или как у известного поисковика - не просто квадратным. __________________ Начну учить тяжелое искусство быть самим собой...

19.12.2009, 01:32	#61302
Foxter Он иногда здесь!!. Регистрация: 17.10.2005 Адрес: Moscow Сообщения: 1,518	Продолжая тему, как сделать анимированный? __________________ [ Правила форума \| Правила загрузки изображений \| .:vault:. ]

20.12.2009, 20:02	#61343
Bloke Хранитель Регистрация: 24.06.2006 Адрес: КК Сообщения: 424	Насчет иконок - не уверен. PNG и GIF анимацию знаю, анимацию курсоров, смайликов видел. Какую анимацию имеешь ввиду? __________________

31.12.2009, 20:15	#61451
Foxter Он иногда здесь!!. Регистрация: 17.10.2005 Адрес: Moscow Сообщения: 1,518	Есть различного рода ресурсы где есть сравнительно качественные анимационные фавиконы.. Текст или же изображение, не суть.. Просто интересно как. __________________ [ Правила форума \| Правила загрузки изображений \| .:vault:. ]

01.01.2010, 13:14	#61457
Bloke Хранитель Регистрация: 24.06.2006 Адрес: КК Сообщения: 424	Да, действительно, есть анимация favicon, но это уже не графика - это программинг на JavaScript, набор иконок, которые сменяют друг друга с задержкой, получается анимация... Есть неплохой сайт, англоязычный, который создает favicon, в том числе и с анимацией ... FavIcon from Pics А здесь статья, на русском, о том, как работать с этим сервисом. __________________

Здесь присутствуют: 1 (пользователей - 0 , гостей - 1)