Why don't my pictures show?
1. Make sure the file name for your image ends with either .jpg or .gif as the extension. If you try to use another extension such as .tif or .pdd or .art or .ipg the image will not work on the web. Convert the file to the jpg or gif format.
2. Make sure that the graphic is uploaded to the web and is in the same directory or folder as the page you are linking from. If it is in a different folder you will need to type the name of the other folder and then the file name. For example, imagine that this web page is kept in a folder on the server named "class." Imagine that I wanted to insert a picture called "pic.gif" that is kept in a folder on the server named "images." When I try to insert the picture the code would need to read:
<img src="images/pic.gif">
To the left of the slash is the name of the folder and to the right is the name of the file.
If that does not work, you may need to direct the computer to go up one directory to find the folder. That means typing:
<a href="../images/pic.gif">
The ../ tells the computer to go up a logical level to find the folder named "quizes" and then choose the file named "pic.gif" for the image.
Browser-Safe Colors
Whenever possible, use what are called "browser-safe colors" for your graphics. This means that the colors will display in the same way no matter whether the viewing monitor is set for minimum colors or "millions of colors." Use the chart from www.lynda.com/hex.html by Lynda Weinman or from http://www.flash.net/~drj2142/ by Doug Jacobsen to select colors.
This article by John Weise explains some of the basics about color on the web. The Yale Center for Advanced Instructional Media has a good article explaining "bit depth" for graphics.
If you want to use something "browser-safe" but are tired of the same old 216 colors, use the "color-mixer" to create a hybrid of browser-safe colors for a background.
For other considerations about color, see this article about color contrast from The Lighthouse to be sure those who have problems with color can see your page.
Why is the picture so light or dark?
The gamma settings for monitors on Macs and PCs are very different. So the graphic you prepared on a PC may look light and "washed out" on a Mac, or the graphic you did on Mac may look too dark on a PC. The article by John Weise mentioned before explains this, as does this more technical article about gamma settings.
Keeping Graphic Files Small
If you cannot afford PhotoShop to optimize your gif or jpg for the web, try the free tool at Net Mechanic for reducing the file size of your graphics.
|
|
Tips
& Trouble