Scale

Resizing Blogger images for high-pixel-density displays

copy to clipboard		process	clear
don't copy to clipboard

The text column of my blogposts is 580px wide. But if images are 580px wide, the image quality suffers on high-pixel-density displays like the one on my Asus Zenbook laptop.

So I post images which are 1500px wide, but then modify the HTML code so that they are displayed at 580px.

Resizing them manually is tedious, so my friend Tommy wrote a program which does it for me. What I do now is:

1. Insert one or more 1500px wide images using Blogger's "Original size" upload option.
2. Go to HTML view in the post editor, copy the code and paste it into the text box above.
3. Click "process".
4. Paste the new code into the post editor (HTML view).

As a bonus, the code also inserts a non-breaking space before each n-dash, and gets rid of any random superfluous non-breaking spaces which Blogger sometimes inserts.