110 likes | 129 Views
Graphics. Web graphics Format's. Image format's GIF Format: Use a maximum of 256 colors, and are recommendable for big areas of one color or non-continuous images. They are often used because they can contain transparencies and animations. JPG Format:
E N D
Web graphics Format's Image format's GIF Format: • Use a maximum of 256 colors, and are recommendable for big areas of one color or non-continuous images. They are often used because they can contain transparencies and animations. JPG Format: • These images are of a higher quality than GIFs and can contain many more colors, but the image size is larger and so they require more time to download
Web graphics Format's • Other formats that can be used are BMP and PNG • If you introduce a BMP image in Dreamweaver a gray square will be shown in its place.The image will only appear correctly in the browser. • You can change the format of the images with any image editor program, such as Fireworks, Photoshop, Corel Draw, etc. .
Optimization of an image • It's possible to optimize an inserted image in an open document in Dreamweaver using Fireworks. You can modify the image format, the transparency, the palette of colors, etc. • By modifying these aspects, it is possible to take up less memory.
Optimization of an image • To optimize an image in Dreamweaver you have to select the image, go to the Commands menu, and then select the Optimize Image in Fireworks option. • From the new window it will be possible to modify some attributes of the image.
Transparencies • It could be useful sometimes to make some colors of the image invisible. • For example, the background of the image below could possibly not match with the Page's background or damage it.
Transparencies • The first thing to do is to establish a background color for the image, and make sure that it doesn't coincide with any other color of the picture so that when we apply the transparency it will not change. • After this, you can apply the transparency to the chosen color with any image editing program such as Fireworks
Transparencies • A way to apply the transparency in Fireworks is through the buttons, these can be seen in the previous screen (in optimize image). • When you are optimizing the image, you can click one of those two buttons, and the mouse will take the shape of a drop-count when placed over the image or over the image color list. By clicking on a color it will turn transparent.
Transparencies • The difference between the first and the second of those buttons, is that the first button only allows you to assign a transparency to a color, while the others let us to add more than one. The last button is used to clear the transparency of any color. • In the case we have applied the transparency to the blue color that was in the background of the image, this would then look like the image shown on the right.
Transparencies • Transparencies allow us to notably improve the look of our pages.