¿Es buena práctica insertar las imágenes dentro del html o en el css? o ¿ambas son opciones validas?. Gracias 😄

Hola,

Efectivamente ambas son opciones. Lo valioso será medir las llamadas y el peso de las imágenes. Hay una técnica que se llama "lazy load" en las que cargan según se haga "scroll" Así que por el momento te diré que lo usual aun cuando uses frameworks será insertar desde HTML

@CarlosAlba Muchas gracias por responder :) Una consulta, por ejemplo ahora estoy haciendo unas tarjetas, use css para insertar la imagen y la acomode con el mismo para que tomaran todas las mismas medidas y las tarjetas quedaran iguales. En este caso me hubiera gustado insertar las imágenes desde el html, pero realmente no se como se hace para que queden uniformes como en css jajaja

Mi diseño:

Hola

Con todo gusto.

Lo que tienes con CSS está bien, pero estás duplicando código.

Podrías insertar la imagen desde HTML y aplicar las características desde las clases en CSS

podrías tener una clase:

.img_movie{
	clave: valor;
	clave: valor;
}

La idea de la anterior es las características generales que comparten esas imágenes. Alto, ancho, borde, borde redondeado, etc. Y luego podrías agregar otra clase con características muy especificas.

Por ejemplo si las agregas desde CSS una clase para detalles generales y otra para la ruta de la imagen.

Recuerda que puedes crear muchas clases y las clases las puedes usar en muchas etiquetas a la vez por el contrario un ID es exclusivo de una imagen.

No dudes en preguntar si así fuera necesario. :sm

Dependerá del objetivo con el que lo estés haciendo, algunas es mejor que estén directamente en el marcado como logos o cosas por el estilo para que el renderizado de la página tenga una mejor velocidad de carga.