Homepage Photos

When you are first setting up your site, you will need to know how to change the images on the homepage.

You can upload up to five separate images.  The site will automatically rotate through these images.  The images can serve as links to pages within your site.  This would be a great way to highlight portions of your site to your users.  If you have a patient testimonial section, add a photo of one of your patients alongside their testimony.  Place a photo of your staff that links to more information about them.


You need to be very careful in selecting the right photography to be the face of your homepage.  You will want the image quality to be top notch.  On a computer screen, resolution is limited.  You will need something around 72 dpi (dots per inch).  This should be relatively easy to do.  The other criteria is that the images on the homepage are 940 pixels wide and 400 pixels in height.  It is crucial to make sure all images used are that exact size.  The code that makes everything work is expecting to work with an image this size.  If you choose something other than that, things will not work right for you.  See the image below to get a sense of how large this size image appears on your screen.

Once you have the image chosen, you may need to crop the image to the right size.  Just remember, you can decrease the size of an image without a change to its quality.  If you increase the size of an image though, you will end up with a blurred, pixelated image.


Once you have the images ready to go, it is fairly easy to upload them to the site.  Once uploaded, the code handles the rest.  Go to your admin page and click on the “Infodontics” tab to the far left.  From here, you need to be under the “Homepage Images” tab.  The diagram below is what you will see.

It is important that once you upload any images and add any links, that you scroll to the bottom of the page and click on the “Save Options” button.  If you do not, none of the changes you made will be saved.

Links for the images are not required.  If you leave this blank, the image will show and will just not be clickable.