Announcement

Collapse
No announcement yet.

Reduce image size without sacrificing image quality

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    Solved 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.

    Before: https://imgur.com/a/Lc7Hw9S
    After: https://imgur.com/a/o2Olmyv

    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.

    Cheers!

    #2
    "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:	1
Size:	45.7 KB
ID:	83499Click image for larger version

Name:	0apwSLX_sharpen10.png
Views:	1
Size:	34.5 KB
ID:	83498
    IrfanView 4.62 64-bit

    Comment


      #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:
      Climate change has far reaching impacts beyond the gradual warming of the earth. The ocean is becoming more acidic , coral reefs are dying...


      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?

      Comment


        #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="https://1.bp.blogspot.com/-DZGkcljpJ...alizations.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1312" data-original-width="1531" height="171" src="https://1.bp.blogspot.com/-DZGkcljpJ...alizations.png" 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.

        Comment

        Working...
        X