PDA

View Full Version : Excessive Vertical Gap between Thumbnails; Easier Mass-Thumbnail Replacement; Thumbs!



Flygon
08-08-2015, 04:07 AM
Hey! Sorry for the two-pronged topic, but the two are kinda intertwined in my situation.

So, I'll cut to the point with the below picture. Excuse the Incognito mode being used, it was the easiest way to hide all the porn. :P

Click to view the full image.
https://dl.dropboxusercontent.com/u/2651992/Art/Other/weasylexcessivegaptmb.png (https://dl.dropboxusercontent.com/u/2651992/Art/Other/weasylexcessivegap.png)

As you can see, there's a 65px on the top and bottom of the thumbnails. This looks really ugly, and doesn't really serve any purpose at all.

Also, on a vaguely similar subject.

Click to view the full image.
https://dl.dropboxusercontent.com/u/2651992/Art/Other/weasylhorizontalgaptmb.png (https://dl.dropboxusercontent.com/u/2651992/Art/Other/weasylhorizontalgap.png)
The horizontal gap isn't correctly filled in, despite there clearly being enough room for at least one more thumbnail. This conflicts with the row below.


This leads in to my other point. A method of hand-replacing the thumbnails without having to go to the individual submissions, such as, say, enabling a mode while browsing through your gallery to drag and drop .png/.jpg files from your PC onto the original thumb of the submission to be automatically replaced. This would be EXTREMELY useful for people such as me, who have gargantuan backlogs in their gallery where they already have thumbs created for use on other websites (for example, Fur Affinity, and Inkbunny) but couldn't use them on Weasyl pre-thumbs system update due to the issues Weasyl had beforehand.


While I am going, it would also be nice if the redone Weasyl thumbs could be reduced in size. Currently, they are extremely large, and makes the site difficult to navigate.

A website that already has a feature like this, Inkbunny, has such a feature be very easy to use, as shown in the below screen captures. Click to view the full image.

Small thumbs:
https://dl.dropboxusercontent.com/u/2651992/Art/Other/inkbunnysmallthumbstmb.png (https://dl.dropboxusercontent.com/u/2651992/Art/Other/inkbunnysmallthumbs.png)

Large thumbs:
https://dl.dropboxusercontent.com/u/2651992/Art/Other/inkbunnylargelthumbstmb.png (https://dl.dropboxusercontent.com/u/2651992/Art/Other/inkbunnylargelthumbs.png)

Noting that Inkbunny's smaller thumbs are 120*120, and large thumbs are 200*200. It would be really cool if a similar easy-to-use feature could be enabled for use on Weasyl to make browsing more bearable. It doesn't necessarily have to involve generating new thumbnails, given that almost every web browser I've come across comes with it's own inbuilt image scaling feature.

In addition, an option to align the thumbnails to a 100% fixed grid would make browsing far more enjoyable. Weasyl is the only art site I've found where fixed grid thumbnails are not a thing, and this severely disrupts trying to find where individual images are, and is irritating in general.


Anyway, sorry for the long wall of text, but I believe there is a significant amount of room for improvement with the thumbnail system. I believe these improvements in user flexibility, and ease of use would be extremely positive for both the users and the site's image, as well as the visual presentation of the site.

Also, please excuse the vague irony of having to use large thumbnails for pictures inside a post that is expressing unhappiness with how large the thumbnails are by default on the website. My excuse is that this is a forum post, and that the source screencaps are gigantic. :laugh:

Firehazard
08-23-2015, 06:18 PM
I've seen that "square thumbnails getting trapped inside tall rectangles" thing before. It's clearly a bug or a design flaw, since there's no way anyone intended it to be displayed this way. Don't know why this thread is being ignored, but I've noticed that that tends to be the case for any threads that admins didn't create themselves.

Lagos
08-26-2015, 01:03 AM
Hello, Flygon. Thank you for the well-written feedback. No need to apologize for the length: The comprehensiveness is appreciated. I'll respond to the points as best I can, although I can't offer concrete promises on much. As usual, this is just my own lowly take on things and shouldn't be pointed to as weasyl policy, etc.

There are some whitespace issues on the new thumbnails, especially for the smaller images, such as old thumbnails. The top and bottom borders are especially noticeable on old thumbs and characters. There's not a perfect solution to this in general, because we want the height of thumbnails within a row to have a uniform height so that they will scan more easily. I agree that in the cases such as the example you provide where all the thumbnails in a row are a consistent <250px height, however, we could give the entire row a smaller height. It would be good to do another pass on the frontend display of the thumbnails and whitespace, especially to tweak some issues with characters, but there's not a timeline on that.

Skipping ahead a bit because we're discussing CSS-like things: You're certainly not alone in requesting a grid view, and given the time that's passed between the launch and your post, it's safe to say that the variable width thumbnails haven't grown on you. The trickiest aspect of the grid layout is how to make it work well with non-square thumbs (force-squared thumbs was not something that bothered everyone, but overall it was definitely the number one site complaint). At this point, a grid view is not on the dev roadmap as far as I know (mostly because we don't want to divide effort maintaining two drastically different layouts), but someone in the 'Pushing Boundaries' thread has made a browser side solution that may help you.

On the subject of the thumbnail size, yes... we probably overdid the size a bit. I think the thumbs are gorgeous personally, but if we did it over, I'd probably want something smaller both for reasons of bandwidth and layout. A browser side solution could fix the latter as a stopgap, and we're discussing it.

I like the drag and drop idea. I think the biggest obstacle there is I don't see how it would benefit mobile users, and we tend to avoid spending time implementing things that only work well on the desktop (such as hover). On the other hand, I could see a strong argument in this case since uploading content (as opposed to browsing) isn't yet common on mobile anyway.

Flygon
08-28-2015, 04:32 AM
Mm, thanks for the reply. I wasn't expecting a reply, honestly!

I don't have much to add. But I am thankful someone took a squizz.