¿Debo agregar la altura y el ancho a la etiqueta img src?

Sí. La adición de los atributos de altura y anchura a su etiqueta HTML de IMG SRC permite al navegador saber cuánto espacio le queda a una imagen. Sin estos valores, el navegador no da espacio a una imagen hasta que se carga la imagen, lo que significa que todo lo que rodea a la imagen se ajusta después de que la imagen se haya cargado.

Como se ve en el ejemplo anterior, las tres primeras páginas muestran una carga de página que no especifica las dimensiones de la imagen. A medida que se cargan las páginas, el texto que rodea las imágenes se ajusta para adaptarse a la imagen. Sin embargo, con las dimensiones de la imagen especificadas, como se muestra en las siguientes tres páginas, el navegador sabe cuánto espacio asignar. Por lo tanto, el texto permanece en el mismo lugar donde se cargan las imágenes.

Si tiene una conexión rápida a Internet, es posible que no note este proceso de carga. Sin embargo, para las personas con conexiones lentas, navegando en un teléfono o si su sitio se está cargando lentamente, si no especifica los tamaños de imagen, lo hace aún más difícil para estos visitantes.

A continuación se muestra un ejemplo de cómo debe verse una etiqueta IMG en su código HTML con la altura y el ancho especificados en el código.