We are independent & ad-supported. We may earn a commission for purchases made through our links.
Advertiser Disclosure
Our website is an independent, advertising-supported platform. We provide our content free of charge to our readers, and to keep it that way, we rely on revenue generated through advertisements and affiliate partnerships. This means that when you click on certain links on our site and make a purchase, we may earn a commission. Learn more.
How We Make Money
We sustain our operations through affiliate commissions and advertising. If you click on an affiliate link and make a purchase, we may receive a commission from the merchant at no additional cost to you. We also display advertisements on our website, which help generate revenue to support our work and keep our content free for readers. Our editorial team operates independently of our advertising and affiliate partnerships to ensure that our content remains unbiased and focused on providing you with the best information and recommendations based on thorough research and honest evaluations. To remain transparent, we’ve provided a list of our current affiliate partners here.
Software

Our Promise to you

Founded in 2002, our company has been a trusted resource for readers seeking informative and engaging content. Our dedication to quality remains unwavering—and will never change. We follow a strict editorial policy, ensuring that our content is authored by highly qualified professionals and edited by subject matter experts. This guarantees that everything we publish is objective, accurate, and trustworthy.

Over the years, we've refined our approach to cover a wide range of topics, providing readers with reliable and practical advice to enhance their knowledge and skills. That's why millions of readers turn to us each year. Join us in celebrating the joy of learning, guided by standards you can trust.

What are the Different Types of Web Graphics?

By Gabriele Sturmer
Updated: May 16, 2024

Web graphics include both static images and animated web graphics. These graphics can consist of web buttons used on menus, background images on websites, web slideshows and single images displayed on a page. Some common formats for web graphics include Joint Photographic Experts Group (JPEG) files, portable network graphic (PNG) files, tagged image file format (TIFF) files, bitmap picture (BMP) files and graphics interchange format (GIF) files. The type of graphic format used is determined by the intended use of the specific graphic.

One of the most popular static formats for web graphics is JPEG. This format supports compression that helps make graphics load faster on a slower Internet connection. Th JPEG format does have a drawback, though, because images lose some of their quality during the compression process. JPEG files, however, can also use a smaller amount of compression if a higher image quality is desired.

Another format that supports compression is PNG. This file format allows images to have transparent backgrounds, but some browsers might not support the PNG file type. PNG does have benefits in that these images are sharper and have more color depth than some of the other image formats. On the other hand, some web designers are still reluctant to use PNGs very much because of the possible compatibility issues with older browsers.

If an animated web graphic is desired, the GIF format is a good choice. Animated GIFs use several variations of a static image to create a motion effect. GIF images, however, do not have to be animated, and they can be used for compact static web graphics because of the smaller file size. Common uses of static GIF images includes web buttons and website backgrounds, although the JPEG and PNG formats are commonly used as well. One disadvantage of GIFs is that they are limited to 256 possible colors, which can be a problem if an image needs to have excellent color depth.

TIFF images are a higher-quality image format that is usually used for graphics that are printed. They are not used often on the web because of their large file size and limited capabilities for compression. Common uses of TIFF images includes images that are captured from a picture or document scanner and are used for printing a newsletter, poster or a magazine layout.

BMP images are more common than TIFF images but also have issues with file size. They are uncompressed images that suffer no loss in quality. As a result, BMPs are useful when a web designer wants to put high-quality images on a site but does not want the long download times associated with TIFF files.

EasyTechJunkie is dedicated to providing accurate and trustworthy information. We carefully select reputable sources and employ a rigorous fact-checking process to maintain the highest standards. To learn more about our commitment to accuracy, read our editorial process.
Discussion Comments
By Hazali — On May 15, 2014

@RoyalSpyder - Funny you should mention that, because I took a web design course as well. Back then, for our final project, not only did our website need to have several images, but even more so, they had to be in JPEG format. It was interesting learning how images are compressed into websites, and I hope to do it again someday.

By RoyalSpyder — On May 15, 2014

As complex as it is, I actually learned about web graphics a few years ago when I took a college course called web design. To be honest, it was pretty confusing, and I never really got the hang of it. However, this is a great article that sheds a lot more insight on it. If I ever decide to go into the field of web design, I'll make sure to read this article several times, it has some pretty good information.

Share
https://www.easytechjunkie.com/what-are-the-different-types-of-web-graphics.htm
EasyTechJunkie, in your inbox

Our latest articles, guides, and more, delivered daily.

EasyTechJunkie, in your inbox

Our latest articles, guides, and more, delivered daily.