I'm looking for a guide on how to specify images in HTML pages so that Mastodon and Bluesky posts linking to those pages have nicely formatted images in them
Technical Discussion
3
Post
2
Autori
0
Visualizzazioni
-
I'm looking for a guide on how to specify images in HTML pages so that Mastodon and Bluesky posts linking to those pages have nicely formatted images in them.
Twitter has <meta name="twitter:image" etc ... what's the equivalent for Mastodon and Bluesky? And Threads? And what are the best image sizes?
-
undefined julian ha condiviso questa discussione
-
I'm looking for a guide on how to specify images in HTML pages so that Mastodon and Bluesky posts linking to those pages have nicely formatted images in them.
Twitter has <meta name="twitter:image" etc ... what's the equivalent for Mastodon and Bluesky? And Threads? And what are the best image sizes?
Open Graph is all you need.
https://coywolf.com/guides/open-graph-twitter-card-image-optimization/
-
Sistema ha condiviso questa discussione
-
Open Graph is all you need.
https://coywolf.com/guides/open-graph-twitter-card-image-optimization/
@jon I'm using that, and Bluesky pulls out an image, but the aspect ratio of that image appears to be all wrong, so Bsky crops it in weird ways. What I'm looking for is 1) a bluesky-specific OpenGraph tag -- like there is one for Twitter and 2) just what the heck is the aspect ratio supposed to be on Bsky?
Gli ultimi otto messaggi ricevuti dalla Federazione
-
The change to how post flair federate was done with the 1.2 release. We tried to mirror the json structure as it currently stands with the planned lemmy 1.0 release (schema here).
We have some extra fields for indicating the text color and the background color of the post flair as well as whether the flair should apply a blur effect to the post preview (for things like spoiler posts). Lemmy hasn't yet finalized how they will schematize the color properties yet. You can see and contribute to the ongoing discussion here.
We will be updating our schema as theirs comes more into focus to try to keep the interop and transition as smooth as possible. If you want to see an example of an existing community that makes heavy use of post flair, you can look at !fediverse@piefed.social.
-
@jon I'm using that, and Bluesky pulls out an image, but the aspect ratio of that image appears to be all wrong, so Bsky crops it in weird ways. What I'm looking for is 1) a bluesky-specific OpenGraph tag -- like there is one for Twitter and 2) just what the heck is the aspect ratio supposed to be on Bsky?
-
@rimu It looks like display_name was changed to name in Lemmy: https://github.com/LemmyNet/lemmy/pull/5976
-
Open Graph is all you need.
https://coywolf.com/guides/open-graph-twitter-card-image-optimization/
-
I'm looking for a guide on how to specify images in HTML pages so that Mastodon and Bluesky posts linking to those pages have nicely formatted images in them.
Twitter has <meta name="twitter:image" etc ... what's the equivalent for Mastodon and Bluesky? And Threads? And what are the best image sizes?
-
julian@fietkau.social IIRC I think Rimu wrote an FEP for it but it was not submitted through the official FEP processes.
-
Oh hey @rimu, what's the story behind the color attributes? Does other software besides PieFed use them, is there an FEP?
It's way down on my to do list, but I've still got a brain cell or two dedicated to declarative federated profile accent colors. @hollo has configurable profile colors, but doesn't federate them yet AFAIK.
-
Hi rimu@piefed.social did Piefed.social update recently to include community tags? I recall this was announced awhile back but it only just started breaking on NodeBB.
"tag": [ { "background_color": "#99c1f1", "blur_images": null, "display_name": "Feature request", "id": "https://piefed.social/c/piefed_meta/tag/198", "text_color": "#000000", "type": "lemmy:CommunityTag" }, ... ]I should point out that there's nothing wrong with the JSON. NodeBB's naive logic just expected every object in tag to have a name property, which your community tags do not, so things exploded :cold_sweat:
