Post by account_disabled on Feb 27, 2024 3:04:22 GMT -8
The have an image field with dimensions of px by px. Basically, we can insert an image of the same size in this place, but also smaller ones the system will then stretch them to the target size, or the system will reduce larger ones. The larger the photo, the more information it contains, the photo file is heavier, and its download from the server takes longer. The rule is that the image size should always be adequate to the size in which the photo is displayed on the target screen. The problem is that today websites are viewed on different devices.
The solution here is srcset, a functionality that allows you to display different files depending on the recognized resolution. In short, we add three different photos and the system, after recognizing the resolution, displays a smaller or larger image. Nevertheless, the principle is the same. Each of the photos that are displayed depending on the identified screen resolution should have a target size Turkey Mobile Number List as close to the actual one as possible. Compression On the other side of the coin, we also have DPI. DPI is a value showing the saturation of pixels per inch. In other words, we can include, for example, pixels in one inch, but we can also include of them. A greater saturation of the surface with pixels translates into the quality of the viewed photo.
The higher the DPI, the clearer the photos will be, although of course to the point that the human eye can capture. Unfortunately, high DPI translates into the weight of the photo and loading time. Hence the image should be compressed. We have two types of compression. Lossy and lossless compression. Lossless, as the name suggests, does not cause any loss of quality, usually theoretically unnecessary data metadata, are removed from the image, saving several kilobes. This is bad practice in my opinion. Much better, in my opinion.
The solution here is srcset, a functionality that allows you to display different files depending on the recognized resolution. In short, we add three different photos and the system, after recognizing the resolution, displays a smaller or larger image. Nevertheless, the principle is the same. Each of the photos that are displayed depending on the identified screen resolution should have a target size Turkey Mobile Number List as close to the actual one as possible. Compression On the other side of the coin, we also have DPI. DPI is a value showing the saturation of pixels per inch. In other words, we can include, for example, pixels in one inch, but we can also include of them. A greater saturation of the surface with pixels translates into the quality of the viewed photo.
The higher the DPI, the clearer the photos will be, although of course to the point that the human eye can capture. Unfortunately, high DPI translates into the weight of the photo and loading time. Hence the image should be compressed. We have two types of compression. Lossy and lossless compression. Lossless, as the name suggests, does not cause any loss of quality, usually theoretically unnecessary data metadata, are removed from the image, saving several kilobes. This is bad practice in my opinion. Much better, in my opinion.