Graphics and Images

Image Size

Creating the appropriate Image Size for web pages is important. The size and resolution of an image has a huge effect on its display within your site & its download time.

While images can make your site look polished and professional, having images that are squashed, stretched, blurred, or too small looks unprofessional. Therefore, ensure that the image you are uploading is the correct size for the purpose on your website. You will have the ability to Crop/Re-Crop any images within the CMS

 

Examples of image re-size distortion

Example re-sized Image Original Image Example Stretched Image Incorrectly Re-Sized Image

 

Image Data

Alt text can be added to the Image at the point of upload by filling out the available Image Data Fields. Alt text can also be added to the Image after the Image has been uploaded. This can be done by selecting the ‘i’ Information Icon key, This will then open up the Image properties that you can now amend as you wish.  

Using Images as Links

Using images as links is perfectly acceptable, but they do need some special attention. A screen reader can identify images used as links, so they should be placed on the page in a way that this technology can access. This means they must have alt text and it must be relevant.
 
If you are using images as links especially if the image contains text and you are not using the images alt text, those links will not be available or accessible to those using non-graphical browsers (text only) or those with impaired sight who use screen readers. This is especially concerning if the images are linked to vital health information

Image Copyright

Copyright is the right of the owner to reproduce or permit someone else to reproduce copyrighted works. The most common types of copyright infringement on the web are images being used on websites other than the owners.

If you use an image on your website that you didn't create, you MUST HAVE permission from the owner, this includes any images you've found on Google