WHOI Icons and Images

When you use inline images in your web pages, remember to be courteous to the users by always including width, height and alt attributes within the image tag.  The height and width will allow browsers to load
 

If your pages are on the WHOI server

To use these images in your web pages, just add a link to the image file on the WHOI server using a relative link to the image:

<p><center>
<img src="/images/blueline.gif" height=4 width=504 alt="WHOI blue line">
</center><p>
This example will insert the WHOI blue line, centered on your page with white space above and below it.

If your pages are on your own Web server

To use these images in web pages on your own server, just add a link to the image file on the WHOI server using the full URL for the image:

<p><center>
<img src="http://www.whoi.edu/images/blueline.gif" height=4 width=504 alt="WHOI blue line">
</center><p>

This example will insert the WHOI blue line, centered on your page with white space above and below it.
 

WHOI Image and Icon Library

WHOI logo
blue WHOI logo with transparent background
http://www.whoi.edu/images/whoilogo.gif
height=66 width=72 alt="WHOI logo"
 

Other WHOI logos
(different) blue WHOI logo with transparent background
http://www.whoi.edu/images/whoilogo2.gif
height=66 width=72 alt="WHOI logo"

larger WHOI logo with transparent background
http://www.whoi.edu/images/whoilogo3.gif
height=133 width=144 alt="large WHOI logo"

blue WHOI logo with white background
http://www.whoi.edu/images/whoilogo4.gif
height=79 width=86 alt="WHOI logo"

WHOI blueline

http://www.whoi.edu/images/blueline.gif
height=4 width=504 alt="WHOI blue line"
 
 
 
 
WHOI icons
http://www.whoi.edu/images/return.jpg
height=48 width=33 alt="WHOI return"
                    or
http://www.whoi.edu/images/return.gif
height=48 width=33 alt="WHOI return"
http://www.whoi.edu/images/blueboat.gif
htight=78 width=65 alt="WHOI blue boat"


http://www.whoi.edu/images/rtarrow.jpg
height=14  width=17  alt="right arrow"

http://www.whoi.edu/images/new.gif
height=20 width=35 alt="New"

http://www.whoi.edu/images/arrow-left.gif
height=31  width=31  alt="left arrow"

http://www.whoi.edu/images/arrow-right.gif
height=31  width=31  alt="right arrow"

http://www.whoi.edu/images/blueball.gif
height=14 width=14 alt="blue dot"

http://www.whoi.edu/images/checkbox.gif
height=15  width=15  alt="Check box"
http://www.whoi.edu/images/capecod.gif
height=88  width=85  alt="Cape Cod"
http://www.whoi.edu/images/construction.gif
height=38  width=38  alt="Under construction"
http://www.whoi.edu/images/un-const.gif
height=48  width=48  alt="Under construction animated gif"
http://www.whoi.edu/images/copyright.gif
height=14  width=14  alt="Copyright symbol"
http://www.whoi.edu/images/copyright-blue.gif
height=32  width=32  alt="blue copyright symbol"

WHOI Web Style Guide