Technical requirements for images on the site
Posted: Mon Jan 27, 2025 10:16 am
To be honest, the main criteria when choosing images for a website are usually the quality of the image, its size and format. But not only that.
Let's look at each aspect in more detail.
Image format
The main formats that Google indexes direct mail marketing for personal injury email list for search results are GIF, PNG, SVG, BMP, as well as JPEG-XR, WebP.
SVG - use for vector images;
PNG - save images if a designer worked on them;
JPEG is the standard format for photographs.
You can also notice that new non-standard formats have appeared. For example, JPEG-XR and WebP. The positive aspects are that these formats are easier than other, more common ones. However, many browsers do not recognize them. WebP can be used in Opera, Chrome or Android, and JPEG-XR - only in Explorer.
To work in Yandex and for better indexing, it is worth using the following image formats: GIF, JPEG, PNG. It is also worth remembering: Yandex does not index pages that are loaded using a script. Therefore, it is worth considering this point, and not just the correct format.
Volume and total weight of the image
The loading speed of a website largely depends on the weight of images on the pages. This has a direct impact on the ranking of the website in the search engine. Even if you use an effective image optimization plugin, do not overload the page with many images. There are a huge number of services that allow you to preserve the quality of images while reducing their size. However, be careful: compare the original and the compressed version.
When creating images, you need to use the sizes in which you will upload them to web pages.
Browsers will be able to analyze the content on the page faster if the parameters (height and width of the image) are initially specified in CSS. This is how image optimization is performed on WordPress and other popular platforms. A little tip: for LCD and OLED displays (with Retina), it is better to add a 2x image, and then configure one image in different sizes for different screens. In this case, your users will see only good quality images if they view the site from Retina displays.
How big should image files be?
Optimization of image sizes in online stores, where their number can exceed not only tens, but also hundreds per page, is performed so that the image size is about 70 KB. If we are talking about an article that contains a corresponding illustration, then the image weight can be larger. But do not overdo it.
Let's look at each aspect in more detail.
Image format
The main formats that Google indexes direct mail marketing for personal injury email list for search results are GIF, PNG, SVG, BMP, as well as JPEG-XR, WebP.
SVG - use for vector images;
PNG - save images if a designer worked on them;
JPEG is the standard format for photographs.
You can also notice that new non-standard formats have appeared. For example, JPEG-XR and WebP. The positive aspects are that these formats are easier than other, more common ones. However, many browsers do not recognize them. WebP can be used in Opera, Chrome or Android, and JPEG-XR - only in Explorer.
To work in Yandex and for better indexing, it is worth using the following image formats: GIF, JPEG, PNG. It is also worth remembering: Yandex does not index pages that are loaded using a script. Therefore, it is worth considering this point, and not just the correct format.
Volume and total weight of the image
The loading speed of a website largely depends on the weight of images on the pages. This has a direct impact on the ranking of the website in the search engine. Even if you use an effective image optimization plugin, do not overload the page with many images. There are a huge number of services that allow you to preserve the quality of images while reducing their size. However, be careful: compare the original and the compressed version.
When creating images, you need to use the sizes in which you will upload them to web pages.
Browsers will be able to analyze the content on the page faster if the parameters (height and width of the image) are initially specified in CSS. This is how image optimization is performed on WordPress and other popular platforms. A little tip: for LCD and OLED displays (with Retina), it is better to add a 2x image, and then configure one image in different sizes for different screens. In this case, your users will see only good quality images if they view the site from Retina displays.
How big should image files be?
Optimization of image sizes in online stores, where their number can exceed not only tens, but also hundreds per page, is performed so that the image size is about 70 KB. If we are talking about an article that contains a corresponding illustration, then the image weight can be larger. But do not overdo it.