#1 Edited by pikahyper (12188 posts) - - Show Bio

More of a question then a bug really but I don't get the resize ratio when adding covers now, it seems completely random and sometimes even makes images bigger. It looks like the largest size the issue page can handle is 831px wide, that is the largest I've seen so far when uploading covers that are 1200-1400px wide, when covers that are 3400px wide or larger are added they resize down to 640px but oddly enough I just uploaded an image that was 640px wide and the site upscaled it to 862px wide???? I find this all to be completely confusing and annoying in the case of the odd numbered resizes. so what's the deal with resizing?

Moderator
#2 Posted by Xanni15 (6758 posts) - - Show Bio

I've had the same problem in a way with adding pictures for people, sometimes it zooms in really far and you only see half of their head.

#3 Posted by Amaranth (8210 posts) - - Show Bio

The images in my bio were re-sized as well, seemingly at random. Very confusing.

#4 Posted by mrpibb (502 posts) - - Show Bio

I believe the ones on the image page (main cover) change to a 640x1280 size (whichever is larger). We don't crop the image so it just resizes the source image.

@xanni15: where are you seeing the crops? Some places do crop, but they should not be on most wiki pages (which resize much like the wysiwyg resizes).

#5 Posted by pikahyper (12188 posts) - - Show Bio

k makes sense.

Moderator
#6 Edited by pikahyper (12188 posts) - - Show Bio

@mrpibb: is it possible for you guys to make it so the resize script does not increase the size of cover images? I'm seeing a lot of distortion, no big deal if it shrinks them some but upscaling is bad, I added a cover that was 900x1183 and it was upscaled to 973x1280 and it is noticeably worse. I do a ton of cover replacements per year mid to high four digits and I do them so the site can be using better quality images but if the site itself is making them worse... I dunno about others but that's going to make me rethink spending so much time on it.

Moderator
#7 Posted by wmwadeii (3249 posts) - - Show Bio

I agree there were covers I found at largest were 500px. The old site would just display as is, but the new script enlarges them and causes some distortion. Also not sure if its related but an API search that brings up a cover shows a highly distorted thumbnail/preview.

#8 Posted by mrpibb (502 posts) - - Show Bio

@pikahyper: the resizing has always been there (even in the old vine system). I'll chat w/ alexis (we'd have to tweak some of the css) to see if we can figure out a good image size that works for the new layout and without the distortion.

@wmwadeii: api search should return multiple images on an issue.

#9 Edited by pikahyper (12188 posts) - - Show Bio

@mrpibb: trust me the old site didn't enlarge images, the max display width was 600px so if it was under 600px wide it wouldn't do any changes for cover view, if it was over 600px wide it would downsize to 600px wide :)

if it helps any I've already been working on some stylish scripts to mod the site for the stylish community and one section is for the cover view, if you change the cover box from a fluid percentage to a fixed 404px wide the cover box will stay a stationary size instead of variable (that way the wiki text column won't get shifted cause of the cover size). The following is a good mix:

.wiki-volume #credit-content aside.span5 { float:right; width:404px; }

.wiki-volume #credit-content section.span7 { width: 60%; }

this way the wiki content column stays fluid and resizes for the screen width but the image stays the same.

I'd also recommend removing the frame from covers that obfuscates the cover image (the semi-transparent frame around the image):

remove the box shadow from #credit-content .imgboxart:after and

#credit-content .imgboxart:after { position:relative !important; }

another reason to get rid of that frame is that it makes it so users can't right click the cover image to download it or copy a link to it so they can share it in the forum (I've had some complaints from users about not being able to).

the cover box then looks like this instead of this.

this is separate from the need to not upscale images of course.

Moderator
#10 Posted by DonFelipe (1097 posts) - - Show Bio
another reason to get rid of that frame is that it makes it so users can't right click the cover image to download it or copy a link to it so they can share it in the forum (I've had some complaints from users about not being able to).

Two frames plus the box-shadow around the cover image is too much. Besides, like you said one cannot click and enlarge the cover anymore and that's really annoying! This needs to be fixed.

#11 Edited by johndoee (2 posts) - - Show Bio
#12 Posted by johndoee (2 posts) - - Show Bio

@johndoee said:

if you try 862px wide, will there be changes. i always resize the image to the pixel i want and then do some crop. http://www.rasteredge.com/how-to/vb-net-imaging/resize-image/

#13 Edited by pikahyper (12188 posts) - - Show Bio

@johndoee: depends on the height, if an image is wider then 640px it will resize the image larger until the height is 1280px or the width is around 830px if it is a standard comic cover, if it is a gatefold cover or wider then it is tall then it resizes down to a max of 640px wide.

Moderator