Using Images on a Web Page

Images can drastically improve user experience and visual appeal on your web page. However, images need to be used with care. Here are some tips for using images on your web page.

Looking for information on making sure your images are accessible? Try this article about image descriptions.

Make the Image Count

An image shouldn’t be stuck on a web page just because. Eyetracking studies have shown people will ignore images that serve no purpose other than to fill space, so if you are going to spend the time editing an image and uploading in to the web, make sure your image will serve a purpose on the page.

Perhaps the image will help the user understand the point you are trying to make. Or maybe the image can be used as a link and users will directly interact with the image.


Design an Eye-Catching Slider

An Image Slider at the top of your web page is a great way to provide visual content. In order to optimize this tool, there are three important things to think about. First, studies have shown most audiences will not have the patience to wait past three slides. For this reason, we request you only use five images on any slider. Second, it is important your images are all the same size as well as resolution.


Good Example


Bad Example


For help creating your slider please visit How do I insert an Image Slider on my page?.


Create a Beautiful Image Gallery

Maybe you have a series of photos that fit with your research and you would like to include create an image gallery on your web page. In order to give appropriate emphasis on your photos, please consider creating a page dedicated to a single image gallery, rather than including all of your image galleries on a page, or instead of creating a long page with research information and an image gallery.


For Multiple Galleries:

If you have more than one image gallery, one way to display your images is to create a web page that will be your “homepage” for the galleries. This page would include a link to each gallery as well as a description.


For a Gallery with Text:

Your audience generally will not scroll through a lengthy web page, so if you have an image gallery that corresponds with paragraphs of text, perhaps as related to research, consider making this two separate pages. The first page might include textual information as well as a link to your image gallery. The second page, then, can be dedicated to your pictures.


For help creating your image gallery please visit How do I insert a Thumbnail Gallery on my page?.


Please note that everyone cannot see images. Provide short, meaningful alternative text (or image descriptions) that can serve as an effective replacement for the image.

Was this article helpful? 0 out of 0 found this helpful

Have more questions? Submit a Support Ticket