Junior Programmers should take image optimization seriously. It is a skill that could help them in the long run. Normally, junior programmers leave this by the curbside thinking it is not important in web design. Here are some principles they need to learn.
Compressing of images. There are two ways of doing this. The first is by Lossy. Lossy includes the decrease in quality of a file. It loses some of the data. The second type is called lossless. It is the exact opposite of Lossy. Here, the quality will not change. Compression of file will not lose any data.
Formatting. There are 3 different formats used in storing images in Image Optimization. The first is PNG 24/32. This is good for files that are large. Images with so many colors become clearer when these are enlarged by hundreds of pixels.
The second type of format is GIF. It is also called 8-bit PNG. The format uses a maximum of 256 hues. Compressing is applicable but is limited to having pixels of the same colors beside each other. GIF is also limited by the quality of image files because photos often have more than 256 pixels. GIF performs well if the image is a logo or insignia.
JPG is the third format used in image optimization. JPG unfortunately is a format that falls under Lossy. Millions of colors are used in this format. The compression ratio depends on the one picking it. It is not advisable that a junior programmer uses this format while working on the file. But, this works well as the format for a final file. If you use this while working on it, you will have a gradual loss of every detail in it. Images in this format should be stored in the file for image editing software.
Transparency. This is another principle junior programmers should learn. It includes two choices. The transparency applied is defined by the important pixels in the image.
The first type of transparency is called Index. The pixels can be totally clear. In other words, it becomes transparent for everyone. With this option, the pixel now appears to be either clear or colored. To use this option, the image must have a blocked boundary and the colored and clear pixels are surrounded by smooth lines. If a programmer or developer uses Index transparency to export, he needs to apply a 1+color for the image to become clear. Here, white can always become transparent. But, the other colors will not become transparent. By adding the color and other shades of it, the programmer can make it transparent.
The second transparency is Alpha. Pixels are given a value for their transparency. The pixel can be red in color and only about 40% transparent. An anti-aliased image can look smooth and beautiful. It would be best if the gradients come from its top.