Posting Image or Photo
On Forums n Message Boards
(Bonus: Scanner Tips)
(Bonus: Tips on Music Tag's)
Introduction: To post an image, it must be on a web server connected to the internet. This is not the same as being on your local computer i.e. images must be on a internet server. In other words, you may need to sign up / get a host for a web page site before you post images. Or perhaps, you already have a online photo album that will allow 'remote' links to the images. In any case, be a good netizen = Use space and bandwidth that you have been supplied
Are you a Bandwidth Bandit? ( Read More )
Posting an image is really easy once you learn the 'tricks'. Here is an example that you can copy n paste. This example shows that it is NOT as complicated as it looks when you get into the 'step x step' instructions.
Copy n paste this code
in our Practice Page:
To load / display this:
You should be familiar with basic computer procedures such as creating a subdirectory (folder) and saving images to the folder on your hard drive. Most browsers allow you to save an image (or gif animation) just by clicking on the image and then clicking with the right mouse button.
Posting (Step by Step):
Note: if you have image online go directly to step 4:
Footnote: Sometimes finding the URL of the image is tricky. For example, images on AOL homepages are sometimes put in an 'images' directory. So the URL may be something like this:
- Create a folder (subdirectory) on your hard disk to save your images (keep things organized).
- If you don't already have the image, find an image / animation on the internet (check for copyright notice!). Then use your mouse over the image along with the right mouse button to save a copy to your 'folder' on your hard drive.
- Open the connection to your web host (With FTP software or a 'file manager') and upload the image to the host.) BTW: Check out the instructions for a free FTP program.
- Use the img tag to post the image by replacing the 'URL' in this tag: <img src="URL"> with the actual URL of the image.
Note: The quotations marks around the URL / address are important.
For example, if the image name is
and the URL for you page is
then the tag would be
In most browsers, you can use your right mouse button over an image. Then select 'properties' to view the URL of the image. Then you can mouse over (highlight) the image URL and copy n paste it inside the quotes.
Are you a bandwidth bandit? In many cases, people are stealing bandwidth from a site and do not realize what they are doing.
For example, some people discover a 'free image' site and then assume that it's okay to link to the images (with the img tag). The webmaster at a site may put up images for free download and free use (on your web site, in your email or on your computer). However, they DO NOT want you to use 'remote links' i.e. link to the images on their site.
If you use remote links to their images, you are a bandwidth bandit!
It's amazing how many people think a free image means that they can use the other person's bandwidth. They never realize that bandwidth is not free - some one has to pay. All host / ISP's have bandwidth limits - even the ones that advertise unlimited bandwidth (read the fine print you'll see :) Once the site exceeds the limit, they must pay even more! Or in some cases, the web site is shut down until the first of the next month.
The problem is compounded if the Bandwidth Bandit uses the images on a busy site (such as a forum / message board). In these cases, the webmaster is more likely to 'spot' the images that are causing the increase in his/her bandwidth.
If the webmaster sees high usage in his stat's package (or in his access_log file), he can find out where the bandwidth bandit is posting the images. Then he may get even (there are several methods - one favorite is to replace the image with a Very nasty (gross) image that will immediately appear in your post :(
In an even worst case scenario, the webmaster may contact the owner of the forum / message board and blame them. If it is a free public board, they may contact the board owner and try to shut down the board or have an individual banned. In other cases, complaints have convinced the sys_adm (operator) of the board to disable the 'img' tag. Therefore, NO images can be posted!
There are a lot of other reasons why you should not be a bandwidth bandit. One site that explains some other reasons is the WebGuard Site (which also belongs to a WebRing that tries to fight back against the Bandwidth Bandits).
Summary: Sometimes a site owner may not catch all the bandwidth bandits but
if the bandwidth usage goes up (and cost extra) - then the webmaster will check their
'access_log' to see which site (message board, web page, etc) is guilty. The images posted on a busy forum / message board are more likely to show up in the access logs. A good netizen NEVER links to images on another person's site (steals bandwidth). A good netizen would get (pay for) their own host (space) and upload and post image from that host i.e. pay for the bandwidth.
Note: There are a few public photo album sites and/or EBay image sites (such as PrintRoom.com) that DO allow remote links. They may automatically add text to your image (that is their payment :)
One source of large (oversize) files is scanned images such as color photographs. People don't realize that a scanner set at 300dpi (or higher) creates very large images (that load very slow). However, on the internet, these images will look the same as one scanned at 72dpi.
Footnote for Resolution: For images intended for the printer, higher resolution may be desirable. Hewlett Packard® (HP at home, Volume 8, 1999) has an article on scanning tips that contains this useful table:
- Set the scanner at 72 dpi (or to 100 dpi if 72 is not an option) and the file size will be about 20 or 30K instead of 150K+ (and the image screen size will be smaller :)
Note: Some scanners yield a dark image that can be corrected with a 'gamma correction' option in your graphic's program.
- Use a graphics program to 'crop' the image. (or maybe the scanner software will allow you to crop). In other words, cut off any 'dead area on the edges of the pictures"
Note: A popular freeware program is available at Irfanview . This program also has 'gamma correction' (under color enhancement) for those dark pictures.
- Save 'color photographs' with the JPEG format (.jpg extension). Color photos compress better and also render better quality as JPEG images. (.gif format works best for line art)
Note: some scanners will only save as .bmp so you may also need a graphics program to convert the images (Many accomplish this conversion by use of the 'file /save as' option that allows you to 'save as' .jpg).
- Depending on the 'content' of the photo, it may be desirable to use the 'resize' option in your graphics program to further reduce the file size. MAKE sure the graphics program is set to 'Maintain the Aspect Ratio'.
- In some cases, additional reduction in file size is possible with an 'optimize' program. There are online sites that will 'read your image' and then optimize it ( One Example). However, this procedure is usually not necessary if the previous tips are successful in reducing the file size. (Recently some of the 'good' graphics programs have started to include a graphics optimizing capability ;)
The higher the resolution of your scan, the larger the file size for the image. Use this table to determine the best scan resolution for your photos.
On-Screen (Web, E-mail)
72 or 100 dpi, 8 bit
To Print Snapshot
200 dpi or 300 dpi, 30 bit
or Print Large Photo
Maximum resolution, 30 bit
The Nice way to put music on a page:
anchor tag such as:
Play Lean On Me (21K)
Play Lean On
Alternate Method: Netscape browsers use the 'embed' tag while some old MS browsers use the 'bgsound' tag. Some people use both 'tags' to cover all browsers; however, most current browsers will use the embed tag. I prefer to include the anchor tag to 'cover' all browsers:
BTW: People who use the autostart="true" with the embed tag -
to play music without considering that the visitor may not like 'their' music - are
Rude (low life)
P.S. The easy way to 'get' a .mid/.wav is to use Lycos Sound Search and play the sound. If you sound player doesn't 'save' files, then go to your 'disk cache' with your file manager (windows explorer) and move a copy of the sound file to another folder (otherwise when you flush the cache you lose it). Next you should load the .mid or .wav files on your web host just like you do the images you post.
Updated: Fri, Nov 25, 2011