Iconos en .png

charl1

Buenas, veréis estoy formandome con el css, y he visto que es posible de una imagen posicionarla de tal forma que si tienes varias imagenes, solo mostrar la que te interesa, tratando todo como conjunto.

Ahora bien, cuando tienes varias decenas de imagenes/iconos, se sigue este procedimiento o de una imagen .png donde estan toods, te los recortas tu ?

Cual es el procedimiento que se sigue habitualmente?

Gracias

Meleagant

Creas una sola imagen con todos los iconos que necesitas, y luego haces que se muestre el que quieras indicando el tamaño y las coordenadas del origen.

Por ejemplo, imagina que quieres poner 16 iconos de 16x16 pixels. Harías una imagen de 64x64píxels, de forma que tendrías 4 columnas y 4 filas de iconos.

Si quieres coger el segundo icono de la tercera fila, tendrías que especificar que es una imagen de 16x16 cuyo origen es el punto (16,32).

No sé si queda claro.

charl1

Si, queda claro. Además tenia la duda si se hacía igual con una imagen de 100 iconos que de 10. Por lo que entiendo que si.

Gracias

eXtreM3

Incluso no tienen porqué ser del mismo tamaño. Tienes el sprite principal y con coordenadas te mueves, indicando el ancho y alto correspondiente, en caso de que varíe.

B

Puede parecer un coñazo pero en webs con mucho tráfico es muy útil para disminuir tiempos de descarga. En vez de 10 imagenes de 10K bajas una de 100K

Usuarios habituales