GIFGIF (Graphic Interchange Format) only supports 256 colors. One color can be transparent, allowing the color is translucent to the background. GIF87a formats are available specifically for interlacing feature. This feature allows you to display images that are large. With interlacing, 1 / 8 images will be loaded first so that the coarse image is immediately apparent. The remains are then immediately displayed to reveal the details. Another feature that makes it possible to create animated images.Given the limited color support, suitable for creating GIF images that involve a little color, such as a logo or image button.JPEGUnlike the GIF, JPEG uses 24 bits for each color. Thus, the color that can be handled reaching 224 or 16,777,216 units. Therefore, the image format is often called the "millions of colors". Given these circumstances, it is suitable to support JPEG images.JPEG is very prominent weakness is that the technique is lossy. Thus, the displayed image was not exactly like the original. Another weakness, slow process of decompression.JPEG does not support transparency and animation. However, progressive JPEG support interlacing.PNGPNG was designed by the W3C (World Wide Web Consortium) to replace the GIF and JPEG. The format is designed so as not to depend on the engine so that any type of computer and operating system used to handle PNG images.There are two kinds of PNG:• PNG-8• PNG-24PNG-8 uses 8 bits to store a color, while the PNG-24 using 24 bits.Adjusting Background ImagesSometimes we come across a Web page with an image background beruapa. Background like that sometimes beautify the appearance of Web pages. To include an image as the background, you can use the BACKGROUND attribute in the tag <img>.Displaying ImagesTo display the image, you can use tags <img>. This tag has many attributes, but only one that should be included, the SRC attribute. Example:<IMG SRC = "keladi.jpg">Set the Location of Text To ImageTag ALIGN attribute named <img> provides that serves to regulate the placement of text on the image.Provide Picture FramesBy using the BORDER attribute in the tag <img>, you can mrngatur so that the image is displayed with a given frame. The trick is to provide numbers on the BORDER attribute. The value on these attributes declare the thickness of the frame in units of pixels.Providing Alternative TextSometimes the user turn off the feature to turn off the appearance of the picture and there is also the possibility of the user using a browser that does not support images. To overcome this situation, you can provide alternate text instead of images. This can be done using the ALT attribute on the tag <img>.Adjusting Image SizeIf you have images that are large and intends to change the size of the image when the image is displayed, you can set it via the tag attribute named <img> HEIGHT and WIDTH.Set the Image SpaceVspace and hspace attributes can be used to adjust the distance the image of the text. Vspace will provide as much free space the value specified in this attribute (in pixels) above and the bottom of the image, while hspace provide as much free space the value specified in this attribute (in units of pixels) on the left and the right of the picture.
