Teachers Network
Translate Translate English to Chinese Translate English to French
  Translate English to German Translate English to Italian Translate English to Japan
  Translate English to Korean Russian Translate English to Spanish
Lesson Plan Search
Our Lesson Plans
TeachNet Curriculum Units
Classroom Specials
Popular Teacher Designed Activities
TeachNet NYC Directory of Lesson Plans TeachNet NYC Dirctory of Lesson Plans

VIDEOS FOR TEACHERS
RESOURCES
Teachers Network Leadership Institute
How-To Articles
Videos About Teaching
Effective Teachers Website
Lesson Plans
TeachNet Curriculum Units
Classroom Specials
Teacher Research
For NYC Teachers
For New Teachers
HOW-TO ARTICLES
TEACHER RESEARCH
LINKS

GRANT WINNERS
TeachNet Grant:
Lesson Plans
2010
TeachNet Grant Winners
2009
TeachNet Grant Winners
Adaptor Grant Winners
2008
TeachNet Grant Winners
Adaptor Grant Winners
2007
TeachNet Grant Winners
Adaptor Grant Winners
Other Grant Winners
Power-to-Learn
Math and Science Learning
Ready-Set-Tech
Impact II
Grant Resources
Grant How-To's
Free Resources for Teachers
ABOUT
Our Mission
Funders
   Pacesetters
   Benefactors
   Donors
   Sponsors
   Contributors
   Friends
Press
   Articles
   Press Releases
Awards
   Cine
   Silver Reel
   2002 Educational Publishers Award

Sitemap

New Teachers Online: How-To Articles: Use New Technology to Reinforce Instruction
Working with Images on the Internet
Peggy Maslow

When I first started inserting images into my own web pages, I never understood that I could change the megabytes (size) of those images that took so long to open when I used my home computer modem. Using Adobe Photoshop, I knew how to crop, rotate, and adjust contrast and brightness. I knew how to improve the photo or image but not how to reduce the number of pixels so the image would load in less than 7 seconds. I wish someone had told me sooner, so this column is devoted to how to reduce the loading
time of images after you have edited them.

Most images that you save on your hard drive from the Internet are already at 72 dpi, dots per inch, but there may some that are not. If you use a digital camera or scanner it is possible the image will have a higher number, or more dots per inch, and therefore be slower to open. So using whatever program you use to edit your images you need to reduce the dpi to 72.

However, if you want to print a photo, you want the dpi to be about 200 for greater clarity. Therefore, you may want to have two separate images folders, those for printing and those for inserting in  web pages or sending over the Internet as attachments.

Another way to insure that the image opens in less than 7 seconds is to change the dimensions of the image and then save it in the web page folder. When I upload photos from my digital camera they are usually 22 by 18 inches, which is enormous. I change the dimensions to a rather small size, 4 inches by 6 inches, or whatever size I want on the web
page where I will insert the image. Change the size or dimensions before you insert the image. This way the image will load quicker than if you shrink it after it is already inserted on your web page.

The next way to help the image load faster is to reduce the number of colors to 256. Any more colors are really unnecessary on the Internet.  Also, when you save the image in the web page folder, there is an option in some editing programs to save the image for web page use.

As far as purchasing software that is especially designed for editing images, the industry standard is Adobe Photoshop, but there is also Macromedia Fireworks, which is about two hundred dollars cheaper. If you purchase software for educational use there is a substantial discount. Also, I recommend purchasing a digital camera, which can cost as little as $100, although I recommend a camera that is about $200.

My class took photos of students dressed as different characters, which the class used on their online newspapers based on the literature we were reading. Examples can be found at http://teachersnetwork.org/teachnet-lab/fklane/pmaslow/witnesschris.htm and
http://teachersnetwork.org/teachnet-lab/fklane/pmaslow/witnessamarilus.htm.

Using my suggestions can save your viewers time when opening images on your web page. Use your software, digital camera, and have fun experimenting.

 

Come across an outdated link?
Please visit The Wayback Machine to find what you are looking for.

 

Journey Back to the Great Before