Ist eine animierte favicon.ico eine schlechte Idee? Gibt es coole Verwendungen von animiertem favicon.ico da draußen?


20

Immer wenn ich favicon.icomit html-kit.com ein generiere , habe ich die Möglichkeit, eine animierte Version zu erhalten. Ich habe noch nie ein animiertes Favicon verwendet, aber abgesehen davon, dass es "visuell laut" ist, gibt es einen Grund, warum es eine schlechte Idee ist?

Gibt es kreative oder interessante Verwendungsmöglichkeiten für ein animiertes Favicon?

BEARBEITEN Um es deutlich zu machen, das HTML-Kit in der animierten Version enthält ein GIF, auf das Sie mithilfe eines Metatags verweisen können. Sorry für den Hinweis, dass das Bildformat favicon.ico Animationen unterstützt!


Ich wusste nicht einmal, dass .ico-Dateien Animationen unterstützen.
mmyers

1
Doh! danke mmyers, tut es nicht. HTML-Kit bietet ein GIF. Sie können mithilfe von Meta-Tags auf die GIF-Version verweisen.
Artlung

Antworten:


20

Tu es nicht . Die Tage, in denen Inhalte ohne Zustimmung des Benutzers verschoben wurden, sind vorbei. Verwenden Sie keine Begrüßungsseiten oder automatische Videowiedergabe.

Benutzer müssen Aktionen für Effekte erstellen.

Der Kilometerstand kann jedoch variieren. Es gibt so etwas wie ein neues Design. Dies ist der Grund, warum Splash-Seiten in der Vergangenheit gearbeitet haben. Stellen Sie nur sicher, dass das, was Sie tun, nicht nur zu Ihrer, sondern auch zu Ihrer Benutzererfahrung beiträgt.


Dieser Kommentar macht Sinn für seine Zeit und den Ripple-Effekt von beschissenen Flash-Animationen in der Web-Community, aber der Kommentar könnte nicht falscher sein, da die aktuellen Trends heute im ganzen Netz vertreten sind. im Jahr 2018 nehmen HTML5- und SVG-Canvas-Animationen in einigen der angesehensten Webdesigns im Internet den ersten Platz ein.
Patrick


6

Es gibt zwei Probleme, die ich dabei gesehen habe. Das erste ist, dass Ihre Website so aussieht, als wäre das Laden noch nie abgeschlossen, da Benutzer normalerweise nur das Lade-Favicon animiert sehen und natürlich jede Animation mit dem Laden des Browsers verknüpfen. Das zweite Problem ist, dass animierte Favicons den Benutzer ablenken. Stellen Sie sich vor, Sie haben 8 geöffnete Registerkarten, von denen jede winzige Animationen zeigt.

Im Allgemeinen werden animierte Favicons die Benutzeroberfläche Ihrer Seite nach unten treiben. Einfache und beschreibende statische Favicons sind jedoch immer hilfreich.


4

Bitte beachten Sie die Accesibility Guideline von W3C

Richtlinie 2.3 fordert Sie auf, Inhalte nicht so zu gestalten, dass sie bekanntermaßen Anfälle verursachen: "Webseiten enthalten nichts, das mehr als dreimal in einer Sekunde blinkt, oder der Blitz liegt unter den allgemeinen Blitz- und Rotblitzschwellen. (Stufe A)

siehe http://www.w3.org/TR/WCAG20/#seizure


2

Ich denke, ein animiertes Element faviconist wie alle anderen animierten Elemente GIFs: Richtig gemacht, es kann fantastisch sein und sich wirklich zu Ihrer Website addieren. Aber achten Sie darauf, dass Sie es nicht überbeanspruchen, da es wirklich störend wirken kann!


0

Im Gegensatz zu animierten GIFs auf der Webseite kann ein Favicon-GIF nicht mit der ESC-Taste gestoppt werden. Es wird auf unbestimmte Zeit weitergehen, und das wird sicher einige Ihrer Besucher vertreiben.


Haben Sie Beweise für diese Behauptung? Sie mögen Recht haben, aber Beweise würden die Behauptung glaubwürdig machen. Danke für den Kommentar!
Artlung

1
Äh, probier es aus? Nick ist mit diesem Favicon-Spiel verknüpft, in dem Sie bestätigen können, dass das Drücken von ESC die Favicon-Animation nicht anhält.
Torben Gundtofte-Bruun

Diese Behauptung ist in Ordnung ... dies ist diejenige, "die sicher einige Ihrer Besucher vertreibt", die Unterstützung benötigt.
Artlung

@ TorbenGundtofte-Bruun In diesem Spiel werden PNGs als mit JavaScript animierte Frames verwendet, was nichts über GIFs aussagt. Ich glaube, Sie behaupten zwar, dass GIFs korrekt sind, Ihre Quelle ist jedoch ungültig.
depquid

1
Außerdem können GIFs mit ESC in Firefox nicht mehr gestoppt werden.
depquid
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.