How much do you know about pictures when developing?

Picture Classification

  • Bitmap (dotmap) vector

Introduction to various formats of pictures

png jpg gif svg webp

  • gif (frame animation) can add animation to the picture, the compatibility is good, but there are only 256 colors of log animation
  • jpg Lossy compression removes edges that are not easy to notice. It is roughly placed and distorted. It is suitable for background image carousel images.
  • There are two types of png lossless compression algorithms that are suitable for distinguishing colors. Logo and performance are not a problem. The image is true color but the file size is larger.
  • svg vector law Huffman file is small and undistorted learning cost high performance
  • webp makes up for the shortcomings of png jpg svg, but the compatibility is not good

web image optimization

to be continued. . . . .

Guess you like

Origin blog.csdn.net/XINpxXIN/article/details/104792274