When writing blog articles, it helps keep readers engaged to use images. But you need to make sure your images won’t slow down your site speed. So, I am going to show you a super easy and quick way to compress images using Photoshop.
How to Compress Images Using Photoshop
Start with Your Image
Have you ever checked the file size of an image you want to upload? Chances are, without any compressing, the file sizes and pixel widths are way too large to upload to your site without compromising speed.
A basic image taken in portrait mode with my iPhone, is over 1 MB and 3024 x 4032 pixels!
That is a crazy size to upload to your blog. And I bet a lot of you out there do it without thinking twice about it. (I know I did)
So get the image you want to compress on your computer, and let’s make it optimal for the web!
Once you open Photoshop, these are the simple steps to compress your images.
File > Open
Your image will open in Photoshop and this is when you can also make edits, crops, filters, etc. If you are good to go, then next press and hold:
Alt + Ctrl + Shift + S
This opens the “save for web” box. Perfect right?
Settings for Saving the Images
Now, this may vary slightly and depending on the need for your photos.
For example, if you are selling a product you knit, you will want a high quality image to show details. But if you are making a web graphic, then the need for high quality is a little less rigid.
So once you learn how to do this, you can play around with the settings and find what works best for you.
I aim to keep the file size below 40kb and my width around 350 pixels. Most are smaller than that though.
The first thing you are going to look at is the section numbered 1.
This shows you the format of your photo (JPEG, PNG, etc.) I found the JPEG is the better format for blog images.
The quality will be at 100%, but you can save a lot of space if you turn that down. I put mine around 60%. Again, this will depend on your specific needs.
Check the box that says optimized, if it does not default to that, and leave the rest of the options as they are.
Next, number 2 I circled will show you your image size in pixels. Surprised by what you see?
Then number 3, is your image size in Kilobytes or Megabytes.
Adjust Your Image Width
I like to first change my images width, to about 350 pixels. Then click the height section and it will automatically adjust it to maintain the same ratio.
An alternative is to use the percentage box.
Once you make the changes to your pixels, take a look again at your image size now (number 3).
Notice a big difference? You should!
See how easy it is to compress images using Photoshop?
Now, you just hit the save button, and you are all set to upload it to your blog. Your image is smaller and web ready!
So how did you do? If you have questions, feel free to comment below and I will do my best to help!
Get more blogging tips here!
- How to Create Pinterest Pins Using Canva
- Tips to Make Money Blogging
- 3 Ridiculously Important Ways to Increase Site Speed