Hacker News Reader

I think this is some (new?) social media trend, my school started doing it too with their images on facebook. Half the image is just a border so the actual image is really low res. I have no idea why they do it though.

Some social media sites and apps like to cut off the sides to fit content onto different screen sizes and aspect ratios.

I think adding a border is an attempt to preserve the essential parts of the images in those situations. It really should not be necessary, but alas modern/stupid problems require modern/stupid solutions.

This is a more generous explanation than my cynical first assumption, that they were trying to get away with saving lower res pictures to save on storage costs.

It's optional you can turn it off at bottom floating navbar.

so it's for drawing attention on social media?

this is current way of showing design screenshots, as plain screenshots gets buried under and most of the time designer, or frontend devs generate their own workflow for handling this grunt work of beautifying their work. it's tool to remove that pain point.

Because it looks nice and makes it pop in a social media feed.