• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer

Tips and Tricks HQ

  • Home
  • Blog
  • Projects
    • All Projects
    • Simple WP Shopping Cart
    • WP Express Checkout Plugin
    • WP Download Monitor
    • WP Security and Firewall Plugin
    • WP eStore Plugin
    • WP Affiliate Platform
    • WP eMember
    • WP Lightbox Ultimate
    • WP Photo Seller
  • Products
    • All Products
    • Checkout
  • Support
    • Support Portal
    • Customer Only Forum
    • WP eStore Documentation
    • WP Affiliate Software Documentation
    • WP eMember Documentation
  • Contact

What Image Compression Settings to Use When Converting an Image to JPG/JPEG

You are here: Home / Tech Tips / What Image Compression Settings to Use When Converting an Image to JPG/JPEG

Last updated: April 12, 2013





I have been trying to find the perfect compression settings to use when converting my digital images to ‘jpg’ or ‘jpeg’ format that yields the best result in terms of the image quality and the image size. There are various softwares out there that can convert images e.g. Photoshop, ACDsee, ImageConverter etc. I always used to use the same 90% compression settings for converting from ‘bmp’ to ‘Jpg’ and for all my other digital image compressions without much thought. As my photo collection from my digital camera is getting bigger I wanted to efficiently archive my images without losing too much image quality. Also after taking a look at my monthly bandwidth usages for my website, I found that the images are consuming the highest bandwidth. So I needed to be more efficient on the image compression of the images that I use for my website to save bandwidth (How to save website’s bandwidth and storage usage)

Converting Image from BMP to JPG

I did a little experiment with the following image (This is just a compressed version of the original image).

Original Image Properties
Image Type: Bitmap Image
Image size: 3.94 MB
Image Width: 1454 pixels
Image Height: 947 pixels
Horizontal Resolution: 96 dpi
Vertical Resolution: 96 dpi
Bit Depth: 24
Frame Count: 1

I converted the Image into JPG format using various compression settings (100% – 5%) and recorded the resulted image size for each settings.

Compression settings (%)



Image Size (KB)

100

909

95

389

90

235

85

171

80

136

75

112

70

99

65

88

60

79

55

73

50

69

45

65

40

60

35

57

30

52

25

48

20

43

15

39

10

33

5

27

Then I plotted the following graph of Compression setting (%) Vs Image Size (KB) from the above data.

image compression setting vs image size chart

After analysing the Image quality and the image sizes I found out that even using 80% compression setting yields a nearly same quality photo which is good enough for my digital photo collection archival purpose. Even 50% compression setting yields a usable image that can be used on my website without significant difference from previous but I save a lot on the site’s storage and bandwidth.

Before, I was using 90% compression setting which resulted an image size of 235 KB. Using 50% compression setting, the resulting image size is 69 KB. So I save about:
(235 – 69) = 166 KB per image.
Multiply that by 1000 unique visitors and I get:
(166*1000) = 166000 KB = 166 MB savings from one image!

You may need to find out your own sweet spot of compression settings that you like to use based on the image quality that you prefer but the general message is that it pays off to use different compression settings based on the situation.

Related Posts

  • Reduce Your Website’s Bandwidth and Storage Usage
  • How to Control Access of the Web Crawlers or Web Robots to Your Site
  • Protect your WordPress site/blog from comment spam trick
  • How to fix WordPress.com Stats plugin showing zero (0) visitors!

Tech Tips compression settings,  how to,  image compression,  Save bandwidth,  Web Development,  web masters

Reader Interactions

Comments (3 responses)

  1. Sergio Zambrano says:
    December 1, 2009 at 11:26 am

    The settings you tested and are suggesting are ONLY for the test photo you used. The MAIN factor for image compression is not size, resolution, nor colors, but any fine detail like graininess, sharpness and patterns.
    Here I posted a short explanation of what matters when it comes to jpg compression, which also works for wordpress: http://seosumo.com/right-compression-settings-to-save-jpg-images-for-wordpress

  2. Mehedi says:
    December 24, 2008 at 8:07 pm

    Nice analysis. I always used to use 80% image compression settings too but it looks like I could get away with 60% compression. Cheers for the post.

Leave a Reply

Your email address will not be published. Required fields are marked *

Primary Sidebar

Featured & Popular Articles

Video Answers to Top WordPress QuestionsWordPress Optimization Tips and Tricks for Better Performance and SpeedEssential WordPress Security Tips - Is Your Blog Protected?WordPress Simple PayPal Shopping Cart PluginTop 15 Search Engine Optimization (SEO) Techniques I Forget to DoList of the Best and Must Use WordPress PluginsHow do I Start a Blog and Make Money Online?Good Domain Name Picking Tips for Your Blog SetupFind Out Which WordPress Web Hosting Company Offers the Cheapest and Reliable Web Hosting Solution

Featured WordPress Plugins

wordpress estore plugin
wordpress membership plugin
WP Express Checkout Plugin
WordPress Lightbox Ultimate Plugin
WordPress photo seller plugin
wordpress affiliate plugin

Recent Posts

  • Accept Donations via PayPal from Your WordPress Site Easil [...]
  • Buy Now Button Graphics for eCommerce Websites [...]
  • Subscription Button Graphics for eCommerce Websites [...]
  • Adding PayPal Payment Buttons to Your WordPress Sidebar Ea [...]
  • PayPal QR Codes [...]

Comment & Socialize

  • @Rodrigo Souza, Thank you f ...
    - admin
  • The example for 'slm_add_ed ...
    - Rodrigo Souza
  • @Ron, All the valid transac ...
    - admin
  • Hello, when people have sel ...
    - Ron
  • We have hte following featu ...
    - admin

Check out our solutions

View our WordPress plugin collection and start using them on your site.

Our WordPress Solutions

Footer

Company

  • About
  • Privacy Policy
  • Terms and Conditions
  • Affiliate Login

Top WordPress Plugins

  • Simple Shopping Cart
  • PayPal Donations
  • WP Express Checkout
  • WP eStore
  • WP eMember

Blogging Tips

  • How to Start a Blog
  • Selecting a Good Domain
  • Cheap WP Hosting
  • WP Video Tutorials
  • Simple SEO Tips

Search


Keep In Touch

Copyright © 2023 | Tips and Tricks HQ