{"id":42504,"date":"2022-12-27T12:01:15","date_gmt":"2022-12-27T10:01:15","guid":{"rendered":"https:\/\/lanet.click\/?p=42504"},"modified":"2025-09-15T13:01:15","modified_gmt":"2025-09-15T10:01:15","slug":"optimyzaciya-zobrazhen","status":"publish","type":"post","link":"https:\/\/lanet.click\/en\/optimyzaciya-zobrazhen\/","title":{"rendered":"How to optimize images for a website"},"content":{"rendered":"<div align=\"center\"><iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/KfqVRDwsVaM\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<p>Visual content is more than just a pretty picture. Without it, <a href=\"https:\/\/lanet.click\/en\/seo\/\">SEO<\/a> can lose a lot. And that&#8217;s why.<\/p>\n<h2>Is it important to optimize images<\/h2>\n<p>Due to the huge amount of information that we receive from everywhere, people are less likely to read articles in full, they are more likely to \u00abscan\u00bb the page in search of interesting information, especially pictures. That is why the images on the site should not only be present but also be high quality and load fast.<\/p>\n<h2>Basic requirements for creating pictures<\/h2>\n<p>In total, there are 4 main requirements for creating pictures.<\/p>\n<h3>Image formats<\/h3>\n<p>It is best to use these formats:<\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li>JPEG \u2014 for regular photos;<\/li>\n<li>PNG \u2014 for graphics made by the designer;<\/li>\n<li>SVG \u2014 for vector graphics.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>Another popular image format is WebP. It weighs the least, but not all browsers can support it.<\/p>\n<h3>Quality<\/h3>\n<p>The picture should represent an ideal ratio of size and quality, and firstly, the user should like it. So make sure the image is:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li>Clear.<\/li>\n<li>Sharp.<\/li>\n<li>Match the content.<\/li>\n<\/ol>\n<h3>Image size and weight<\/h3>\n<p>Please note that the larger the photo, the longer it takes to load. Therefore, before adding images, try to compress photos using special applications.<\/p>\n<h3>Placement of pictures<\/h3>\n<p>Images must be stored on your site&#8217;s domain or subdomain. Otherwise, users won&#8217;t be able to find your site when they search through images.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-79529 aligncenter\" src=\"https:\/\/lanet.click\/wp-content\/uploads\/2022\/12\/how_to_optimize_images_3.webp\" alt=\"\" width=\"1024\" height=\"576\" srcset=\"https:\/\/lanet.click\/wp-content\/uploads\/2022\/12\/how_to_optimize_images_3.webp 1920w, https:\/\/lanet.click\/wp-content\/uploads\/2022\/12\/how_to_optimize_images_3-300x169.webp 300w, https:\/\/lanet.click\/wp-content\/uploads\/2022\/12\/how_to_optimize_images_3-1024x576.webp 1024w, https:\/\/lanet.click\/wp-content\/uploads\/2022\/12\/how_to_optimize_images_3-768x432.webp 768w, https:\/\/lanet.click\/wp-content\/uploads\/2022\/12\/how_to_optimize_images_3-1536x864.webp 1536w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<h2>How to reduce an image\u2019s weight without losing quality<\/h2>\n<p>As it was mentioned, reducing the photo size helps to reduce the page load time. There are several ways to help you quickly and accurately reduce the photo.<\/p>\n<h3>Desktop programs<\/h3>\n<p>Among the most popular photo reduction programs:<\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li>Caesium;<\/li>\n<li>Light Image Resizer;<\/li>\n<li>Adobe Photoshop.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>Each of the utilities allows you to reduce the size of the picture without losing quality.<\/p>\n<h3>Mobile applications<\/h3>\n<p>You can reduce the image size using mobile gadgets as well. For example, using applications such as Image Compressor, Pictools, Photo Compress 2.0. With their help, it is easy and simple to compress, crop, and resize images.<\/p>\n<h3>Online Services<\/h3>\n<p>To reduce the photo, it is not necessary to install special programs or use gadgets. You can also use online services that are not inferior in quality to those described above, in particular Iloveimg, Compressor, Resize Pixel. The process of compressing an image in an online service will take you a couple of minutes. You need to select the desired file and start the compression process.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-79523 aligncenter\" src=\"https:\/\/lanet.click\/wp-content\/uploads\/2022\/12\/how_to_optimize_images_2.webp\" alt=\"\" width=\"1042\" height=\"586\" srcset=\"https:\/\/lanet.click\/wp-content\/uploads\/2022\/12\/how_to_optimize_images_2.webp 1920w, https:\/\/lanet.click\/wp-content\/uploads\/2022\/12\/how_to_optimize_images_2-300x169.webp 300w, https:\/\/lanet.click\/wp-content\/uploads\/2022\/12\/how_to_optimize_images_2-1024x576.webp 1024w, https:\/\/lanet.click\/wp-content\/uploads\/2022\/12\/how_to_optimize_images_2-768x432.webp 768w, https:\/\/lanet.click\/wp-content\/uploads\/2022\/12\/how_to_optimize_images_2-1536x864.webp 1536w\" sizes=\"(max-width: 1042px) 100vw, 1042px\" \/><\/p>\n<h2>How to optimize images on a page<\/h2>\n<p>Image optimization is a complex process. It is not enough to make the picture clear and light. It is necessary to work with a number of factors.<\/p>\n<h3>File name<\/h3>\n<p>Usually, the file name is generated randomly, which negatively affects search engine optimization. To avoid such problems, follow these rules:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li>Use Latin, as many CMSs don&#8217;t understand Cyrillic.<\/li>\n<li>Instead of hyphens, put a space, it will be read by the search engine as hyphens.<\/li>\n<li>The title of the image should be relevant to its content.<\/li>\n<\/ol>\n<h3>File storage<\/h3>\n<p>To store files, it is better to develop a special structure and distribute pictures throughout the hosting. By storing all the optimized images in one place, you will slow down the work of the resource.<\/p>\n<h3>File locations<\/h3>\n<p>Pictures in the text should not be arranged randomly. They should correspond to the general theme of what is written and to the nearby text. That is, if you have prepared a text about the components of a computer, do not place a photo of a mouse near the keyboard.<\/p>\n<h3>Backlinks<\/h3>\n<p>Backlinks are the kind of anchors for links to images from external resources, which are taken into account by search engines. The main requirements for backlinks are that the anchor text and the content of the image must match.<\/p>\n<h3>Meta tags for images<\/h3>\n<p>Meta tags are used to describe what is in the image, the Alt attribute plays a particularly important role. Therefore, it is worth not only filling it out carefully, but also adding keywords. For optimization, it is also useful to fill in the title meta tag. This is the text that will appear in front of a person&#8217;s eyes when they hover over the image.<\/p>\n<h3>Site image map<\/h3>\n<p>For images that are uploaded to the resource using JavaScript, you need to create a special image map. If this is not done, they will not be indexed, because the search engine simply will not find them.<\/p>\n<h3>Micro markup<\/h3>\n<p>Thanks to it, images can be divided into categories. This contributes to the automatic optimization of the picture and will help it to get the top positions in the search results.<\/p>\n<h3>Image\u2019s uniqueness<\/h3>\n<p>Everyone knows that uniqueness is one of the key ranking factors, and it concerns not only the texts on the site, but the images too. Therefore, before uploading a picture, make sure it is authentic by checking it through image search or special services.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-79535 aligncenter\" src=\"https:\/\/lanet.click\/wp-content\/uploads\/2022\/12\/how_to_optimize_images_1.webp\" alt=\"\" width=\"1056\" height=\"594\" srcset=\"https:\/\/lanet.click\/wp-content\/uploads\/2022\/12\/how_to_optimize_images_1.webp 1920w, https:\/\/lanet.click\/wp-content\/uploads\/2022\/12\/how_to_optimize_images_1-300x169.webp 300w, https:\/\/lanet.click\/wp-content\/uploads\/2022\/12\/how_to_optimize_images_1-1024x576.webp 1024w, https:\/\/lanet.click\/wp-content\/uploads\/2022\/12\/how_to_optimize_images_1-768x432.webp 768w, https:\/\/lanet.click\/wp-content\/uploads\/2022\/12\/how_to_optimize_images_1-1536x864.webp 1536w\" sizes=\"(max-width: 1056px) 100vw, 1056px\" \/><\/p>\n<h2>Where to get unique pictures for the site<\/h2>\n<p>Adding unique images to your site is pretty easy if you know where to look for them.<\/p>\n<h3>Google search<\/h3>\n<p>The easiest way is to use Google image search. The main thing is to choose the Creative Commons filter \u2014 its authors allow the use of pictures with a link to the source.<\/p>\n<h3>Look for pictures in free photo banks and improve them with photo editors<\/h3>\n<p>Another way to get a new image is to find a suitable image on one of the free stocks, and then modify it using photo editors like Canva.<\/p>\n<h3>Reddit<\/h3>\n<p>All Reddit users automatically agree that the content they post is public. To use Reddit as a photo bank, you must:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li>Install a browser extension called Reddit Enhancement Suite.<\/li>\n<li>Open the page and find the desired section.<\/li>\n<li>Set sorting criteria.<\/li>\n<li>Choose your favorite picture.<\/li>\n<\/ol>\n    <div class=\"read-block\">\n        <p>\n            Read also:            <a href=\"https:\/\/lanet.click\/en\/10-sposobiv-mobilnoyi-optymizatsiyi-saytu\/\" target=\"_blank\" rel=\"noopener\">\n                10 ways of mobile site optimization            <\/a>\n        <\/p>\n    <\/div>\n    \n<h2>Conclusions<\/h2>\n<p>It is impossible to imagine SEO without images. They are a complete tool for optimizing and increasing conversion rates. Therefore, we advise you to pay enough attention to them, otherwise you risk losing high positions in search results.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Visual content is more than just a pretty picture. Without it, SEO can lose a lot. And that&#8217;s why. Is [&hellip;]<\/p>\n","protected":false},"author":49,"featured_media":79517,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[234],"tags":[],"class_list":["post-42504","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-seo"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/lanet.click\/en\/wp-json\/wp\/v2\/posts\/42504"}],"collection":[{"href":"https:\/\/lanet.click\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/lanet.click\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/lanet.click\/en\/wp-json\/wp\/v2\/users\/49"}],"replies":[{"embeddable":true,"href":"https:\/\/lanet.click\/en\/wp-json\/wp\/v2\/comments?post=42504"}],"version-history":[{"count":0,"href":"https:\/\/lanet.click\/en\/wp-json\/wp\/v2\/posts\/42504\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/lanet.click\/en\/wp-json\/wp\/v2\/media\/79517"}],"wp:attachment":[{"href":"https:\/\/lanet.click\/en\/wp-json\/wp\/v2\/media?parent=42504"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lanet.click\/en\/wp-json\/wp\/v2\/categories?post=42504"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lanet.click\/en\/wp-json\/wp\/v2\/tags?post=42504"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}