¿Es mejor / más rápido cambiar el tamaño de una imagen con CSS o con la etiqueta ?

Me preguntaba cuál es la forma mejor / más rápida de cambiar el tamaño de una imagen.

Normalmente cambiaría el tamaño de una imagen con CSS, pero una universidad me dijo que al usar el atributo de width , por ejemplo

  

el navegador renderizaría la página más rápido.

alguien sabe si esto es verdad?

width y height son semánticos en el caso de img y object s. Proporcionan metadatos para las imágenes, por lo que es completamente correcto confiar en esos atributos para decirle al agente del usuario que debe preseleccionar el elemento a las dimensiones X antes de que la imagen se visualice por completo.

Sería aún más rápido si cambia el tamaño de la imagen real, y no las dimensiones para las que desea que el navegador la renderice.

Debe establecer las propiedades de ancho y alto de cada etiqueta img. Acelera la página de renderizado porque el navegador no espera que se carguen los archivos css y las imágenes.

Si nos atenemos a la presentación frente a la estructura, pondría los tamaños de imagen en CSS. La velocidad realmente no importa en estos días, el navegador tiene que esperar que las imágenes se carguen de todos modos, por lo que la velocidad que lleva componer y representar la página no es realmente medible, a menos que su CSS no se cargue …

Es difícil dar respuestas definitivas para preguntas muy generales como esta, pero creo que generalmente es mejor no cambiar el tamaño de las imágenes en HTML o CSS: haga que el archivo de imagen tenga las dimensiones correctas.

Ignorando eso, no creo que haya ninguna diferencia perceptible entre los dos.