¿Creen que este método agiliza la carga de las imágenes del servidor?

[Rolldi]

Examinando un poco el código fuente de Youtube me encontré con un par de detalles bien curiosos y que a primera vista parecen bastante notables:

* Todas las imagenes apuntan (el parámetro src del recurso) a una imagen transparente de un pixel (en gif) (1)
* Las imágenes tienen una etiqueta que apunta a un class css determinado que tiene esta imagen de fondo (2) y unos parámetros de posición (x,y) junto al tamaño de modo que se muestra la porción de imagen total que represente lo que se quiere mostrar.

¿Creen que este método agiliza la carga de todos los "iconos" del sitio o no sirve para nada?

Yo creo que sí porque la cantidad de peticiones al server es menor y de una sola carga cachea todas las imágenes (o sea 1).

Antes de descubrir esto (mentira, de esto me dí cuenta hace 3 ó 4 años) lo que hacía era ocultar todas las imagenes en un div hidden de modo que se precargasen en la primera carga de la página.

Empecé a aplicar este método en el proyecto en el que estoy trabajando sin resultados muy notables que digamos... Supongo que esto solo tiene sentido aplicarlo en sitios de gran envergadura porque los resultados son irrisorios a pequeña escala.




No se donde colocar este tema así que lo posteo en "Diseño Gráfico" y que un moderador, si lo considera oportuno lo cambie de sitio.

[maycolalvarez]

"si los más grandes lo usan, es por algo": indudablemente es una técnica muy eficiente para resolver todas aquellas peticiones al servidor y aligerar dicha carga con una sola imagen.

el problema se presenta a la hora de diseñar modos de impresión debido a que predeterminadamente los navegadores están configurados para no imprimir los backgrounds, así que para un software gerencial sobre web, por ejemplo, hay que tener bien definido cuando y que tipo de imágenes deben de ser cargadas por CSS o por etiquetas <img> tradicionales

[Busrural]

Fantastico descubrimiento, gracias por compartirlo

Tambien se me ocurre que es una excelente forma de evitar que te roben las imagenes...
jeje !! ya que si intentas visualizar qualquiera de estas imagenes únicamente puedes ver el pixel.

[kseso?]

Esa técnica se conoce como "sprite css"

Y no, no sirve para "protegerse del robo de imágenes".

[jomaruro]

Hola:

Iniciado por Busrural

Tambien se me ocurre que es una excelente forma de evitar que te roben las imagenes...

Todo lo que hay en internet se puede copiar.

Saludos.

[Busrural]

bien, vale, lo reconozco... meti la pata hasta el fondo !!
Me referia a que "dificulta ligeramente" que te roben las imágenes...

No me negaréis que un gran numero de usuarios, si cuando hace "ver imagen" con el boton derecho no le aparece nada, no se complica en "indagar" donde se encuentra la imagen, se va a otro sitio y punto. A eso me referia...

De todas formas gracias kseso? porque no conocía el nombre de esa tecnica, y me ha sido muy útil para buscar en google.

saludos,