• Home
  • DIY’s
    • Blogging Tips
    • Contests/Challenges
    • Holidays
      • Christmas
      • Halloween DIY’S
    • Printables
    • Link Parties
    • Aspiring Designers
  • Sewing
    • Holidays
      • Easter Sewing
      • Halloween Sewing
    • Kids
    • Kids Crafts
    • Ladies
    • Sewing Tips
  • Shop Craft Supplies
    • Fabric Shop Directory
    • Pattern Shops Directory
    • Patterns On Sale
    • Sewing Supplies
  • Pattern Reviews
  • Submit A DIY
  • Recipes
  • About
    • Terms of Service – Disclosure Policy
    • Contact
  • Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer
  • Home
  • DIY’s
    • Blogging Tips
    • Contests/Challenges
    • Holidays
      • Christmas
      • Halloween DIY’S
    • Printables
    • Link Parties
    • Aspiring Designers
  • Sewing
    • Holidays
      • Easter Sewing
      • Halloween Sewing
    • Kids
    • Kids Crafts
    • Ladies
    • Sewing Tips
  • Shop Craft Supplies
    • Fabric Shop Directory
    • Pattern Shops Directory
    • Patterns On Sale
    • Sewing Supplies
  • Pattern Reviews
  • Submit A DIY
  • Recipes
  • About
    • Terms of Service – Disclosure Policy
    • Contact

DIY Crush

Free DIY Patterns & Tutorials

How To Reduce Image Size For Your Blog

January 8, 2016 by Denise 4 Comments

How to reduce image size for your blog? Especially as a new blogger, it will become important to keep costs low. Hosting can get expensive if you have many images on your blog that are really big. File size, that is. But you also know the importance of having great, big images to entice your readers to pin and share your content and of course you want to create appealing content so images are a must.

However, website hosts have plans for a bloggers needs as far as how much traffic your site is getting and how much disc space you are using. In order to keep these costs low you want to edit your images to reduce the file size. Do not shrink your images in your website, shrink them before you upload them because otherwise they will remain on your server in the large size you uploaded them in the first place. But before we get technical, let’s see the important factors to reduce the image size.

  • more space available on website server discs: images that may look small on your blog may be huge in file size and should be modified.
  • faster loading time for your pages: shrinking images will reduce page load time which is very important as 40% of visitors (according to THIS study) will abandon a website who’s loading time is longer than 3 seconds! Every second does count!
  • your search engine rank might decrease: large images with a large file size that slow down your website’s loading time also lets search engines know that your site isn’t all that great and might put you on the backburner, a.k.a. on pages 30, 50 or much further back.

Those are some good points to learn how you to reduce image size for your blog, right? I optimize all my images nowadays and even though I haven’t noticed a huge increase in Google search rank, I know that I am doing the best I can (for now) to improve my ranking.

What types of images are there anyway?

  • JPG/JPEG: most commonly used on websites if loss of detail through enlarging is not an issue; it also is of the smallest file size
  • PNG: a lossless format which is much larger in size and often used for magazines or printing as it keeps details when enlarging; it also supports transparency which is a must for creating logos or graphics with transparent background or layers
  • GIF : a lossless format which can be animated or static images; also large in file size

How to reduce image size for your blog

For blog posts you would commonly us JPG’s and PNG’s. Elegant Themes talks about the difference of a JPG and a PNG and demonstrates how to optimize images in Photoshop (paid application).

⇓ – – – – – PIN THIS – – – – – ⇓

How To Reduce Image Size For Your Blog | DIY Crush

Today I want to show you how I reduce my image file size with a free picture editing service, called PicMonkey (they do have an awesome collection of other image editing tools for a monthly subscription but for today’s tutorial the free one is sufficient).

See my post of how to create the perfect pinnable image which I also used PicMonkey for.

I’ll be using this image of my tutorial how to sew a cute bow. First you want to open a new window and go to PicMonkey, upload your image and click on ‘resize’. That will tell you how large your image is. Mine is 1500x1200px which is huge!

How To Reduce Image Size For Your Blog | DIY Crush

I changed my width to 650px which is a great width for most blog post templates. Some may be smaller, some larger. The height will automatically adjust. Then I hit ‘Apply’.

How To Reduce Image Size For Your Blog | DIY Crush

Next I click ‘Save’ on the top menu.

How To Reduce Image Size For Your Blog | DIY Crush

This brings up the details of my image and the option to choose the file size (KB) which results in different qualities. Roger is for minimum size but lousy picture quality, Pierce is for medium size and a good quality. Sean is huge but the best possible quality. It is also the largest file size. 191.9 KB. We haven’t talked about what KB is!

Real quick:

An image is made up of pixels which is the resolution (sharpness, colors, details). The higher the resolution, the larger the number of pixels. The term resolution is also commonly used for the size of an image. A large image may have many pixels > KB’s > KiloBytes. Even larger images that exceed the amount of 1024 KB’s will be now called by MB’s.

Now my image has an acceptable size of 191.9 KB’s:

How To Reduce Image Size For Your Blog | DIY Crush

TIP: I have noticed that PicMonkey sometimes stalls or even crashes which I am sure is not their fault but rather my internet or browser, who knows. So knowing that, I close PicMonkey often and open up a new window. This really helps me to eliminate loosing my edits. Learn from me lol…

Next step is to either continue with the edits or upload the just saved image to a new PicMonkey window. Go to the same step in the beginning where you click ‘Resize’

But for me that’s still not small enough! So I clicked the middle option, Pierce which brought my size down to a nice 78.1 KB. Of course, my image will lose sharpness that way.

How To Reduce Image Size For Your Blog | DIY Crush

So I hit ‘Cancel’ in the save option which brings me back to the main editor and I do the following. I sharpen my image!

How To Reduce Image Size For Your Blog | DIY Crush

To be exact, I select number 7 of the sharpness scale. That is just the right amount to sharpen my image but not make it look distorted which will happen if you would increase the number.

How To Reduce Image Size For Your Blog | DIY Crush

I hit ‘Apply’ and save my image in the medium quality “Pierce” which will result in my ultimately edited image with a size of 650x520px and 87.5 KB. Yes, the size increased a tad by sharpen it but that is really only minor. My image is done!

How To Reduce Image Size For Your Blog | DIY Crush

And to compare the original image which was 1500x1200px (191.9KB) and my downsized image which is now 650x520px and 87.5 KB. You will see a small difference but I think it is great! Knowing that now I save more than half of my image size makes me happy!

How To Reduce Image Size For Your Blog | DIY Crush

I hope you liked this post about how to reduce image size for your blog!
Your turn! Tell me what questions you have about images for blogs! Comment below and ! will reply!
We are linking up to some of these awesome blogs! Check them out to find more amazing DIY inspiration and come over to our link party on Thursdays at 7pm EST!

DIY Crush Craft Patterns

  • Author
  • Recent Posts
Follow me
Denise
Hi! I'm a craft & sewing loving mom of 2 (+ 1 dog). When I am not crafting or sewing, you can find me playing with my kids and dogs! I am a slow cooker & coffee addict. My favorite color is any color and I have a degree in business management. Hope to inspire you to DIY with me!
Follow me
Latest posts by Denise (see all)
  • Free Welcome To Our Farm SVG File - July 17, 2021
  • Professional Overthinker SVG File – Download Today! - July 8, 2021
  • Free Wine Lover SVG Files – Download NOW! - July 7, 2021
Post Views: 7,882

Reader Interactions

Comments

  1. [email protected] says

    January 14, 2016 at 7:41 pm

    Great tutorial. Pinned & shared thanks for joining the Inspiration Spotlight party! See you again soon Denise. & Happy New Year.

    Reply
    • Denise says

      January 14, 2016 at 7:54 pm

      Thank you so much, Theresa!! I appreciate it! Happy New Year!

      Reply

Leave a Reply Cancel reply

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

Primary Sidebar

  • Facebook
  • Instagram
  • Pinterest
  • RSS
  • Twitter
  • YouTube

Popular Posts

  • Free PJ Pattern Featuring Organic Cotton Plus Knit Fabric Free Knit Pajama Sewing Pattern under Kids , Sewing
  • Free Fleece Mittens Sewing Pattern at DIY Crush Free Fleece Mittens Sewing Pattern under Kids , Sewing

This blog contains affiliate links.

See our disclosure policy in the 'Terms & Conditions' at the bottom of this page.

Get on the freebie list

Footer

Archives

See us on Pinterest

Visit DIY Crush Marketplace's profile on Pinterest.

Looking For Something?

  • Home
  • DIY’s
    • Blogging Tips
    • Contests/Challenges
    • Holidays
      • Christmas
      • Halloween DIY’S
    • Printables
    • Link Parties
    • Aspiring Designers
  • Sewing
    • Holidays
      • Easter Sewing
      • Halloween Sewing
    • Kids
    • Kids Crafts
    • Ladies
    • Sewing Tips
  • Shop Craft Supplies
    • Fabric Shop Directory
    • Pattern Shops Directory
    • Patterns On Sale
    • Sewing Supplies
  • Pattern Reviews
  • Submit A DIY
  • Recipes
  • About
    • Terms of Service – Disclosure Policy
    • Contact

© 2023 · DIY Crush · Terms and Conditions

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish.Accept Read More
Privacy & Cookies Policy

Privacy Overview

This website uses cookies to improve your experience while you navigate through the website. Out of these, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may affect your browsing experience.
Necessary
Always Enabled
Necessary cookies are absolutely essential for the website to function properly. This category only includes cookies that ensures basic functionalities and security features of the website. These cookies do not store any personal information.
Non-necessary
Any cookies that may not be particularly necessary for the website to function and is used specifically to collect user personal data via analytics, ads, other embedded contents are termed as non-necessary cookies. It is mandatory to procure user consent prior to running these cookies on your website.
SAVE & ACCEPT