@husky maybe I need to make an absurdly wide avi and use it until this is fixed...
@husky Sorry for the wait. I had to read a lot of imagemagick docs.

This shit is literally the ffmpeg of images! I really need to learn how to properly use it.

Anyway, this should be good.
sjw_hair_avi-wide.gif
@graf @husky if you ask me, I say just display avis centred and cropped to 1:1.

Plus that's the behaviour I'd expect.

I mean, at least it's kind of not broken on my on my profile but since a border is added it looks bad.

Just centre and crop top 1:1.

That's honestly what I'd expect. Although, soapbox-fe seems to be the only web-fe that I have which does that.
Screenshot_20220818-223645.png
@graf @husky even pleroma-fe tries to crop to 250x250 and lets you select where to crop. But then people complained because it broke gif animations so they added a "don't crop just use as is" option. Sure, they could have tweaked the code to make imagemagick properly crop gifs and keep the animation but then you have WebP and now AVIF image sequence (which is literally just an AVIF video in an MP4 container pretending to be an image format) so just having an option to save as is is the best solution IMO.

People uploading should expect it to be displayed centred and cropped to 1:1 anyway. I mean, that's what I expected when making my new avi. It looks great on soapbox-fe!
Follow

@graf @sjw@bae.st @alex @husky it does not look great on mastodont tho...
Apparently mastodont makes the whole image fit into 1:1; aspect ratio be damned!

· · Web · 3 · 2 · 1
@sjw @graf @alex @husky also, hey @matrix please increase the emoji size limit so you all can see the best emojis ever!
:cornbread_the_cat:​:cornbread_going_goblin_mode:

@sjw @graf @sjw @alex @husky it’s funny how this is actually pretty easy with CSS

make a div and set the background to pfp, then size:

<style> div.pfp { width: 32px; height: 32px; background-image: url("/upload/asdfjlkaeuoijvbpcvkbpovjnoihxiucy.jpg"); background-size: cover; } </style> <div class="pfp"></div>

Here’s some custom CSS to fix in pleroma:

.avatar-compact img { object-fit: cover !important; }

oops: .still-image img { object-fit: cover !important; }

@coyote @sjw @alex @graf @husky Sadly I'd have to figure out how to vue3 to cram it in pleroma-fe or just bug @hj about it.
@sjw @sjw @alex @graf @hj @husky or you could edit and serve a custom index.html that loads the css from inline or in a css file
@coyote @sjw @alex @graf @hj @husky that's kind of hacky, would slow down loading, use more resources, and hurt SEO.
@sjw @sjw @alex @graf @hj @husky > adding one line to a file that's already being served will slow down seo resources
lol
@coyote @sjw @alex @graf @hj @husky but it's a whole other resource to load plus it's literally overwriting CSS that was already loaded so wasting resources which affects SEO.

I don't make the SEO rules.
@sjw @sjw @alex @graf @hj @husky You're misunderstanding how Pleroma loads and runs, the index file gets loaded either way, this couldn't affect SEO unless you loaded the CSS from another file than index.html, but only person I know who knows vue hacking is pee
@coyote @sjw @sjw @alex @graf @husky i mean general expectation is square, yeah, fitting non-square avatars imo works better than cropping.
@hj @sjw @sjw @alex @graf @husky sure yeah, I don't have a hard stance on this, I like it cropped though
Sign in to participate in the conversation
Game Liberty Mastodon

Mainly gaming/nerd instance for people who value free speech. Everyone is welcome.