Hola Deiv, cómo vas??
Lo que te quiere decir Caricatos es, que debes tener dos versiones de la misma imágen, una pequeña(con calidad buena) y la otra que sería el tamaño total(la grande). Html no tiene nada que ver con la calidad de la imagen eso lo haces tú.
Muchas veces puedes terner una sola imagen y previsualizarla dándole explicitamente el tamaño de la imagen:
Código HTML:
<img width="200" height="300" src="..."/>
Lo que quiere decir que no tendrás necesidad de tener una versión miniatura de dicha imágen, pero hacerlo así, sacrifica en cierta forma, calidad de visualización(puede que no se vea muy bonito
).
Siempre hago como dice Caricatos, una versión pequeñita, y la original para mostrarla cuando me den en un link.
Para tu sengunda pregunta, eso sería lo óptimo, un total de imagenes que no pasen mas de 100 kb, pero NO es necesariamente así. Muchas veces no se puede lograr esto sobrepasàndolo.
Saludos, espero te sirva
