Other than video, images contribute the largest percentage of bloat to the size of a standard (non-enterprise) website. Why is this important? Because the size of the files on any given page in your website are directly responsible for how fast that page will load in the browsers of people visiting that page. Have you ever visited a webpage that loads frustratingly slowly? What did you do? What a majority of people do, according to research, is go somewhere else.
We don’t want that.
So optimising image file-size is a great way to ensure that you are doing everything you can to make sure your pages are loading with road runner-like speed. We will share with you our process for reducing file size.
At GrongTech we use a 3-step process for every image we put on a website:
- Resize the image in Photoshop to the exact dimensions (and resolution) we need and then “Save for Web & Devices“.
- Take the file and compress it at TinyPng.com.
- Upload the compressed image file to WordPress- We use either WP Smush, or Kraken.io on our websites which automatically compress the image further).
- Use the picture on your page or post.
Although we use Photoshop in the video, there are some alternatives below which you can explore:
- BeFunky: Online Photo editor, collage maker, and designer.
- Pixlr: Online image editor. (Also has a desktop version)
- PicMonkey: Edit, touch-up, design, and create collages.