Supports a PNG transparency
Partial and full transparency for GIF and PNG
There are significant differences between the GIF and PNG formats in terms of transparency support. While the GIF format only supports completely transparent pixels, the PNG format can also display partial transparencies using an additional alpha channel.
The associated PNG file is quite large at over 22 kilobytes. However, this is due to the fact that a wealth of transparency data is stored here and ultimately there are no large areas of the same color. This is only about the demonstration of the possibilities given by the partial transparency - in practice, of course, the PNG format is not suitable for such images.
Fig. 1: Partial transparency using PNG-coded raster graphics
Unlike the first picture, Figure 2 shows the same picture in GIF format. As already mentioned, there is only binary transparency here - either the background shines through or it doesn't. The result is that the background in the middle, where the degree of transparency has reached a certain threshold value, shines through completely, while in the edge areas there is no longer any transparency.
Fig. 2: Transparency in GIF images
For comparison, Figure 3 shows the loss of quality that occurs when the two images are superimposed and then saved as a GIF file. Due to the reduction of the color values, the flowing transitions are left by the wayside.
Fig. 3: Reduction of the color palette and the effects on the image quality
Figure 4 shows the combined image again in the form of a JPG image. If the website is rendered by Internet Explorer 6 or another browser that does not support the PNG format, this image also shows how the overlaid images from the first illustration should look. Since the image material complies with the properties of the JPG format, the smallest file size is achieved here with very good quality.
Fig. 4: Foreground and background as JPG file
Even if the file size of the PNG image from the first example does not suggest this: For the right image material, the use of the PNG format can be extremely effective both in terms of quality and in terms of the size of the image files. Since partially transparent PNG images can be positioned as desired while maintaining the desired effect, there is a pleasant side effect when maintaining a website: You do not have to resort to image editing as often when changing the layout.
- Weightlifting Affects Your Piano Performance
- How long should one pray
- Veterans Day is a federal holiday
- Which color remains the same inverted
- What's so difficult about C ++
- What are some quilting tools for beginners
- What is the scope for ENTC engineers
- When was Bill Clinton born
- How is the vCommission affiliate program
- Can cause allergic reactions to eczema
- What are the benefits of data mart
- What city do you come from
- When will the dark mode for iOS come
- Why is sockeye salmon so expensive
- Which actively managed funds to buy?
- What is Softonic software
- Which institute is best suited for the IPCC
- What is a Panchama Varja Raga
- What's new at Burger King
- What is the best wireless subwoofer
- What screams I'm new to Instagram
- What is AudioFlinger Android
- What is COGS
- What is the scariest feeling