Является ли анимированный favicon.ico плохой идеей? Есть ли там классное использование анимированных favicon.ico?

20

Всякий раз, когда я генерирую с favicon.icoиспользованием html-kit.com , это дает мне возможность получить анимированную версию. Я никогда не использовал анимированный значок, но кроме того, что он «визуально шумный», есть ли причина, почему это плохая идея?

Есть ли какие-нибудь творческие или интересные способы использования анимированных значков?

РЕДАКТИРОВАТЬ Для ясности, анимированная версия html-kit предоставляет вам GIF, на который вы можете указать метатег. Извините за намеки на формат изображения favicon.ico, поддерживающий анимацию!

artlung
источник
Я даже не знал, что .ico-файлы поддерживали анимацию.
mmyers
1
Doh! спасибо ммерс, это не так. html-комплект предоставляет GIF. Вы можете указать на GIF-версию, используя метатеги.
artlung

Ответы:

20

Не делай этого . Дни перемещения контента без согласия пользователя прошли. На самом деле не используйте заставки или автоматическое воспроизведение видео.

Пользователи должны производить действия для эффектов.

Однако пробег может отличаться. Есть такая вещь, дизайн новинки, это причина, по которой страницы-заставки работали в прошлом. Просто убедитесь, что то, что вы делаете, добавляет пользовательскому опыту, а не только вашему.

Kevin
источник
Этот комментарий имеет смысл для своего времени и волнового эффекта дерьмовых флеш-анимаций в веб-сообществе, но комментарий не может быть более неправильным из-за текущих тенденций, представленных сегодня в сети. в 2018 году Html5 & SVG Canvas Animations заняли первое место в одном из самых уважаемых веб-дизайнов в сети.
Патрик
13

Есть ли какие-нибудь творческие или интересные способы использования анимированных значков?

Существует играбельная версия игры Defender, которая происходит полностью внутри favicon.

Ник
источник
1
Это замечательно!
artlung
1
Ты добрался до меня, Ник. Также тому же парню позже заплатили за то, чтобы он сделал игру для рекламы автомобиля. thefutureofads.com/smart-favicon-games-promote-the-fortwo
Аджам
6

С этим я столкнулся с двумя проблемами. Во-первых, он делает ваш веб-сайт таким, как будто он никогда не загружается, потому что пользователи обычно видят только анимацию загрузки и связывают любую анимацию с загрузкой браузера. Вторая проблема заключается в том, что анимированные значки отвлекают пользователя, просто представьте, что у вас открыто 8 вкладок, каждая из которых отображает крошечные анимации.

Как правило, анимированные значки убирают UX на вашей странице, но простые и описательные статические всегда полезны.

user7609
источник
4

Пожалуйста, имейте в виду Руководство по доступности W3C

В соответствии с Руководством 2.3 вам не следует проектировать контент так, чтобы это вызывало судороги: «Веб-страницы не содержат ничего, что мигает более трех раз в течение одной секунды, или вспышка ниже общего порога вспышки и красной вспышки. (Уровень А)

см. http://www.w3.org/TR/WCAG20/#seizure

tabultor
источник
2

Я полагаю, что анимация faviconтакая же, как и все остальные GIFs: все сделано правильно, это может быть потрясающе и реально добавить к вашему сайту. Но постарайтесь не злоупотреблять им, так как это действительно может раздражать!

Wookai
источник
0

В отличие от анимированных GIF-файлов на веб-странице, GIF-значок favicon нельзя остановить с помощью клавиши ESC. Это будет продолжаться бесконечно, и это обязательно прогонит некоторых из ваших посетителей.

Торбен Гундтофте-Бруун
источник
У вас есть доказательства этого заявления? Вы вполне можете быть правы, но доказательства сделают это утверждение правдоподобным. Спасибо за комментарий!
artlung
1
Ты попробуешь это? Ник связан с этой игрой favicon, где вы можете подтвердить, что нажатие ESC не остановит анимацию favicon.
Торбен Гундтофте-Брюн
Это утверждение хорошо ... это тот, который "наверняка прогонит некоторых из ваших посетителей", который нуждается в поддержке.
artlung
@ TorbenGundtofte-Bruun Эта игра использует PNG в качестве кадров, анимированных с помощью JavaScript, что ничего не доказывает о GIF. Хотя я считаю, что вы утверждаете, что GIF-файлы верны, ваш источник недействителен.
Депвид
1
Кроме того, FWIW, GIF больше нельзя остановить с помощью ESC в Firefox.
Депвид