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
5
Post
3
Autori
8
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?
-
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?
@j12t The most adopted standard for this is Open Graph (created by Facebook): https://ogp.me ; Mastodon and many others follow it, but I don’t know for Bluesky.
For image sizes, there is no standards, thou you can try or pick a lot of websites as example by checking their `og` HTML meta. If the pic size is too small, Mastodon might take the favicon instead and slightly change the presentation.
-
@j12t The most adopted standard for this is Open Graph (created by Facebook): https://ogp.me ; Mastodon and many others follow it, but I don’t know for Bluesky.
For image sizes, there is no standards, thou you can try or pick a lot of websites as example by checking their `og` HTML meta. If the pic size is too small, Mastodon might take the favicon instead and slightly change the presentation.
@meduz I know, I’m looking for somebody who says “I have done all those experiments and this is the best setup”
Gli ultimi otto messaggi ricevuti dalla Federazione
-
Mastodon has a concept called "pinned statuses", which is a special collection attached to a Person actor.
https://docs.joinmastodon.org/spec/activitypub/#featured
It wasn't readily known how this collection is updated and federated (not without code achaeology), but claire@social.sitedethib.com recently shared some additional info :smiley:
The actor itself will issue an Add activity targeting the collection with the status in object. This activity is sent to all followers of the actor. No activity is sent if the actor has no remote followers. A Remove is sent when a pinned post is unpinned.This is what the Add looks like:
{ "@context": "https://www.w3.org/ns/activitystreams", "type": "Add", "actor": "https://example.org/users/testUser", "target": "https://example.org/users/testUser/collections/featured", "object": "https://example.org/users/testUser/statuses/115266412340579560" }The corresponding Remove is identical except for type, which is of course, Remove.
-
Oh okay. I wasn't sure about that since I don't think it's documented in the FEP, though it's been awhile since I've given it a read through.
-
only understood by Piefed? Not Lemmy
No, that's a Lemmy thing too.
-
rimu@piefed.social silverpill@mitra.social I gave this a bit more thought and I am coming around to the idea that Remove could work.
I am assuming that when Piefed sends Announce(Delete(Object)) this is only understood by Piefed? Not Lemmy (and certainly not NodeBB, yet)...
In that case, a move to a simpler Remove(target: context) signed and acted on by the community actor, would send a more explicit message that the object was removed from the community.
The "1b12-speaking" portion of it would be an Undo(Announce(Create)), although once again I am not even sure if that action is understood by Piefed/Lemmy.
-
@meduz I know, I’m looking for somebody who says “I have done all those experiments and this is the best setup”
-
@j12t The most adopted standard for this is Open Graph (created by Facebook): https://ogp.me ; Mastodon and many others follow it, but I don’t know for Bluesky.
For image sizes, there is no standards, thou you can try or pick a lot of websites as example by checking their `og` HTML meta. If the pic size is too small, Mastodon might take the favicon instead and slightly change the presentation.
-
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?
