Finding Images on the Web

Mugar Library Banner

Downloading and Inserting Images

From   THEIR   page/site to   YOUR   folder/directory/page.

Windows - Upper right-mouse-click on the image and select "Save Image As."

Macintosh - Hold the mouse button down on the image and select "Save This Image As."

(Or - Click on the image twice or hold mouse over image and press hard; then select "Save Image As".)

  • "Save as" filename.gif  or  filename.jpg,   as in-- vatverg3225-39v.gif

  • To place the image on a Web page, use the tag-- <IMG SRC> (Image Source)

  • My tagging for the image "Vatican Vergil" is-- <IMG SRC="vatverg3225-39v.gif">

  • The best tagging includes a word description--

    <IMG SRC="/vatverg3225-39v.gif" ALT="Vatican Vergil Aeneas Departing Carthage">

Note: if your image and your Web page are located in the same directory, only the image's filename is necessary to add it to the page. If your image and page are in different directories, you must use the image's complete URL (pathname, address) to add it to the page. This page is in the directory, "training," and the image is in the directory, "images." The URL for my image on the downloading page is:

<IMG SRC="http://www.bu.edu/library/images//vatverg3225-39v.gif" ALT="Vatican Vergil Aeneas Departing Carthage" height=214 width=213>


Image aligned to the left of the text

Vergil's Aeneas Departing Carthage
<IMG SRC="http://www.bu.edu/library/images//vatverg3225-39v.gif" ALT="Vatican Vergil Aeneas Departing Carthage" height=107 width=106 align=left>


Note: including height and width commands will make your page (text and graphics) load faster.





Image aligned to the right of the text

Vergil's Aeneas Departing Carthage
<IMG SRC="http://www.bu.edu/library/images//vatverg3225-39v.gif" ALT="Vatican Vergil Aeneas Departing Carthage" height=107 width=106 align=right>







Image aligned to the left of the text with horizontal space around it

Vergil's Aeneas Departing Carthage
<IMG SRC="http://www.bu.edu/library/images//vatverg3225-39v.gif" ALT="Vatican Vergil Aeneas Departing Carthage" height=107 width=106 align=left hspace=20>







Text is aligned to middle of image; image has horizontal space around it
Vergil's Aeneas Departing Carthage

<IMG SRC="http://www.bu.edu/library/images//vatverg3225-39v.gif" ALT="Vatican Vergil Aeneas Departing Carthage" height=107 width=106 align=middle hspace=20>


Using two tables, text is word wrapped to align it to the left of the image; without the tables, the second line of the text would display below the image

Vergil's Aeneas Departing Carthage.
The image's address is <IMG SRC="http://www.bu.edu/library/images//vatverg3225-39v.gif" ALT="Vatican Vergil Aeneas Departing Carthage" height=107 width=106 hspace=20>

<table> <tr> <td> <IMG SRC="http://www.bu.edu/library/images/vatverg3225-39v.gif" height=107 width=106 hspace=20></td> <td>Vergil's Aeneas Departing Carthage <IMG SRC="http://www.bu.edu/library/images//vatverg3225-39v.gif" ALT="Vatican Vergil Aeneas Departing Carthage" height=107 width=106 hspace=20> </td> </tr> </table>


Image is a link


<A href="http://www.bu.edu/library/webimages.htm" ><IMG SRC="http://www.bu.edu/library/images//vatverg3225-39v.gif" ALT="Vatican Vergil Aeneas Departing Carthage" height=107 width=106 border=0</A>

Note: images that are links have "borders" around them just as links are underlined. To remove the border, add to the URL, "border=0" (without quotation marks).



For more on Web images, see Images & The Web.

For more on embedding images on a Web page, see Basic HTML and Web Publishing and HTML commands for images. Here is an example of embedded images.

For inserting images in a word-processed page, see Office to Web: Inserting Images.

For a Web tools tutorial, see Writing HTML: a tutorial for creating web pages including a list of non-English language tutorials.

For BU Web hosting, see Publishing Overview.

For free Web hosts, see FreeWebspace.net.

For getting your Web page listed in major search engines for free and for a fee, see HowStuffWorks' Promoting Your Site.

For citing images, see Janice R. Walker and Todd Taylor, The Columbia Guide to Online Style (1998), 2.8.14.l: Leyster, Judith. Self-Portrait. c.1630. Gift of Mr. and Mrs. Robert Woods Bliss 1949.6.1 http://www.nga.gov/cgi-bin/pinfo?Object=37019+0+none (26 Sept. 2002). The main components of the citation are: name of artist, title of artwork, year created, acquisition and accession number, corporate (collection) URL, and date of downloading the image. Use the URL of the image if there is one; otherwise use the URL of the site or page where it can be found again.

For more on citing images, see Learning Page of the Library of Congress: Citing Electronic References.
See Finding Images on the Web: References for other examples.

Go To Search Engines


Page by Ruth S. Thomas, Art/Art History Bibliographer
rthomas@bu.edu (617) 353-3714
Updated February 2003