I am working on responsive web application. My designer used `370x700px` Images in static pages. It works perfectly with responsive with the css and js code for images including this `width:100% height:auto`. 

In this site I am uploading product images from the admin panel.In without responsive website I was creating different size of thumbnails, but In this case I am worried that should I create thumbnail of size `370x700px`? These images are too big to load and i have to load 10 images on one page. minimum size of the image is 150kb. so `150*10 = 1500kb` only for images except other contents. These are the small images, big images resolution is around `700x1800px` which I will show on product detail page in zoom section.

Is there any other way to do it? should I create 370\*700px thumbnail images from admin panel?