Чи анімований favicon.ico - це погана ідея? Чи є цікаві використання анімованих favicon.ico там?


20

Щоразу, коли я генерую за favicon.icoдопомогою html-kit.com , це дає мені можливість отримати анімаційну версію. Я ніколи не використовував анімовані фавікони, але крім того, що це "візуально шумно", чи є причина, що це погана ідея?

Чи є творчі чи цікаві звички анімованого фавікону там?

EDIT Щоб зрозуміти, html-kit надає анімовану версію - це GIF, на який можна вказати, використовуючи метатег. Вибачте за те, що я маю на увазі, що формат зображення favicon.ico підтримує анімацію!


Я навіть не знав .ico файлів, які підтримували анімацію.
mmyers

1
До! спасибі mmyers, це не так. html-kit забезпечує GIF. Ви можете вказати на gif-версію за допомогою метатегів.
artlung

Відповіді:


20

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

Користувачі повинні виробляти дії для ефектів.

Однак пробіг може змінюватися. Є така річ новизна дизайну, це причина бризок сторінок, які працювали в минулому. Просто будьте впевнені, що ви робите, додає до користувацького досвіду не лише вашого.


Цей коментар має сенс для свого часу та пульсаційного ефекту від лайно-флеш-анімації у веб-спільноті, але коментар не міг бути більш помилковим через сучасні тенденції, представлені у мережі сьогодні. в 2018 році Html5 & SVG Canvas Animations займають перше місце в одній з найбільш шанованих веб-дизайнів в мережі.
Патрік

13

Чи є творчі чи цікаві звички анімованого фавікону там?

Є відтворювана версія гри Defender, яка відбувається повністю всередині фавікону.


1
Це неймовірно!
artlung

1
Ти потрапив до мене, Нік. Також того ж хлопця згодом заплатили за те, щоб зробити гру з фавиконом для просування автомобіля. thefutureofads.com/smart-favicon-games-promote-the-fortwo
Аджам

6

З цим я бачив дві проблеми. Перша полягає в тому, що це робить ваш веб-сайт схожим на те, що він ніколи не робиться завантаженням, оскільки користувачі зазвичай бачать лише анімований файл завантаження і природно асоціює будь-яку анімацію з завантаженням браузера. Друга проблема полягає в тому, що анімовані фавікони відволікають користувача, просто уявіть, що відкриваються 8 вкладок, і кожна з них демонструє крихітні анімації.

Зазвичай анімовані фавікони зменшують UX сторінки вашої сторінки, але прості та описові статичні завжди корисні.


4

Будьте в курсі Правил про доступність W3C

Посібник 2.3 просить вас не створювати вміст таким чином, який, як відомо, спричиняє напади: "Веб-сторінки не містять нічого, що блимає більше трьох разів протягом будь-якої секунди, або спалах нижче загальних порогів спалаху та червоного спалаху. (Рівень А) "

див. http://www.w3.org/TR/WCAG20/#seizure


2

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


0

На відміну від анімованих GIF-файлів на веб-сторінці, фавікон GIF не можна зупинити клавішею ESC. Це продовжуватиметься нескінченно, і це обов'язково буде відганяти деяких відвідувачів.


Чи є у вас докази на цю претензію? Ви, можливо, маєте рацію, але докази зробили б це твердження правдоподібним. Дякуємо за коментар!
artlung

1
А, спробувати? Нік пов'язаний з цією грою фавікону, де ви можете підтвердити, що натискання ESC не зупинить анімацію favicon.
Torben Gundtofte-Bruun

Ця претензія чудова ... це той, "який обов'язково відганяє деяких відвідувачів", яким потрібна підтримка.
artlung

@ TorbenGundtofte-Bruun Ця гра використовує PNG як кадри, анімовані за допомогою JavaScript, що нічого не підтверджує GIF. Хоча я вважаю, що ви заявляєте про GIF-файли, але ваше джерело недійсне.
декад

1
Крім того, FWIW, GIF не можна більше припинити використовувати ESC у Firefox.
декапіювати
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.