2012-01-03 17 views
6

Dlaczego YouTube używa przezroczystego obrazu 1px na 1px dla ikon w menu nawigacyjnym? Następnie ustawiają ostatnią ikonę jako obraz tła obrazu 1px za pomocą css.1px o 1px gif w menu nawigacyjnym YouTube

Dlaczego używają tej techniki?

+0

Aby zatrzymać ludzi kradzież ich ikony i podejmowania stronę fałszywą i/lub kontroli. –

+2

czy to prawda? bo mogę jeszcze ukraść ikony ze zdjęć ikonek lub zapisać stronę za pomocą httrack .. – pegasus

+0

Dobre pytanie. ponieważ na tym znaczniku 'img' masz ikonkę tła. Ciekawi mnie, dlaczego umieściłbyś tam tag 'img', a nie coś innego. Jednym z powodów, dla których mogłem myśleć jest tag alt, ale ich alt jest pusty. – locrizak

Odpowiedz

6

myślę, że zrobiłeś to, aby poprawić występ.

Widzisz, nadano im tło w tle za pomocą css, tło jest wykonywane za pomocą sprite'a w celu zmniejszenia żądań HTTP i zwiększenia prędkości, z jaką ładuje się youtube, twierdząc, że zrobili to, aby zapobiec ludziom kradzież ich obrazów to kompletne śmieci.

Kolejna część może znajdę trochę trudne do wyjaśnienia, więc postaram mojej mocy, przepraszam jeśli stracę cię tutaj:

tag

Obraz został użyty jako nie musi być faktycznie coś tam dać tło i posiadanie obrazu ma sens (ponieważ w rzeczywistości jest tam obraz, jest on generowany tylko za pomocą CSS, a nie HTML), na przykład może łatwo umieścić tam znacznik div, ale nie ma większego sensu umieść tam znacznik div niż znacznik obrazu (nawet jeśli obraz tam umieszczany to pusty 1px na 1px)

Mogli również zrobić to, aby poprawić konsystencję, na przykład użyli tego również w wielu innych części ich witryny, patrz t hette logo na górze po lewej, ta sama technika używana z wyjątkiem tekstu alternatywnego, tutaj potrzebny jest pusty obrazek, ponieważ w przeciwnym razie wyświetliłby się tam tekst alternatywny (możesz pozbyć się obrazu za pomocą firebuga, aby zobaczyć co mam na myśli); tutaj tag obrazu służy do poprawy dostępności bez narażania prędkości (można uzyskać prędkość ikonek oraz dostępności atrybutu alt tag'S)

nadzieję, że sens

+0

+1 wspaniała odpowiedź. To jest nauka tego, o czym myślałem. Jest używany do szybkości i dostępności, ale nie bardzo wiedział, jak to wyjaśnić. – locrizak

Powiązane problemy