Results 1 to 4 of 4

Thread: Reduce image size without sacrificing image quality

  1. #1

    Default Reduce image size without sacrificing image quality

    This is a pretty simple problem. I've tried looking at past posts, and nothing has worked for me. I'm batch resizing photos and for the life of me, I cannot reduce the image size without it becoming blurry. As far as I know, I am following the appropriate instructions. I set the quality to optimal in the "options" and check the "Use Resample Function" option under "advanced". I'm attaching my before and after pictures. The pictures are formatted as .png if that matters.


    I'd really appreciate some help. I'm pretty new at this stuff. I do know this is a solvable problem. I was resizing these photos without sacrificing quality using Blogger before they changed their interface.


  2. #2
    Multiple User Jacal's Avatar
    Join Date
    Jun 2013
    64-bit Win 10
    CPU Cores


    "Resizing an image often leads to a loss of sharpness, so it is common practice to sharpen the image again after having resized it."*

    In IrfanView Effect browser, I would try different sharpening settings to find the optimal one for your images. Then add this value in "Advanced" settings, "Sharpen", in Batch conversion options.

    I have attached two examples, one with sharpen: 10 in IrfanView and other, created with RawTherapee (a raw photo editor that you don't need for this, but has a fine post-resize sharpening tool - optimized for photos, though).

    I hope this helps, as a starting point.

    Png is the correct format for this kind of images. Jpeg is for photos.

    Click image for larger version. 

Name:	0apwSLX_rt.png 
Views:	16 
Size:	45.7 KB 
ID:	5929Click image for larger version. 

Name:	0apwSLX_sharpen10.png 
Views:	16 
Size:	34.5 KB 
ID:	5928
    IrfanView 4.54 64-bit

  3. #3


    Thank you for your reply! I have toyed with the sharpen option. It's a little unfortunate that I can't get it to be the same resolution as the original. I can't get my code to output the image at the intended size without a similar drop in quality. Right now I'm outputting at 1500 pixels in width. I need it to be around 400-500 pixels so they flow nicely in my blog posts.

    Somehow, I was able to get it to be the same resolution when shrinking from ~1500 pixels -> ~400 pixels in Blogger under their old format. To see what I'm talking about, see the first image in this post:

    If you inspect the first picture, it looks like a 1500 pixel picture has been flawlessly resized to 400 pixels. Now when I resize in blogger, its blurry like IrfanView. Is this a capability that is only possible with paid software or something?

  4. #4


    I wasn't able to resolve my issue in IrfanView, but I was able to resolve the issue in Blogger. If anyone ever stumbles upon this post in the future with a similar problem, this is how you resolve the issue. When you upload a picture in Blogger, the HTML code is:

    <a href="" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1312" data-original-width="1531" height="171" src="" width="200" /></a>

    The first link is your original, full resolution picture. The second link is the lower resolution, resized picture. The trick is to just replace the second link with the first link and voila you have a flawless resize. No idea how it works, but it does.

    In hindsight, the solution is probably obvious to anyone who knows anything about HTML but that's not really my wheelhouse.

    Cheers to Jacal for helping me! Mods, sorry for taking this off-topic but I'd appreciate if you would leave this up just in case someone else finds this.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts