Resources related to the implementation of innovations

parvej64

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, i.e. metadata, are removed from the image, saving several kilobytes. This is bad practice in my opinion. Much better, in my opinion, is lossy compression, during which the number of pixels per inch decreases and with them the quality.

It is worth keeping this under control in order to compress the photo optimally - that is, obtaining relatively the best quality with the lowest photo weight. # Formats Images on the web usually come in one of formats – PNG, JPEG or SVG. PNG – dedicated to graphics and vectors photo retouching rather than photos, a PNG image will usually have better quality, but the file size will be larger, compression is very linear here. JPEG - a format dedicated to photos, it gives more freedom in terms of compression, we can look for the DPI and weight that will give us the best possible photo. SVG – a vector format, extremely scalable, often optimal, let me just say that I encourage you to have fun and compare.



File name Now we move on to keyword optimization. In the file name, we should use the keyword that is most important for the page on which the file will be displayed. Individual words constituting a key phrase should be separated by dashes. Remember not to name the photos the same, as this may cause errors in the website's logic. Alternative text Alternative text is a description that appears, for example, when a photo cannot be loaded. It helps index the content of the photo and point the bootom to its contents.