When handling an image file, you need to pay attention to its file format. There are two image types: Raster Image and Vector Image.
Raster images are images built from pixels. For example, photographs are raster images. A large pixel can provide higher resolution but the file size also becomes larger. There are multiple file formats for Raster images such as JPG, GIF, or PNG. The disadvantage of the raster image is that image quality declines when the image is enlarged. JPG, GIF ,and PNG have different characteristics.
Vector images are formed based on mathematical equations. There are no pixels in a vector file. A vector file’s mathematical formulas capture shape, border, and fill color to build an image. Because the mathematical formula recalibrates to any size, you can scale a vector image up or down without impacting its quality. The most commonly-used file format of Vector images for the web is SVG. Brand icons are usually formed with vector images to maintain high resolution. Also, one important thing to know is that malicious code can be stored in the SVG file. You may need to add extra attention to security concerns when you are handling SVG files.
When handling an image file, you need to pay attention to its file format. There are two image types: Raster Image and Vector Image.
Raster images are images built from pixels. For example, photographs are raster images. A large pixel can provide higher resolution but the file size also becomes larger. There are multiple file formats for Raster images such as JPG, GIF, or PNG. The disadvantage of the raster image is that image quality declines when the image is enlarged. JPG, GIF ,and PNG have different characteristics.
Vector images are formed based on mathematical equations. There are no pixels in a vector file. A vector file’s mathematical formulas capture shape, border, and fill color to build an image. Because the mathematical formula recalibrates to any size, you can scale a vector image up or down without impacting its quality. The most commonly-used file format of Vector images for the web is SVG. Brand icons are usually formed with vector images to maintain high resolution. Also, one important thing to know is that malicious code can be stored in the SVG file. You may need to add extra attention to security concerns when you are handling SVG files.