{"id":5549,"date":"2021-07-23T17:25:19","date_gmt":"2021-07-23T12:55:19","guid":{"rendered":"http:\/\/spicom.com\/blog\/?p=5549"},"modified":"2021-08-06T15:45:49","modified_gmt":"2021-08-06T11:15:49","slug":"optimal-images-on-the-web","status":"publish","type":"post","link":"https:\/\/www.spicom.com\/blog\/optimal-images-on-the-web","title":{"rendered":"Optimal images on the web"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_57_1 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\"><p class=\"ez-toc-title\">Table of Contents,:<\/p>\n<\/div><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.spicom.com\/blog\/optimal-images-on-the-web\/#Optimal_images_on_the_web\" title=\"Optimal images on the web\">Optimal images on the web<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.spicom.com\/blog\/optimal-images-on-the-web\/#How_to_produce_optimal_images_on_the_web\" title=\"How to produce optimal images on the web?\">How to produce optimal images on the web?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.spicom.com\/blog\/optimal-images-on-the-web\/#Create_your_own_image\" title=\"Create your own image\">Create your own image<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.spicom.com\/blog\/optimal-images-on-the-web\/#Choose_a_suitable_name_for_your_image\" title=\"Choose a suitable name for your image.\">Choose a suitable name for your image.<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.spicom.com\/blog\/optimal-images-on-the-web\/#Use_appropriate_and_uniform_dimensions\" title=\"Use appropriate and uniform dimensions.\">Use appropriate and uniform dimensions.<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.spicom.com\/blog\/optimal-images-on-the-web\/#Use_the_appropriate_format\" title=\"Use the appropriate format.\">Use the appropriate format.<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.spicom.com\/blog\/optimal-images-on-the-web\/#Select_alt_for_your_images\" title=\"Select alt for your images\">Select alt for your images<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/www.spicom.com\/blog\/optimal-images-on-the-web\/#Reduce_the_size_of_images\" title=\"Reduce the size of images\">Reduce the size of images<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/www.spicom.com\/blog\/optimal-images-on-the-web\/#Use_quality_images\" title=\"Use quality images\">Use quality images<\/a><\/li><\/ul><\/nav><\/div>\n<section class=\"wpb-content-wrapper\"><p>[vc_row css_animation = &#8220;lightSpeedIn&#8221;] [vc_column] [vc_column_text]<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Optimal_images_on_the_web\"><\/span>Optimal images on the web<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Optimal images on the web play an important role in the beauty and loading speed of a website and are very important in a website&#8217;s content. When a user searches for your domain or is brought to your website in Google search results and enters your website, your website images can have a good and positive effect on him so that he stays on the website for a long time. And enjoy and not even want to leave it. Conversely, low quality and hard and time-consuming loading of images can lead to a bad experience, and the user will leave your website forever.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"How_to_produce_optimal_images_on_the_web\"><\/span>How to produce optimal images on the web?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>There are many factors to create optimal images on your website that we want to teach you.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Create_your_own_image\"><\/span>Create your own image<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>First of all, you should know that you should produce the image yourself and not copy it. Of course, this does not mean that you create the image because creating an image requires a design and graphic view, and it is a very specialized job. This means making changes to the images you download from, for example, combine several images, change their name, change their size, or put your company logo inside them.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Choose_a_suitable_name_for_your_image\"><\/span>Choose a suitable name for your image.<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Use English names instead of Persian or Finglish for your pictures. Use keywords in naming your images. Use the &#8220;-&#8221; character instead of spaces in naming your images.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Use_appropriate_and_uniform_dimensions\"><\/span>Use appropriate and uniform dimensions.<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Large images are high resolution and bulky. You need to shrink it and balance the dimensions and resolution of the image. You should also put the same images for each part of your website, i.e. for example, for the blog part of your website, put 500&#215;500 images so that all your blog images are the same and have a beautiful effect on your website.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Use_the_appropriate_format\"><\/span>Use the appropriate format.<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Each of the formats defined for images has its own performance, and we have to choose a suitable format for our images according to our work. For example, if we want to create a transparent image, we must save it in PNG format. When our image has a background, it should not be saved in PNG format because it makes your file very large, and it is not necessary to do so, in which case we should save it in JPG format.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Select_alt_for_your_images\"><\/span>Select alt for your images<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Alt Images are for when an image is not displayed, and instead of an image, a text is written that tells the desired image and retells it. Be sure to select alt text or alt for your images. This is very important for SEO and search engines.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Reduce_the_size_of_images\"><\/span>Reduce the size of images<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>The most important factor in creating optimal images on the web is to reduce their size. Reduce the size of your images as much as possible and optimize it. You can do this using Photoshop software. You can also use online tools such as compressor.io, tinypng.com, etc.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Use_quality_images\"><\/span>Use quality images<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>You do not have to be a professional photographer or graphic designer to use quality and attractive images on your website. There are good websites in this field in the internet space that you can get help from and download quality and beautiful photos.<\/p>\n<p>These websites give you good facilities to find the images you want. For example, viewing images in pixels or vectors, viewing images in different formats, etc. Some examples of these websites are:<\/p>\n<p>Freepik<br \/>\nUnsplash<br \/>\nPixabay<br \/>\nSplitShire<br \/>\nPicJumbo<\/p>\n<p>[\/vc_column_text] [\/vc_column] [\/vc_row]<\/p>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>[vc_row css_animation = &#8220;lightSpeedIn&#8221;] [vc_column] [vc_column_text] Optimal images on the web Optimal images on the web play an important role in the beauty and loading speed of a website and are very important in a website&#8217;s content. When a user searches for your domain or is brought to your website in Google search results and [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":5560,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[],"yst_prominent_words":[],"_links":{"self":[{"href":"https:\/\/www.spicom.com\/blog\/wp-json\/wp\/v2\/posts\/5549"}],"collection":[{"href":"https:\/\/www.spicom.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.spicom.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.spicom.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.spicom.com\/blog\/wp-json\/wp\/v2\/comments?post=5549"}],"version-history":[{"count":1,"href":"https:\/\/www.spicom.com\/blog\/wp-json\/wp\/v2\/posts\/5549\/revisions"}],"predecessor-version":[{"id":7316,"href":"https:\/\/www.spicom.com\/blog\/wp-json\/wp\/v2\/posts\/5549\/revisions\/7316"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.spicom.com\/blog\/wp-json\/wp\/v2\/media\/5560"}],"wp:attachment":[{"href":"https:\/\/www.spicom.com\/blog\/wp-json\/wp\/v2\/media?parent=5549"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.spicom.com\/blog\/wp-json\/wp\/v2\/categories?post=5549"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.spicom.com\/blog\/wp-json\/wp\/v2\/tags?post=5549"},{"taxonomy":"yst_prominent_words","embeddable":true,"href":"https:\/\/www.spicom.com\/blog\/wp-json\/wp\/v2\/yst_prominent_words?post=5549"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}