Scanning Flat Images for Web Pages
Media Services, Robert A. L. Mortvedt Library
Pacific Lutheran University

The URL for this file is: http://www.plu.edu/libr/media/scanning.html

This document describes the scanning process using the PowerMac 6100, SilverScan Scanner, and PhotoShop software at Media Services. You can schedule this equipment for use during Media Services hours by coming to the Media Services Desk or calling (253) 535-7509. A current PLU ID card is required for using the equipment.

Images can be incorporated into web documents and viewed from graphic web browsers like NetScape. The key to using images in web pages is to put the images into .GIF or .JPG file types that web browsers can read. These file can then be transferred into the public_html directory of your SAGE account for linking into web pages.

  • Scanning Images
  • Adjusting Image in PhotoShop and Saving to Diskette
  • Transferring Files to SAGE
  • Displaying Images in Your Web Pages

    • Scanning Images

    1. From the Launcher Window, click Adobe Photoshop.
    2. Open the scanner cover and lay the image(s) face down on the scanner with the lop left corner of the image on the right rear corner of the scanner glass (at the gray arrow).

      Make sure command window is visible. If not, under menu bar go to window/palettes/show commands.

      		 [<I>Photoshop</I> Commands Palette.]

    3. Once you see command window click the Silverscan button. [SilverScan Dialog Box]

    4. When the Silverscan window comes up, click on the Preview button.
    5. When the preview scan is complete, adjust the white dashed line with the mouse to surround your image. Move your mouse over the dotted line until the cursor changes to a double-ended arrow and then depress the mouse button to drag the dotted line border up/down or left/right.
    6. Set the Resolution to 96 pixels/inch for an image that will display the same size as your original. The the image will then be readable on both Windows (96 dots per inch) and Mac (72 dots per inch) screens.
    7. Scale the image if needed by adjusting the Scale: bars; the scaled height and width appear in the center of the window. The file size is listed under Mem required.
    8. Set the scanning mode to Color-Full.
    9. Click the Acquire button to scan the image into PhotoShop.
    10. Most used adjustments will be in the Commands window, and in normal sequence of adjustments.
    11. The first thing you should probably do after your image is visible is rotate it.
    12. Click Rotate by Degree in the Commands window.
    13. Once your image is rotated, next you may crop image to desired size.

      		14.  [<I>Photoshop</I> Tools Bar.]

    Adjusting Image in PhotoShop and Saving to Diskette

    1. Go to the command window, and select Adjust and Levels.

      [PhotoShop Levels Dialog Box]

    2. Move the triangles under the curve to set the levels: set the black triangle on the left to the right of the beginning of the curve; set the white triangle on the right to the first valley of the curve; set the middle gray triangle to adjust the overall contrast (left for less contrast, right for more contrast).
    3. Make any other adjustments like cropping, color adjustments, touch-ups, etc. using PhotoShop tools.
    4. Go to the command window and select Indexed Colorbutton to change the image from full to indexed color and reduce the file size.
    5. Go to the File menu and choose Save As... to save the image to diskette. To Save as an interlaced/transparent Gif without a preview icon, in the commands window click Gif89a Export -- This file will be 1-2 K smaller than a Gif with icon..

      Width=360 Height=234 [Save As... Dialog Box]

    6. Click on the Desktop button to the right to find and select your diskette.
    7. On the File Format: list, select CompuServe GIF. Name your file with a .GIF extension. For example, image.gif.
    8. Click on the Save button to save the file to diskette.

    Transferring Files to SAGE

    To access your images from the web, you need to store the image files in your PUBLIC_HTML directory. Several options are available for moving files from your diskette to SAGE. If you have access to a computer connected directly to Ethernet (like those in the University Center User Room), you can FTP the files using software such as WinFTP or Fetch. If your computer is connected to SAGE using a serial line, you can transfer files using Kermit or ZModem protocols and your communications software. See FTP Workshop materials for more information about transferring files.

    Displaying Images in Your Web Pages

    You can link to your image files using this HTML tag format:

    <img src="http://www.plu.edu/~YOUR_ACCOUNT/IMAGE.gif" alt="">
    In this example replace YOUR_ACCOUNT with your SAGE account name and replace IMAGE with the name of your image file. The alt="" portion allows you to specify alternate images or text between the quote marks if the image is not displayable by the web browser. For example, if the alt tag is left intact, no image will appear in Lynx; if IMAGE is placed between the quotes, the the word IMAGE will appear in Lynx.
    Media Services Telephone: (253) 535-7509 FAX:: (253) 535-7315
    Media Services E-Mail: media@plu.edu Home Page: http://www.plu.edu/~media
    Maintained by: Layne Nordgren (nordgrle@plu.edu). Send comments.
    Last Update: 09/23/96
    Home * About PLU * Academics * Admissions * Alumni * Banner Web
    Information Resources * News & Events * PLU People * Student Life