Preparing your photos

Orientation informationphotoLandscape informationphotoPortrait


Now that I have increased the size limit for the graphics to 5MB each, only upload at most (2) 5MB graphics at a time, thats 10MB. More than 10MB and the server could reject them, but if they are smaller than 5MB each and you know that they are no larger than 10MB added together then it's OK to upload 10 graphics in one go upto a 10MB limit.

In the actual form that you fill in for your entry for uploading graphics you click on the browse button next to the empty box, you then goto the folder on the computer that your graphics are stored in and select the appropriate graphic and it will be placed in the box...... .

Read below on nameing your graphics for instruction on what to do, how to do and the why of renaming your graphics

When taking your photos:-
Stick to one orientation; Portrait or landscape.  It’s best not to mix, but you can if you really need to, it all depends on your products of course But….

Rule of thumb:-

Using stock photos

If you are going to use graphics from other sources i.e. found on the web then make sure that they are not copyright and require no public use licence. There are millions of photos and graphics on Google images just make sure that they are not copyright. If I get contacted by an individual who owns the copyright for a graphic then I will have no option but to remove the graphic. Rule of thumb, if they have a watermark on them, they belong to someone.


Graphics are processed & shrunk on the way to the database. All you have to do is keep to the size limit 5Mb MAXIMUM for each graphic. This is very generous size allowance and you can still have large photos up to 800 pixels wide (that can nearly fill the screen)  You don’t need to use the 13million pixels available with todays cameras for web graphics. Set your camera for web photos. In most cases you can get away with a good quality small KB This photo in Landscape orientation for instance is only 5Mb in size (I hate pop-up boxes with a vengence so everything is clickable on io-io. Click on photo to expand and again to reduce.... neat yeh!)

This photo is in landscape, original size 750px by 540px


informationphotoShrunk to 200px wide and 150 high

This one is shrunk to Logo size 150px x 150px


On the io-io website most graphics expand when clicked to full size
With some categories especially the Shops and Property, where there is a photo slideshow, sticking to one orientation is highly recommended, but it still works with both. This looks better

informationphoto informationphoto informationphoto informationphoto informationphoto

Than this.

informationphoto informationphoto informationphoto informationphoto informationphoto

In most cases the photo is shrunk or expanded to fit the space available so thumbnails are not required or generated (saving space when viewing on a mobile phone for instance)


If you are making the logo yourself then try to make as small as possible in size but retaining it's quality. Dimensions wise about 150px wide - 200px high. But you can use a bigger photo/ graphic as the logo gets shrunk to fit the logo box.


If your entry requires a banner then make it about the 800px to 1200px in length maximum with a height of about 150px to 200px


Now pay attention.......Example….
We have an image file called image1.jpg
We want to replace this image so we create another one called image1.jpg
We upload the new image1.jpg file, but when we view the entry, the image is not there.


When you replace an image, the old image gets deleted, so if the new image has the same name as the old one, it gets deleted.
This is also true if you replace image1.jpg with image2.jpg if you have another image2.jpg alreaddy in your collection


You started off your collection of images with image1.jpg, image2.jpg, image3.jpg, image4.jpg, image5.jpg, image6.jpg, image7.jpg, image8.jpg, image9.jpg, image10.jpg

You want to replace image1.jpg and image3.jpg with new images.
You name your new images image1.jpg and image3.jpg and upload them to the io-io server. This won’t work as the deleting function deletes old images by their name so if both names are the same they both get deleted.

Try giving your images a descriptive name i.e. banner.jpg, logo.jpg, puboutside.jpg, chicken-dish.jpg or new_logo.jpg, new_banner.jpg or a sequence: logo.jpg gets replaced by logo1.jpg then logo2.jpg, then logo3,jpg and so on

If you want to check the name of the photo in your entry, goto your entry and right click on the photo and select properties from the open menu and it will be something like :- ...with the fish.jpg being the photo filename.

I hope this is clear