This userscript unsquashes inline images in comments by fetching the source image and downscaling it to 50%.

Requires *monkey extension to run (greasemonkey, tampermonkey, violentmonkey, et al)

Edit: also updated it to support the thread index

  • blobcat@kbin.social
    link
    fedilink
    arrow-up
    4
    ·
    1 year ago

    replaced https://kbin.social/m/* with https://kbin.social/* so it also fixes images on profiles

    • shazbot@kbin.socialOP
      link
      fedilink
      arrow-up
      5
      ·
      edit-2
      1 year ago

      I was kind of leery of making this global because I didn’t want it to affect thumbnails on the thread index, since they must be confined to a finite area, whereas in a thread they can flex downward. (The fetched image can be an arbitary size.) But it looks like they don’t use the same selector, so should be safe.

      Edit: I’ve updated it to support thread index, inline images, and profile pages and the differing aspect ratios

    • shazbot@kbin.socialOP
      link
      fedilink
      arrow-up
      4
      ·
      1 year ago

      Alright, I’ve updated it to 0.0.5 and now it handles both inline and fixed-size index thumbnails. The thumbnails on the index get cropped to fit the hard dimensions of the squares and maintain the correct aspect ratio. In the case of inline images, they just get scaled to 50% of the original size with no constraint on the height.

    • shazbot@kbin.socialOP
      link
      fedilink
      arrow-up
      3
      ·
      1 year ago

      Alright, those index thumbnails are confined to a 220x145 square, so we can handle those separately by using the cover method of the object-fit property to scale them. Give me a minute to update it…

  • blazera@kbin.social
    link
    fedilink
    arrow-up
    1
    ·
    1 year ago

    this removes the ability to view the full size image without auto-media preview turned on. which…also isnt a preview at all, its full size images. Wish this place had click to expand.

    • shazbot@kbin.socialOP
      link
      fedilink
      arrow-up
      1
      ·
      1 year ago

      Not sure I follow you. I don’t have auto media preview on. This only uses the full-size images, it stops loading the downscaled thumbnails from the server. You can click to trigger a modal or you can middle click to open in new tab.

      • blazera@kbin.social
        link
        fedilink
        arrow-up
        2
        ·
        1 year ago

        without the script, you click on the thumbnail and it opens the thread, you click the thumbnail again and it opens the full image. But with this script, the thumbnail in the thread is gone and cant be clicked.

        • shazbot@kbin.socialOP
          link
          fedilink
          arrow-up
          2
          ·
          1 year ago

          OK, I was able to reproduce it. It doesn’t apply to posts where the thumbnail is auto-extracted from an upstream page. It only applies to posts with an attached image (a meme pic etc). I’ve made a note to fix it.