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.
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.
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.
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.