Force full-size gallery viewer to display images at their native resolution, with scaling options.
Replaces the default scaling method (upscaled to fit whatever size your browser window is) with a native display, allowing you to see what size images were uploaded at. From there, you can drag the image around, zoom in and out, and switch between bilinear and pixel-perfect scaling.
As is, the scaling is handled in chunks of 25%, but you can edit it freely.
How to use:
When on the bsky site, you'll have a new zoom UI. Left-click on a thumbnail image to open up the image viewer, then you can zoom in and out using the zoom UI.
A button is included to switch to a nearest-neighbour scaling mode, ideal for viewing pixel art.
After interacting with the zoom UI, you can hold the middle mouse button or right-click to drag the image around the screen. I recommend middle mouse.
Left-clicking again will close the image viewer.
It's a bit clunky since I've never done this before and just wanted to fix a frustrating part of the Bsky experience.
As such, there's some awkwardness around image dragging.
Clicking the gallery arrows twice (both clicks without any mouse/UI input between) will reset the zoom and positioning of an image. This also occurs if you click a gallery arrow then change the scaling method.
Gallery images load slower than normal images because Bsky loads every image within the gallery at once.
