If you try to load a TIFT or PICT into your web page, users will see a broken image symbol. This occurs because graphics in web pages must be in a format understood by the web browser. The most popular graphics file formats recognized by the web browsers are GIF, JPEG, and PNG (graphics interchange format, joint photographic experts group, and portable network graphics).
Terminology
Before we divide into the actual file types, you need to learn a few terms that relate to web file formats.
Compression Methods
Web graphic file formats take your original image and compress it make it smaller for web and e-ail delivery. Two basic types of compression methods are used for web graphics; lossy and lossless.
Lossy compression requires data to be removes- permanently-from the image to compress the file and make it smaller. Typically, areas with small details are lost as the level of lossy compression is increased. Lossless compression is the opposite of lossy, in same whether its compressed or uncompressed.
Resolution
Whenever you create or edit a file in a graphics editor, you need to specify a file resolution. Eh standard file resolution for web graphics is 72 pixels per inch (ppi).
Transparency
When you view an image and are able to see through parts of it, that image is said to have transparency. Some graphics editors show this transparency by displaying a gray and white checkerboard behind the image.
When a web graphic contains transparency, the pages background color or background tile shows through in the transparent areas.
File types that support transparency fall into two categories: binary and variable. Binary transparency means any given pixel is either transparent or opaque. Variable transparency, also know as alpha channel, allows pixels to be partially transparent or partially opaque: therefore, it is capable of creating subtle gradations.
Interlacing
Have you ever viewed a
Professional web design Services page and noticed that a web graphic first appeared blocky pr fuzzy before gradually coming into focus? Interlacing is a process by which the graphic is displayed at multiple levels of clarity, from blurry to clear.
Noninterlaced images must be fully loaded before the browser displays them on a page. If you have a large image on page, users may see only blank space if the graphic takes a while to download. If it takes too long, users may leave your site.
Because interlaced graphics appear more quickly, even it they appear fuzzy, users might be more willing to wait for the page to download fully. Ultimately, choice in using interlaced or noninterlaced
Graphic design Phoenix depends on the size and style of the graphics on your page. I generally use interlacing for larger graphics that take up more space on the screen, as opposed to small buttons or icons that load quickly anyway.
Animation
Some web file formats support animation as well as still images. These animation files contain two or more individual files called animation frames.
