Montgomery County Public Schools, Rockville, Maryland
SEARCH

MCPS Web Services Team
Department of Communications

> MOST REQUESTED

> How To Become a Webmaster
> How To Put
Files on the Web
> Contact Us
> Frequently Asked Questions

> SUPPORT

> Training
> Webmaster Locker
> Web Regulation

>

> How To Access Tools
> Calendar
> CalendarBox Publisher
> Homework Board
> NewsBox Publisher
> Tool Central NewsBox

>

> How To Access Utilities
> Counter
> Digital Vertical File
> Feedback Form
> Search Engine
> TestPilot Survey
> Webtrends

>

> About Applications

>

> Who We Are
> Services Overview
> Best of the Web
Awards
       

WEB SERVICES > WEBMASTER LOCKER > PREPARING GRAPHICS

Preparing Graphics for the Web
 

Irfanview
Irfanview is a freeware graphics utility for the Windows platform. It is included in the TechMod image under programs. The following resources help the user get started using Irfanview to edit graphics for the web.

Resources:

GraphicConverter
GraphicConverter is the Macintosh shareware graphics editing utility. MCPS has a site license for this product.

Resources:

Also see: Webmaster Software

About Optimizing Graphics for the Web
Graphics for the web are generally in standardized formats of GIF (Graphic Interchange Format) and JPEG/JPG (Joint Photographic Experts Group). A new type of graphics for the web is PNG (Portable Network Graphic). These types lend themselves to web use, as they can be compressed and still be distinct enough for use on the web. As such, these graphic types are generally a lot smaller than graphics used for printing. Thus, they will load faster on a web page. See Web Graphics Overview on WebMonkey more about these file types.

The most important quality of web graphics should be their small file size so they will download to the page quickly. The high resolution required for photographic printing is not useful for web images as most monitors only show 72 dots per inch. Thus digital photographs and scanner output images almost always need to be converted to a smaller image for use on the web. Since images to be viewed on a web page will be small in physical size, graphics can be compressed without losing their clarity on the web. In general a graphic should be 25K or smaller. Even better is a graphic size of less than 10K.

Steps for preparing graphics for the web might include:

  • Cropping to focus on relevant detail
  • Changing resolution to 72 dpi
  • Resizing to small photo or thumbprint size graphic
  • Filtering or cleaning up color saturation
  • Save image for web as .jpg for photograph or .gif for line art

For more details about graphics, see also Web Graphics Overview by Jason Heffel and Optimizing Your Images by Tim Zieger. Both are on the WebMonkey site.

 

Updated September 21, 2006 | Contact Webmaster

HOME | PARENTS | STUDENTS | STAFF | ABOUT | SCHOOLS | COMMUNITY | BOARD OF ED | TOP up arrow
©1995–2008 Montgomery County Public Schools, 850 Hungerford Drive, Rockville, Maryland 20850
Contact | Privacy | Nondiscrimination/ADA | Get Acrobat | Get RealPlayer | Montgomery County