shortcut to content
Minnesota State University, Mankato
Minnesota State University, Mankato

Images

Page address: http://www.mnsu.edu/its/web/editing/template/documentation/image.html

Coding an image onto our webpages is rather simple yet there are some things are important to keep in mind.

<img alt="This is alternative text" src="/path_to_the_image/image.jpg">

Alternative text

This is text that will be found within the alt="" section of code in between the quotation marks. This is text that will show up when the browser will not display the image. Alt tags are designed to make images accessible to those using blind browsers, and to fit with University Standards you will have to fill this section in if it is going on our site. Fill the section in with a description of what the image is, and/or if there is text within the image note what that is as well.

Width and Height

Normally you would be able to modify an image's width and height within the code as well. However, with the implementation of the new responsive template in 2015 we are now requiring that images must be edited to their desired size without using code. This will ensure that the image will scale with the page and your page will look how it should across all browsers and devices. Please use an image editor such as Photoshop or you may use our University Image Editor Online as well.