Other reasonable advice necessary to implement

parvej64

Therefore, it is worth optimizing photos and graphics on your website. How to do it right.If you want to receive notifications about my new episodes on YouTube, click! subscribe-MrOptim # Size Image size is a criterion that refers to the dimension of a given image. The dimensions of images on the Internet are given in pixels, e.g. by px. A pixel is simply a single point on a screen or surface. Basically, the images we see on our devices usually consist of hundreds or thousands of pixels. Let's assume that on the page we 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 photo retouching 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 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.