Salutations Paul,

Have you looked at the crop flag 
<https://cloud.google.com/appengine/docs/php/refdocs/classes/google.appengine.api.cloud_storage.CloudStorageTools#method_getImageServingUrl>
? 


Original[image: OriginalImage]
Cropped[image: Image]
Not Cropped[image: Image]


On Wednesday, September 23, 2015 at 9:58:28 AM UTC-4, Paul Canning wrote:
>
> I have a page that loads in a lot of different sized images via AJAX, some 
> "landscape" (1280x720) and some "portrait" (720x1280).
>
> I'd like to display them in Bootstrap 3, using the responsive image class.
>
> Ideally it'd be good to show all images using a max height limit, say 
> 200px.
>
> Using getImageServingUrl's size option doesn't really do what I want, as 
> this only serves a version where the dimension with the highest value is 
> used.
>
> E.g a 1280x720 image sized to say 320, would have a width of 320 and a 
> height of 180
>
> But a 720x1280 image has its height changed, to 320, with the wdith being 
> 180.
>
> So I have two images, with heights of 180 and 320, which doesn't look 
> right.
>
> Add in loads more images and the grid starts to look ugly.
>
> So is there a way to achieve a uniform grid where portrait and landscape 
> images are resized to fit the grid better?
>

-- 
You received this message because you are subscribed to the Google Groups 
"Google App Engine" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/google-appengine.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/google-appengine/ffc41374-38a7-4377-a56e-7c394043bed3%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Reply via email to