Fit image regardless of height to full width of mobile device

I'm struggling with a mobile app that has a similar interface to Instagram. The app lets the user upload an image (with no cropping interface like on Instagram), the image is uploaded the way it was taken. This is generally fine for images that are taken landscape or are pretty square, but for images taken portrait this causes an issue as technically to fit the image with 100% width, it could take up a lot of vertical real estate..

mockup

download bmml source – Wireframes created with Balsamiq Mockups

So as far as I can see I have 2 options as I don't want to shrink the image widthwise.. maybe you guys know of better options..

  1. Clip the image to a square so the full width is in tact, previewing the top of the image with a button that says "View more".

  2. Same as #1, but instead on tap open an image viewer that would have the image full size and they can zoom and scroll on the image.

I'm currently leaning toward #2, but as with Instagram my app has a "double tap to like" feature, which could potentially make it awkward if someone is slow to double tapping...

Is there a better solution out there without cropping the image when the user selects it?

Tags: