1px per 1px gif nel menu di navigazione di YouTube

Question

Perché YouTube utilizza un'immagine trasparente 1px per 1px per le icone nel menu di navigazione? Quindi impostano l'icona finale come immagine di sfondo dell'immagine 1px usando css.

Perché usano questa tecnica?

Answer 1

penso che hanno fatto questo per migliorare la performace.

Vedete, hanno dato al tag uno sfondo usando css, lo sfondo è fatto usando uno sprite per ridurre le richieste HTTP e migliorare la velocità di caricamento di YouTube, l'affermazione che lo hanno fatto per impedire alle persone di rubare le loro immagini è una vera e propria spazzatura.

La parte successiva io possa trovare un po 'difficile da spiegare, quindi farò del mio meglio, scusa se ti perdo qui:

tag

L'immagine è stata usata come ci deve essere qualcosa che in realtà lì per dare uno sfondo, e avere un'immagine ha senso (dato che in realtà c'è un'immagine lì, è solo generata usando CSS non HTML), per esempio potrebbero facilmente aver messo un tag div lì, ma non ha più senso mettere un tag div lì di un tag immagine (anche se il img posto lì è un 1px per 1px immagine vuota)

Avrebbero potuto farlo anche per migliorare la consistenza, per esempio hanno anche usato questo su vari altri parti del loro sito, vedi t lui youtube logo in alto a sinistra, stessa tecnica usata tranne con alt text, qui è necessaria l'immagine vuota perché altrimenti il ​​testo alt verrebbe visualizzato lì (puoi eliminare l'immagine usando firebug per vedere cosa intendo); qui il tag di immagine viene utilizzata per migliorare l'accessibilità senza compromettere la velocità (si ottiene la velocità di sprite e l'accessibilità del attributo alt di un tag)

speranza che abbia un senso