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”>

(Please note: the Classical Studies Department, University of Pennsylvania, no longer hosts this image.)

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. My page is in the directory “findimages,” and the image is in a subdirectory called “images.” The URL for my image on my downloading page is expanded to include the directory and subdirectory names:

<http://www.bu.edu/library/instruction/findimages/http://www.bu.edu/library/files/images/vatverg3225-39v.gif>

In the examples below, the abbreviated URL is used.

Image aligned to the left of the text

Vergil’s Aeneas Departing Carthage

 

 

 

 

<img src=”http://www.bu.edu/library/files/images/vatverg3225-39v.gif” width=”106″ height=”107″ border=”0″ 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.test.bu.edu/library/files/images/vatverg3225-39v.gif” 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/files/images/vatverg3225-39v.gif” height=”107″ width=”106″ align=”left” hspace=”20″>

Text is aligned to middle of image; image has horizontal space around it

Vatican Vergil Aeneas Departing Carthage

 

 

Vergil’s Aeneas Departing Carthage

 

 

 

<img src=”http://www.bu.edu/library/files/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
test.bu.edu/library/files/images/
vatverg3225-39v.gif” height=”107″
width=”106″ hspace=”20″>

<table> <tr> <td> <img src=”http://www.bu.edu/library/files/images/vatverg3225-39v.gif” height=”107″ width=”106″ hspace=”20″></td> <td>Vergil’s Aeneas Departing Carthage <img src=”http://www.bu.edu/library/files/images/vatverg3225-39v.gif” height=”107″ width=”106″ hspace=”20″> </td> </tr> </table>

Image is a link

<A href=”http://www.bu.edu/library/instruction/findimages/” ><img src=”http://www.bu.edu/library/files/images/vatverg3225-39v.gif” 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″.

For more on embedding images on a Web page, see Links to 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 reviews of free and fee web-based software, see AppAppeal.

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 The Learning Page, Library of Congress: How to Cite Electronic Sources and Sylvan Barnet, “Referencing Web Pages,” in A Short Guide to Writing About Art, 9th ed., 2005, pp. 291-294.

See Finding Images on the Web: References for other examples.

Go To Search Engines