1. graphics


Raster graphics

These are made up of pixels and are resolution dependent, meaning the quality of the image may degrade if it is resized. Examples of raster graphics formats include JPEG, PNG, and GIF.

Vector graphics

These are made up of lines and shapes and are resolution independent, meaning they can be resized without losing quality. Examples of vector graphics formats include SVG and EPS.


This is an image format developed by Google that supports lossy and lossless compression. It was designed to provide smaller file sizes for images on the web, while maintaining similar image quality to other image formats such as JPEG and PNG. WebP is supported by most modern web browsers.

3D graphics

These are graphics that are created using 3D modeling software and can be rendered and displayed in a web browser using technologies such as WebGL.

Animated graphics

These are graphics that change over time, either through the use of multiple static images played in sequence (like a GIF), or through the use of code to manipulate graphics on the page (such as with the canvas element in HTML5).

Graphical user interface (GUI) elements

These are the visual elements of a user interface, such as buttons, icons, and forms, that allow users to interact with a website or application.