Profile picture squarephobia - Voxelmanip Forums

like how Twitter decided to give a hexagon option… if you put your image in an… NFT…

For profile images the option should be there for different styles, like how Twitter decided to give a hexagon option… if you put your image in anâ€¦ NFTâ€¦

Posted by olive

Whatever happened to custom profile CSS

Another annoying thing is upscaling images, anything intentionally pixelated gets blurred.
IMO the best solution would be giving scaling methods in image metadata, but that's not a thing so sites should give an option maybe?

Hadn't thought of it being an issue here as images are shown at the true size in the theme I'm using… maybe I should add it incase other themes don't

ROllerozxa	ROllerozxa Site Admin	Posted on 2022-07-29 14:04 (edited 2022-07-29 14:05) Link \| ID: 394
Site Admin Posts: 229 Joined: 2022-06-04	Why's everyone profile pictures have to be round nowadays? It seems to be the design trend for whatever modern site. Google used to make avatars square on their older generation of site designs, e.g. the pre-polymer YouTube design, but now they're round! Now, I'm not completely dunking on border-radius in general, or profile pictures with the edges slightly rounded, in fact I even sandpaper off the corners of stuff sometimes: But having it be completely round is absolutely stupid. My custom Discord CSS styling includes removing border-radius on profile pictures so it doesn't butcher mine or anyone else's profile pictures. Fits well with my monospace font too.

olive	olive	Posted on 2022-07-29 22:07 Link \| ID: 401
Posts: 48 Joined: 2022-06-29	21% wasted space! I like a tad rounding too, but often new sites go a little overboard. For profile images the option should be there for different styles, like how Twitter decided to give a hexagon option… if you put your image in an… NFT… Whatever happened to custom profile CSS Another annoying thing is upscaling images, anything intentionally pixelated gets blurred. IMO the best solution would be giving scaling methods in image metadata, but that's not a thing so sites should give an option maybe?

luatic	luatic	Posted on 2022-07-29 22:36 Link \| ID: 402
Posts: 43 Joined: 2022-06-16	like how Twitter decided to give a hexagon option… if you put your image in an… NFT… Are you sure Musk hasn't bought it yet

ROllerozxa	ROllerozxa Site Admin	Posted on 2022-07-30 01:18 Link \| ID: 404
Site Admin Posts: 229 Joined: 2022-06-04	Posted by olive For profile images the option should be there for different styles, like how Twitter decided to give a hexagon option… if you put your image in anâ€¦ NFTâ€¦ haha, Twitter being twitter. Posted by olive Whatever happened to custom profile CSS Another annoying thing is upscaling images, anything intentionally pixelated gets blurred. IMO the best solution would be giving scaling methods in image metadata, but that's not a thing so sites should give an option maybe? There is actually a way to switch the image interpolation to nearest neighbour using CSS (`image-rendering: pixelated`), but really the only sites I've seen that use it are autistic somewhat retro looking sites (read: this place) and it's not really a setting you could toggle anywhere. (you'd basically need your own userstyle) Here, things like smileys, the logo and the footer badge are rendered pixelated, but avatars aren't because the majority aren't pixel art-y avatars and would look worse. However, you could set your own avatar to be pixelated by putting something like this into your post layout. The joys of CSS! td.sidebar14 img { image-rendering: pixelated; }

olive	olive	Posted on 2022-07-30 17:06 (edited 2022-07-30 17:06) Link \| ID: 410
Posts: 48 Joined: 2022-06-29	yeye that's the CSS I meant that we should have the option to toggle. Hadn't thought of it being an issue here as images are shown at the true size in the theme I'm using… maybe I should add it incase other themes don't Just looked at the MDN page and seems the option for using a pixel art scaling algo's been removed

ROllerozxa	ROllerozxa Site Admin	Posted on 2022-07-30 17:27 (edited 2022-07-30 17:29) Link \| ID: 412
Site Admin Posts: 229 Joined: 2022-06-04	Hadn't thought of it being an issue here as images are shown at the true size in the theme I'm using… maybe I should add it incase other themes don't Yeah generally avatars are shown at the full size, but e.g. on mobile or if you're zoomed in it will start scaling it. It's not very noticeable though, but I tested with your pixel art avatar and it does in fact make it less blurry. If you're feeling extra courageous you could even scale up a small pixel art avatar with CSS in your post layout... Like scaling it up to 128x128

WonderWeeaboo	WonderWeeaboo	Posted on 2022-08-02 00:31 Link \| ID: 413
Posts: 8 Joined: 2022-07-01	Something something sharp edges are bad for your psyche, so I've heard... I think may just be petty hipsterism but who knows, not a graphics nor an interior designer. Personally don't mind round avatars and profile images, they have their charm, especially if and when the rest of the UI complements them. What I really hate is wasted space, lack of contrast in fonts and important UI elements and blinding backgrounds.

Compa	Compa please just get off the internet already jamie	Posted on 2022-08-02 03:09 Link \| ID: 418
please just get off the internet already jamie Posts: 197 Joined: 2022-06-28	Rounded avatars are the least worrying thing about Material/Modern/Metro UI design these days...