Ivan Roberto Kawaminami García
Pregunta¿Cuando es recomendable utilizar background-image en css o utilizar la etiqueta img. tienen alguna diferencia, como saber cual usar?
Pablo Aquino
La img la usas cuando tienes un espacio para una fotografía, logo o icono, y background-image, cuando quieras realizar que un elemento ,como un contenedor, tenga el diseño de una imagen.
Royer Guerrero Pinilla
Puede llegar a ser mejor en el sentido de carga porque primero va a renderizar el HTML y luego el CSS por lo tanto puede ahorrante tiempo de carga No lo veas como mejor o peor hazlo como te quede más fácil talvez si te preocupa la carga de tu web puede usar este truco
Renee Enriquez Montalvan
Parece lo mismo pero no lo es. Si lo simplificamos el background-image es una propiedad, de un div por ejemplo, de depende de un marcador pero la etiqueta img se encuentra en la estructura de la pagina web. A img le das propiedades y a background-image es una propiedad de algo.
tani smith
Hola! Si la imagen es parte del contenido utiliza el tag <img> (con el atributo alt="" para explicar de que trata) por ejemplo si es el logo, o un diagrama, fotos de usuario, etc. Si la pones como parte del contenido hasta se puede imprimir, es decir las imágenes que quieres que estén por default en el sitio. La etiqueta se encontrará indexada por el motor de búsqueda.
Si no quieres que sea parte del contenido pero si solo del diseño, entonces usa CSS "background-image:", por ejemplo si quieres tu imagen de fondo de un texto, si quieres ajustar posiciones, colocarle como cover, jugar con animaciones, también si son imágenes que se repiten en el sitio web como íconos, etc.
En resumen, si es parte del contenido <img> , si el parte solo del diseño "background-image:".
Solo un criterio que me ha sido útil, espero que sea de ayuda! :3
Juan Esteban Galvis
Creo que ambas formas funcionan.
Ya es como lo quieras hacer, poner la etiqueta de imagen y por el CSS ajustar el tamaño y posición. O por background-image. Es como más te guste o sientas más comodo.
Eso si, siempre que se pueda es recomendable que esa imagen sea desde internet (Para optimizar) y no poner una imagen enorme y ajustarla a un tamaño pequeño (Se debe optimizar)
