¿Por qué YouTube usa una imagen transparente de 1px por 1px para los iconos en su menú de navegación? Luego configuran el ícono final como la imagen de fondo de la imagen de 1px usando css.1x1x1 px en el menú de navegación de YouTube
¿Por qué usan esa técnica?
creo que han hecho esto para mejorar el performace.
Veras, le han dado a la etiqueta un fondo usando css, el fondo se hace usando un sprite para reducir las solicitudes HTTP y mejorar la velocidad a la que youtube carga, la afirmación de que han hecho esto para evitar que la gente robar sus imágenes es una absoluta basura.
La siguiente parte puedo encontrar un poco difícil de explicar, así que voy a intentar mi mejor esfuerzo, lo siento si te pierdo aquí: se utiliza
etiquetaLa imagen ya que tiene que ser algo realmente allí para dar un fondo y tener una imagen tiene sentido (ya que en realidad hay una imagen allí, solo se genera usando CSS, no HTML), por ejemplo, podrían haber puesto fácilmente una etiqueta div allí, pero no tiene más sentido poner una etiqueta div allí que una etiqueta de imagen (incluso si el img que colocan allí es una imagen vacía de 1px por 1px)
También podrían haberlo hecho para mejorar la coherencia, por ejemplo, también lo han usado en otros partes de su sitio, vea t El logo de youtube arriba a la izquierda, la misma técnica usada excepto con texto alternativo, aquí la imagen en blanco es necesaria porque de lo contrario el texto alternativo se mostraría allí (puedes deshacerte de la imagen usando Firebug para ver lo que quiero decir); aquí la etiqueta de imagen se utiliza para mejorar la accesibilidad sin comprometer la velocidad (se obtiene la velocidad de sprites y la accesibilidad del atributo alt de una etiqueta)
esperanza que tiene sentido
+1 respuesta increíble. Esto está aprendiendo hacia lo que estaba pensando. Se usa para velocidad y accesibilidad, pero realmente no sabía cómo explicarlo. – locrizak
Para evitar que la gente robando sus iconos y hacer un sitio falso y/o controles. –
es eso? porque todavía puedo robar los iconos de las imágenes de sprite o guardar el sitio con httrack .. – pegasus
buena pregunta. porque en esa etiqueta 'img' tienes el sprite de fondo. Tengo curiosidad por ver por qué pondría una etiqueta 'img' allí y no otra cosa. Una razón por la que podría pensar es por la etiqueta alt, pero su alt está en blanco – locrizak