Image
From Dharmasphere
Images are used in web pages and blog posts to make them look more appealing and to illustrate the point of the text.
Contents |
File Types
There are three main image types used on the Web:
- jpg (pronounced "j-peg") - Often used for photographs.
- gif (pronounced "giff") - Often used for simple graphics (illustration & diagrams).
- png (pronounced "ping") - Can be used for both photos and graphics.
File Sizes
All three of the image types allow compression, which reduces picture quality but also reduces the file size, allowing for faster download speeds. An ideal image for the Web would be one that is not compressed so much that the quality is poor, but the file size is small enough to allow people with slow internet connections to easily view your pages.
For small images, such as the one at the top of this page, aim for a file size of 12KB to 20KB.
Inserting Images With HTML
To insert images into a web page, we can use the <img> Image tag:
For example:
<img src="mydog.jpg" alt="Photo of my dog" />
Image Licenses
As with other artistic creations, images published on the Web have a license that applies to them. The license determines whether or not other people may use the image and, if so, what terms exist for its usage. The same concept applies to licenses for music and video.
You may use other people's images on your own website or blog if the creator of the image has specified a license that allows this, for example, with a Creative Commons license.
External Links
- Digital images on Wikipedia
- Full list of image file types on Wikipedia
- Creative Commons images on Flickr.com

