Post by account_disabled on Nov 30, 2023 3:57:30 GMT
There are many factors that cause websites to load slowly. Image files on the web are the number 1 problem, according to a survey by HTTP Archive, which collects website statistics around the world. In 2012, the average page size of the top 1000 websites was only 800 kb, but this year it has increased to 1250 kb. yes On a 1250 kb web page, there are 650 kb of image files, which accounts for more than 60% of the entire web page (the rest is Javascript, Flash, CSS, etc.). Therefore, using images on your website requires careful thought. Choose the appropriate type of picture. and use compression tools What does this article have? Show Techniques for choosing an image file extension: Which is better to use PNG or JPEG? Choosing an image file extension is very important. In Graphic Design, the printing line may not be very important.
Because large or small images are sent via CD anyway, but in Web Design, choosing an Phone Number List image file extension is very important. Let's first look at what image files are used on the website. There are the following main file extensions: PNG image file Divided into PNG-8 (can display 256 colors) and PNG-24 (can display 16 million colors) If there are few colors, the file size will be small. If there are many colors, the file size will be (very) large. cut clear background or semi-transparent color Suitable for image files such as Logo, Vector Art, Illustration that don't have a lot of colors. and the picture is not very large Suitable for image files that need to be cut with a clear or semi-transparent background that requires clarity (PNG24 image quality will be very good But the file is also very heavy) Picture file format JPG / JPEG Displays 16 million colors.
Images with lots of colors will be 5-10 times smaller than PNG (but the resolution is less). Can't cut clear background Solid colors only Suitable for photo files with a lot of colors. GIF image file GIF Animation Image Can do animations Can display 256 colors Can cut clear backgrounds But the color is semi-transparent. Suitable for image files that must have funny Animates. For the rest, it's better to use PNG / JPEG instead. Is it better to use PNG or JPEG? Because GIF is only suitable for images that need to be animated for fun and can only support a limited number of colors. At present, we see very few GIF formats in web design. As for choosing to use PNG or JPEG, which is better? We will compare by file size.
Because large or small images are sent via CD anyway, but in Web Design, choosing an Phone Number List image file extension is very important. Let's first look at what image files are used on the website. There are the following main file extensions: PNG image file Divided into PNG-8 (can display 256 colors) and PNG-24 (can display 16 million colors) If there are few colors, the file size will be small. If there are many colors, the file size will be (very) large. cut clear background or semi-transparent color Suitable for image files such as Logo, Vector Art, Illustration that don't have a lot of colors. and the picture is not very large Suitable for image files that need to be cut with a clear or semi-transparent background that requires clarity (PNG24 image quality will be very good But the file is also very heavy) Picture file format JPG / JPEG Displays 16 million colors.
Images with lots of colors will be 5-10 times smaller than PNG (but the resolution is less). Can't cut clear background Solid colors only Suitable for photo files with a lot of colors. GIF image file GIF Animation Image Can do animations Can display 256 colors Can cut clear backgrounds But the color is semi-transparent. Suitable for image files that must have funny Animates. For the rest, it's better to use PNG / JPEG instead. Is it better to use PNG or JPEG? Because GIF is only suitable for images that need to be animated for fun and can only support a limited number of colors. At present, we see very few GIF formats in web design. As for choosing to use PNG or JPEG, which is better? We will compare by file size.