1. Label Images on your
hard drive
Label images a.jpg, b.jpg, c.jpg and so on (a through z),
using small case letters. You can replace a photo that is no longer being
used by simply naming a new photo with the old photo's file name. For
instance, if you want to get rid of the photo labeled "a.jpg",
name your new photo "a.jpg". When you upload the new image, it
will replace the old one.
2. Crop, Resize and
Resample
2. Make sure that you have resized (cropped and
adjusted the height /width ratio) your photos and resampled (lowered the
resolution, or number of dots per inch) them. Photos should be no larger
than 250 pixels high, and the image resolution should be 75 dpi. Your total
file size for each image should not exceed 25 kb. This is so that the images
will load quickly for your visitors, and to cut down on bandwidth usage. Get
rid of any unnecessary background and frame your photo's subject by cropping
the image appropriately.
Good Cropping |
Bad Cropping |
Debbie's
Obsessive-Compulsive Tip:
If you keep
the height of your images the same, they will look nice and neat on the
page! :-)
Here is a link to a great free program that automatically
resizes and resamples images on your hard drive for you. I have tried it,
and it works great!
http://pet-net.net/ir.exe
(Don't forget to rename the
images after you have resized and resampled them - remember... a.jpg, b.jpg,
c.jpg, and so on...)
3. Upload the images
Upload the images to the "uploads" folder by
using Pet Net's image uploading program. Remember, if your image file size
is larger than 25 kb, you will not be able to load it. This is to keep your
pages streamlined so that people don't have to wait for the photos to load.
If your files are bigger than 25 kb, go back to #2 above and follow the
instructions.
4. "Refresh"
this page
To view the images that
you have just uploaded, just use the "refresh" or
"reload" function on your browser menu. On Internet Explorer, it
is the 6th item down under the "view" menu at the top of the page.
This may take a few minutes, depending on how many images you have added, so
please be patient.
5. Add the image code to
Pet Net's Kennel News Page editor
Copy the code below each image and insert it into the
appropriate box in Pet Net's KennelNews editing program. For instance, if
you wanted to insert the photo labeled "f.jpg", you would copy
<img src="images/f.jpg"> into the appropriate box.
6. Have fun, and keep
smilin! :-)
The images displayed below are those that are currently labeled a through z in your images folder. Simply copy the code indicated below each folder and paste it into the appropriate box in your kennelnews editor where you would like the image to appear. Don't worry if the image looks a bit skewed below. It will look fine on the page where you would like it to appear. The skewing occasionally occurs when the image properties for height and width from the last photo using that name are retained by the html page. Since we do not use the height and width settings on this page, the image will have the correct settings on the page where it will be displayed. The page you are currently viewing is not seen by your visitors, it is simply an archive to help you identify which pictures are currently stored in your images folder.
