Mi consejo seria trata de mantener las imágenes optimizadas, es decir del tamaño que es, Ej.: si vas a mostrar tu imagen en la web pequeña, entonces optimízala a ese tamaño y no la cargues a un gran formato, eso le quita velocidad a tu sitio web, ahora el tamaño exacto creo no lo hay pues el tamaño tú lo asignas desde CSS y tú mismo eliges, otra recomendación usa herramientas optimizadoras de imágenes que le quiten peso pero no calidad para que tu página ande mucho más rápido.
Para que tu web tenga un diseño adaptado a dispositivos móviles, debes tener como mínimo 3 hojas de estilos, 1 seria para la versión de escritorio, otra para la móvil y la tercera que se encargaría de hacer el reset, debes hacer uso de HTML5 y CSS3 e incorporar en el HTML la etiqueta Meta viewport. Existen tutoriales en YouTube para lograr eso.
Te comparto uno que singularmente me a parecido muy bueno, son una seria de videos donde explican como crear una plantilla en Wordpress... Pero lo hace totalmente desde cero creando una plantilla HTML responsiva inicialmente y después convirtiéndola en una plantilla de wordpress, espero te sea muy útil y claro mi comentario.
https://www.youtube.com/watch?v=L0Sr...ulofOhRBKYa4j-