Optimal Image size & resolution

Is there a currently agreed standard for appropriate resolution (size and DPI) for images used in blog posts?

Even better, is there any chance that micro.blog could somehow offer some kind of automatic ‘image-magick’ method of serving an appropriately scaled image if the user uploads a full-resolution version?

An example of what I’m thinking about is https://www.imgix.com/.

Futzing with image scaling is the most frustrating part of longer form blogging for me.

Micro.blog offers an endpoint to resize uploaded images. Once you upload the image, if you do https://micro.blog/photos/###x/, but replace ### with the pixel width you want, followed by the full URL to the image, you’ll show an image with that width. For example, if I wanted the image at https://json.blog/foo.jpg to be 480px wide, I could use <img src=“https://micro.blog/photos/480x/https://json.blog/foo.jpg”>.

I have built that into the glightbox plugin that I maintain, so that images will be resized if they are put within a gallery. You can see these thumbnails in action on this post.

As for whether there is a standard size, I think that depends a bit on your theme.

3 Likes

Nice, I wasn’t aware of this. I was going to go the Hugo image processing route until I learned that getting the image as a Hugo resource was a dead end.

Agreed. I use an Adobe Lightroom export plug-in that resizes and optimises to the required size, and then uploads to my WordPress website. Since I can’t do the same for micro.blog, I use an export workflow that resizes and optimises each image which I then manually upload to micro.blog.

Look to your theme to find the “correct” sizing.