{"id":9875,"date":"2018-03-27T11:01:57","date_gmt":"2018-03-27T08:01:57","guid":{"rendered":"https:\/\/riin.eu\/video-tutorial-how-to-reduce-the-size-of-images-on-a-website\/"},"modified":"2026-02-22T04:23:23","modified_gmt":"2026-02-22T02:23:23","slug":"video-tutorial-how-to-reduce-the-size-of-images-on-a-website","status":"publish","type":"post","link":"https:\/\/riin.eu\/en\/video-tutorial-how-to-reduce-the-size-of-images-on-a-website\/","title":{"rendered":"[Video tutorial] How to reduce image sizes on your website"},"content":{"rendered":"<p>An image is a vital part of your website, conveying emotion and illustrating the shared topic. However, another crucial part of your website is <strong>speed<\/strong>, and speed is directly related to the size of the images on your site. <\/p>\n<p>I have prepared a short guide on how to reduce (optimize) images for a website so that the image quality remains unchanged. I use this same system myself every day. <\/p>\n<p>Nowadays, very large photos are taken\u2014our mobiles are set to take photos over 4 MB in size, with dimensions such as 4031&#215;2268 pixels. However, you cannot put such images on a website! YOU CANNOT\u2014remember, this is very important! Otherwise, no website visitor will wait for them to download, and you will simply lose customers! According to a <a href=\"https:\/\/blog.hubspot.com\/marketing\/page-load-time-conversion-rates\" target=\"_blank\" rel=\"noopener noreferrer\">HubSpot article<\/a>, 64% of mobile visitors expect a page to load in less than 4 seconds! If the page hasn&#8217;t opened by then, they simply leave. You cannot achieve a 4-second load time if your page contains 4 MB images.      <\/p>\n<p>The following is a tutorial on how you can reduce the images you upload to your website<\/p>\n<ol>\n<li>Determine the maximum size your website accepts. You can check this, for example, in the WordPress admin interface under Settings \u2013 Media.\n<p><figure id=\"attachment_4340\" aria-describedby=\"caption-attachment-4340\" style=\"width: 837px\" class=\"wp-caption aligncenter\"><img fetchpriority=\"high\" decoding=\"async\" class=\" wp-image-4340\" src=\"https:\/\/riin.eu\/wp-content\/uploads\/2018\/03\/piltide-suurus-wordpressis-1.webp\" alt=\"\" width=\"837\" height=\"751\" srcset=\"https:\/\/riin.eu\/wp-content\/uploads\/2018\/03\/piltide-suurus-wordpressis-1.webp 1017w, https:\/\/riin.eu\/wp-content\/uploads\/2018\/03\/piltide-suurus-wordpressis-1-400x359.webp 400w, https:\/\/riin.eu\/wp-content\/uploads\/2018\/03\/piltide-suurus-wordpressis-1-768x689.webp 768w\" sizes=\"(max-width: 837px) 100vw, 837px\" \/><figcaption id=\"caption-attachment-4340\" class=\"wp-caption-text\">What size image can I upload to the website<\/figcaption><\/figure><\/li>\n<\/ol>\n<ol start=\"2\">\n<li>On my <a href=\"https:\/\/riin.eu\/en\/\" target=\"_blank\" rel=\"noopener noreferrer\">riin.eu<\/a> site, the largest images can be 1024&#215;1024 px. Therefore, if I upload an image that is, for example, 1500&#215;750 px, it wastes space unnecessarily. The larger 1500 px side of the image should be reduced to 1024 px.  <\/li>\n<li>Once the image size is reduced, the images must be optimized for the web. An excellent program for this is <a href=\"https:\/\/tinypng.com\/\" target=\"_blank\" rel=\"noopener\">https:\/\/tinypng.com\/<\/a>.<br \/>\nUpload the desired images to their site, and they will perform the necessary actions to optimize them. Watch the video below.  <\/li>\n<\/ol>\n<p><span data-mce-type=\"bookmark\" style=\"display: inline-block;width: 0px;overflow: hidden;line-height: 0\" class=\"mce_SELRES_start\"><\/span><span data-mce-type=\"bookmark\" style=\"display: inline-block;width: 0px;overflow: hidden;line-height: 0\" class=\"mce_SELRES_start\"><\/span><\/p>\n<p>Remember, never upload an unoptimized image! It will simply make your website slow! <\/p>\n","protected":false},"excerpt":{"rendered":"<p>An image is a vital part of your website, conveying emotion and illustrating the shared topic. However, another crucial part of your website is speed, and speed is directly related to the size of the images on your site. I have prepared a short guide on how to reduce (optimize) images for a website so [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":9882,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"rank_math_focus_keyword":"image size on website","rank_math_description":"The size of images on a website largely determines how quickly it opens on a visitor's device. Read the blog and watch the video to learn how to reduce images so that they are small in file size but do not lose quality. ","rank_math_title":"","rank_math_canonical_url":"","rank_math_robots":null,"footnotes":""},"categories":[43,44],"tags":[],"class_list":["post-9875","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized-et-en","category-digital-marketing"],"astra-portfolio-type":null,"astra-site-call-to-action":null,"_links":{"self":[{"href":"https:\/\/riin.eu\/en\/wp-json\/wp\/v2\/posts\/9875","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/riin.eu\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/riin.eu\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/riin.eu\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/riin.eu\/en\/wp-json\/wp\/v2\/comments?post=9875"}],"version-history":[{"count":1,"href":"https:\/\/riin.eu\/en\/wp-json\/wp\/v2\/posts\/9875\/revisions"}],"predecessor-version":[{"id":11758,"href":"https:\/\/riin.eu\/en\/wp-json\/wp\/v2\/posts\/9875\/revisions\/11758"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/riin.eu\/en\/wp-json\/wp\/v2\/media\/9882"}],"wp:attachment":[{"href":"https:\/\/riin.eu\/en\/wp-json\/wp\/v2\/media?parent=9875"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/riin.eu\/en\/wp-json\/wp\/v2\/categories?post=9875"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/riin.eu\/en\/wp-json\/wp\/v2\/tags?post=9875"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}