File Sizes

Websites need files that are small enough to not slow the page load

Web file sizes

File sizes for the web are quite different to file sizes for printing.

The issue with large files

The issue with uploading large files to your website is it will slow down your page load. Therefore it’s quite important to know how to optimise your images before adding them to your website. Here I’m going to tell you how.

Good sizes for image

It’s good practice to keep your images between 70kb – 100kb each image.

Also, size your images only as large as the width of the article, page, blog you are adding it to. For example if you are adding an image to the top of a blog post that is 400px wide just size your image with a width of 400 pixels (px).

dpi doesn’t matter, you can save your image at 72dpi or 300dpi, go for it (dpi is for printing not web).

ppi – Pixels per inch. This is also not important. It was kinda the industry standard till about 5 minutes ago, you know, the olden days. Screens can handle hudreds of pixels per inch these days. So go ahead and save with 72 ppi or 300 ppi.

Edit the original photo only

If you have by mistake sized your image too small, don’t try and ‘stretch’ it to make it larger. Go back and get the original file and start again. This will help to avoid a grainy look (pixelation/blurriness).

Where and how to size your images?

Gimp “Whether you are a graphic designer, photographer, illustrator, or scientist, GIMP provides you with sophisticated tools to get your job done. You can further enhance your productivity with GIMP thanks to many customization options and 3rd party plugins” –  Gimp website.

A tutorial for editing image sizes in Gimp

Photoshop

Here is a little tutorial I just found for Photoshop image resizing

 

Or edit + size images online with these tools

Picmonkey “Everything you need to make your ideas come to life—photo editing, collage making, graphic design—PicMonkey’s got it. It’s never been easier to feed your creative beast.”

befunky “The Best Online Photo Editor, Ever. Anything you want to do to your photo, you can do with BeFunky”

fotor “GoArt AI effects turn ordinary into extraordinary.  Fotor is bringing our popular GoArt app to desktop! Now turning your photos into works of art is easier than ever, just upload the photo to our website and select your favorite filter.”

canva “Quickly filter, resize or edit your photos. No apps or plugins required.”

pixlr “Make every moment beautiful with our family of photo editing apps.”