• Linktank@lemmy.today
    link
    fedilink
    arrow-up
    1
    ·
    edit-2
    2 days ago

    Which group of pixels am I meant to be focusing on?

    Edit: Came back to look at this later and the picture seems to be loading like normal now. Looked like a Community Crib Sheet the first time I saw it.

    • idunnololz@lemmy.world
      link
      fedilink
      arrow-up
      2
      ·
      edit-2
      2 days ago

      I investigated this. It seems that the image host does not play nicely with mobile clients.

      Here is a dump of the post data

      {
        "ap_id": "https://discuss.tchncs.de/post/32154397",
        "community_id": 1045737,
        "creator_id": 1804153,
        "deleted": false,
        "featured_community": false,
        "featured_local": false,
        "id": 26747103,
        "language_id": 37,
        "local": false,
        "locked": false,
        "name": "Berliners have also joined the movement and are working hard",
        "nsfw": false,
        "published": "2025-03-12T23:07:43.291180Z",
        "removed": false,
        "thumbnail_url": "https://lemmy.world/pictrs/image/6065a627-afc1-48a8-b29c-55e541f74bb5.jpeg",
        "url": "https://i.postimg.cc/Ytmkvx0r/xzecxxmrwboe1.jpg"
      }
      

      From this you can see there are two image URLs. The thumbnail (generated by the lemmy server):

      And the original url:

      It looks like loading the image from the original URL behaves differently based on the device, browser etc. On a Lemmy client it returns a tiny image which is why it’s so pixelated for some users. It returns the same tiny image when loaded from mobile Chrome. However on desktop Firefox the image resolution is fine.

      This is what it looks like on mobile: