È una buona pratica usare una gif animata in sprite css?

Ho un sito web con icone animate quando il mouse su di loro (se non lo sono, ho seleziona un'icona non-animato nella sprite), sono in una gif animata, e qui è:È una buona pratica usare una gif animata in sprite css?

Well .. you can see it is a animated gif

Ma penso che forse potrebbe rendere scarse le prestazioni del browser. Potrei mettere icone animate in uno sprite e icone non animate in un altro, ma qual è il punto? in questo modo gli sprite smettono di essere utili. Raccomanderesti uno script che animi le icone poste nello sprite? può essere? Qual è la tua raccomandazione? ho bisogno di una buona prestazione del browser

fonte

2013-01-16 Yavierre

Sì, non riesco a immaginare alcun conflitto qui. – alt

Si tratta di dimensioni. Quanto aumenta la dimensione (assolutamente e in percentuale) quando si passa da uno sprite statico a uno sprite con parti animate? –

Lo sprite statico era un .png di 15kb e l'altro era un gif animato di 10kb, la somma è 25kb. Non capisco cosa intendi con una dimensione in percentuale – Yavierre

Non credo, prova ! Seriamente. Finché la gif animata è di dimensioni ragionevoli, dubito che sarà un grosso problema. Tuttavia, il modo migliore per scoprirlo è provarlo. Prova a utilizzare Chrome o Safari Web Inspector per caricare i tempi di caricamento delle pagine con le varie strategie (senza animazione, icone animate in un file separato, tutto in un'unica immagine) e vedere quali sono le migliori. Se non c'è molta differenza, scegli la più semplice. Puoi sempre modificarlo in un secondo momento se le prestazioni diventano un problema.

fonte

2013-01-17 00:02:07

Il supporto per GIF animate è presente in tutti i principali browser da quasi l'inizio del World Wide Web (www); 2 decenni fa. Sarei molto sorpreso se fossero di qualche preoccupazione per qualsiasi estratto di browser moderno per coloro che non supportano la grafica come Lynx.

Potresti avere un problema con alcuni browser se la frequenza dei fotogrammi è troppo alta ma questo chiaramente non è il caso per queste icone che ci stai mostrando.

fonte

2013-01-17 00:22:08 SylvainL

Il formato di compressione gif è complicato perché tutto lo spazio vuoto non viene trattato come sarebbe in un jpg o png (bit a bit). Tuttavia, man mano che il numero di animazioni aumenta e il numero di colori aumenta, il formato GIF inizierà a scomparire. Quello che dovresti fare è testare le dimensioni individuali con le dimensioni dell'immagine sprite. L'esecuzione dello spostamento dello sprite non dovrebbe essere affatto un problema, ma come altre risposte hanno detto che dovrai testarlo con diversi browser e fattori di forma.

fonte

2013-01-17 00:44:10

È una buona pratica usare una gif animata in sprite css?

risposta

Problemi correlati