I am working on a new project built on Bootstrap 3 and ASP.Net MVC 5. The layout of a project is heavily dependent on image entities (e.g. paintings). Like so:
So registered users would create new Entities, and these would appear on the site's homepage. So next submitted would appear under the grey and to the right of the turquoise block.
Because of the above, I require uploaded images to be of a specific size. 500px by 350px.
Now I know what I should NOT do. I should not restrict my application to only accept image uploads of the given dimensions. Many people that might want to submit, might not have Photoshop or similiar to edit / crop / resize the image to my required specification.
So what should I do? I'm facing a dilemma. If I accept small images, and resize them in code, then they might look grainy and make my site quality drop. On the other hand if I only accept resolutions above a certain X,Y and crop those in code to what I need, then I might lose a lot of users.
I hope you UX experts can provide me with some solid advice to follow in my application.