1px x 1px trên menu điều hướng của YouTube

Question

Tại sao YouTube sử dụng hình ảnh trong suốt 1px x 1px cho các biểu tượng trên menu điều hướng của họ? Sau đó, họ đặt biểu tượng cuối cùng làm hình nền của hình ảnh 1px bằng css.

Tại sao họ sử dụng kỹ thuật đó?

Answer 1

Tôi nghĩ rằng họ đã làm điều này để cải thiện hiệu suất. Bạn thấy đấy, họ đã cho thẻ một nền bằng cách sử dụng css, nền được thực hiện bằng cách sử dụng một sprite để giảm yêu cầu HTTP và cải thiện tốc độ tải youtube, tuyên bố rằng họ đã thực hiện điều này để ngăn chặn mọi người ăn cắp hình ảnh của họ là rác hoàn toàn.

Phần tiếp theo tôi có thể tìm thấy một chút khó khăn để giải thích, vì vậy tôi sẽ cố gắng hết sức mình, xin lỗi nếu tôi mất em ở đây:

Hình ảnh thẻ được sử dụng như phải có một cái gì đó thực sự có để cung cấp cho một nền tảng, và có một hình ảnh có ý nghĩa (vì thực sự có một hình ảnh ở đó, nó chỉ được tạo ra bằng cách sử dụng CSS không HTML), ví dụ họ có thể dễ dàng đặt một thẻ div ở đó, nhưng nó không có ý nghĩa hơn đặt một thẻ div có thẻ hình ảnh (ngay cả khi img họ đặt ở đó là hình ảnh trống 1px x 1px)

Họ cũng có thể thực hiện nó để cải thiện tính nhất quán, ví dụ như họ cũng đã sử dụng tính năng này các phần của trang web của họ, xem t ông youtube logo phía trên bên trái, cùng một kỹ thuật được sử dụng ngoại trừ alt văn bản, ở đây hình ảnh trống là cần thiết bởi vì nếu không văn bản alt sẽ được hiển thị ở đó (bạn có thể thoát khỏi hình ảnh bằng cách sử dụng firebug để xem những gì tôi có ý nghĩa); ở đây các thẻ hình ảnh được sử dụng để cải thiện khả năng tiếp cận mà không cần tốc độ ảnh hưởng (bạn sẽ có được tốc độ của sprite và khả năng tiếp cận của thuộc tính alt của một thẻ)

Hy vọng rằng sẽ làm cho tinh thần