1. YOU WILL RESIZE YOUR IMAGES. ALWAYS

The pictures we take are usually of great quality. Even when taken with a phone. Meaning: those pics have way more pixels than needed for visualization on a screen. So you’ll resize. Every single one of them! It’s not only great for loading time, especially on mobile devices, it’s also great for your blog’s picture library and server space. 5 to 10 pictures a post, 3-4 posts a week, blogging for x-amount of years… You do the math. That’s a f*ckload of pictures!

With my old blog layout, a size of 500 x 700px was more than enough. But now the width is larger, I have a fixed width of 1000px. Pretty large. How to avoid a still too large pic? Check step two. Oh and, please: Always set your resolution to 72ppi for web. Trust me, it doesn’t gain you anything by putting this higher.

tips-and-tricks-image-size-speed-website-blog-resize-slow-fast-loading-lovelifelovefashion

 2. YOU WILL SAVE YOUR IMAGES “FOR WEB PURPOSES”

Save for Web it’s called. This functionality will make pics perfectly suitable for your blog or anything web related. (It will also take a default resolution of 72ppi in case you forgot before, silly.)

Use JPG as flavor and put the quality to 60% et voila. You can even see the average time it will take to load this picture on your website! Handy handy.

tips-and-tricks-image-size-speed-website-blog-resize-slow-fast-loading-lovelifelovefashion-2b

tips-and-tricks-image-size-speed-website-blog-resize-slow-fast-loading-lovelifelovefashion-4B

3. YOU WILL DISPLAY LESS POSTS ON YOUR HOMEPAGE OR WORK WITH [READ MORE] TAGS

For obvious reasons. The homepage is the first page that needs to appear. If this already contains a massive amount of information and pics. It will need time to load. Lots of time.

tips-and-tricks-image-size-speed-website-blog-resize-slow-fast-loading-lovelifelovefashion-3b

 4. YOU WILL MAKE YOUR BLOG RESPONSIVE

This one will not influence the speed op your blog perse. But it will give users the feeling that it’s faster. Just think about the last website you checked with your phone or iPad where you had the feeling you just kept dragging into all those different directions. Result: you closed it and avoid it.

tips-and-tricks-image-size-speed-website-blog-resize-slow-fast-loading-lovelifelovefashion-PSD-TEMP-b

No Photoshop? No worries you have a bunch a free applications such as PicMonkey.com or if you’re interested in more functionality, check out Pixelmator (Mac only though) it has the basic functionality of Photoshop but it only costs $30 and it’s yours forever.

Loading… please wait. | Aaagh, fuck it