wncc/WnCC

Image resolutions

Closed this issue · 7 comments

  1. Write a python script which can always resize a picture to a fixed height while maintaining the aspect ratio This would be the height of the container which we use to display the images in our events page or elsewhere. It can take size as the input. We of course want to keep the original picture somewhere in backup.

  2. Use these images in the slideshow on events tab. Make sure that the original image is large enough that after resizing, the width is greater or equal to the width of the container. If greater, you can symetrically clip the image on both ends (left and right). This is a simple CSS thing.

@TheFlash98 This is high priority to me. Are you free today? I will help you or do it myself otherwise.

@nihal111 I just saw there is a script resize.py which was recommended to be run for SoC Projects, and it is the same image folder for event pics as well, no? Did someone use the same script for the event_images too? So everything is resized to 16:9 but a lot of them were originally not in 16:9 thus causing the visual ugliness of the pictures on event pages.

Do you know if there are original pictures around? Also, remove the idea of using a resize.py, I don't remember why we added it, but not maintaining the aspect ratio really fucks up the picture.

We want something like Facebook does for profile and cover pics, crops some stuff out but does not compromise aspect.

resize.py was used so that the SoC page showing all the projects is symmetric and doesn't fuck up

@CodeMaxx Oh! Okay, but in retrospect, we should've resized only to height/width while maintaining the aspect ratio, and clipped the extra, otherwise it's ugly. Well, I'm repeating what I've already said.

Also, http://wncc-iitb.org/events/11-GoogleIOExtended17.html#nav
The first image, the image is vertical but the browser rotates it. These modern browsers are fucktards. We have to specify 'image-orientation: from-image' in CSS to fix this, but then that makes the slideshow size change up and down. @nihal111 I'm throwing out vertical images. Either come up with a nice way to arrange them, or make a note in journal that we take landscape pictures for website.

@cheekujodhpur I can work on this tomorrow! I just saw it.

@TheFlash98 tomorrow never dies

Fixed by #161. Closing