Resizing Photos

Why can’t you just upload from your phone?

As reference – photos straight from your phone/camera, may be around 3000 x 4000 pixels !!!!    So around 2 to 3 THOUSAND more pixels than needed.  To give you an idea of how large that actually is in real terms – it’s about a movie poster size!

The thing to be aware of  – especially given that around half of the people viewing our website use their phones –  is that the larger the image size, the more information is being downloaded every time someone loads a page on our website.  Which means the more data a customer viewing the site on their mobile phone will be using up and the slower the page will take to load.

Also, the product photos on the individual product pages display a full-size zoom when moused-over.  Which creates VERY unflattering results on large images unless the pad is perfectly sewn..

Use an iphone for taking photos? - click here if your images are uploading rotated

If you take your photos using your phone, you’re likely to actually be taking the photo sideways or upside down. So inside the image information, the phone tells the computer which way up to display the photo (this is called “EXIF”)

So on your phone and on your PC the photos show the right way up (for what you intend them to look like) because that EXIF data tells the computer which way up to display it. Iphones apparently don’t include this info in a way wordpress can read, so wordpress displays it in the way the photo was taken – sideways or upside down.

If this happens, you need to open the photos in a graphics program or photo editing program and resize them so they aren’t too big – this will also fix the rotation issue.  There may also be apps you can use on your phone to resize and re-orientate the images.

See article here: https://organicweb.com.au/20257/wordpress/iphone-photo/

.

Making your images smaller

(Need a step-by step guide, using Paint.net – click here)

If you have a graphics program on your computer that should work, otherwise try something like http://www.picmonkey.com or http://pixlr.com

Some graphics programs will scale the image down so it fits on the screen. So the size they appear to be on your computer, may be a lot bigger than they actually are.

So for example if I load up a photo straight from my camera into my graphics program. It’s actually 3648 x 2736 pixels.

When it displays in my graphics program, it looks an ok size on the screen, but the image says at the top “1:4” – which means it’s displaying the image with a ratio of 1/4 of its actual size.

On my widescreen monitor that is 44cm /17 inches wide, this is how big that image actually is if I view it at normal full size!   (using my hand as reference so you can tell how big my monitor is):

It is ENORMOUS!   Photos this large are NEVER flattering….. you can see ANY imperfections.

To resize the photos, your graphics program may call it something different, or be located in a different place – but there will be an option somewhere to make the image smaller.   You may have to google to find the information for your particular graphics program.

I find that – depending on whether I’ve cropped the image first (to remove excess background) I need to resize it down by about 20% or 30% of its original size.  You can also set an actual pixel size if you’re not sure how much of a percentage to reduce it by.  So long as both the height and width end up bigger than 500 and lower than 900, then the size will be good for the site.

And that makes it a much better size on screen.

Now I will point out that I’ve cropped this photo into a rectangle shape.  This photo was going as a secondary photo to show how the “boostable” pad worked, so it was not the primary display image.  You can’t have a rectangle image as the primary image because they get chopped off (see the small gallery picture) which we don’t want on the main product page.  But it is ok as the secondary images.