{"id":1771,"date":"2018-07-02T16:54:22","date_gmt":"2018-07-02T11:24:22","guid":{"rendered":"http:\/\/www.idslogic.com\/blog\/?p=1771"},"modified":"2025-02-24T14:43:32","modified_gmt":"2025-02-24T09:13:32","slug":"handling-large-images-with-sitefinity-cms-for-better-website-performance","status":"publish","type":"post","link":"https:\/\/www.idslogic.com\/blog\/handling-large-images-with-sitefinity-cms-for-better-website-performance","title":{"rendered":"Handling Large Images with Sitefinity CMS for Better Website Performance"},"content":{"rendered":"<p><span style=\"font-size: 14pt;\">In Sitefinity CMS website, there are various instances when you might have to use images to make it more attractive to your audience. Loading of images is always a time consuming task and then your audience might not give you much time if your images take a lot of loading time. <\/span><\/p>\n<p><span style=\"font-size: 14pt;\">We all know that effective pages always have to look great and it is also vital to place images appropriately. However, we also know that images are also the ones that degrade the performance of your site and managing them on your Sitefinity site often needs expertise.<\/span><\/p>\n<p><span style=\"font-size: 14pt;\">To make your web pages attractive to your audience, you might need a hefty picture for a full screen background effect.\u00a0 Many sites load big images that are displayed in small pixel windows. Resizing those images, so that they fit the intended display area can help save a lot of time and this is where Sitefinity CMS helps.<\/span><\/p>\n<hr \/>\n<h4><span style=\"color: #003366; font-size: 18pt;\">How Sitefinity Works for Big Images?<\/span><\/h4>\n<p><span style=\"font-size: 14pt;\">Each time your select images to be uploaded on your website, Sitefinity CMS can generate automatically various versions with pre-determined and different sizes. These sizes are available for the developers to drop into the pages or work with in the templates.<\/span><\/p>\n<p><span style=\"font-size: 14pt;\">For example, the images can be<\/span><\/p>\n<ol>\n<li><span style=\"font-size: 14pt;\">150&#215;150 px news list thumbnail<\/span><\/li>\n<li><span style=\"font-size: 14pt;\">300x300px article thumbnail<\/span><\/li>\n<li><span style=\"font-size: 14pt;\">600&#215;300 px full article header image<\/span><\/li>\n<\/ol>\n<p><span style=\"font-size: 14pt;\">All the developers have to do is to upload based on the predefined dimensions and Sitefinity platform does the work for scaling, cropping and also saving the files for each dimension.<\/span><\/p>\n<h4><span style=\"color: #003366; font-size: 18pt;\">Here is How You can Get Started:<\/span><\/h4>\n<hr \/>\n<h5><span style=\"color: #800000; font-size: 16pt;\">Set the Dimensions for the Images:<\/span><\/h5>\n<p><span style=\"font-size: 14pt;\">Here you can tell Sitefinity about the sizes to create when you upload any image for your site. This helps to determine the dimensions beforehand, but it always gives you an option to add new sizes later.<\/span><\/p>\n<p><a href=\"https:\/\/www.idslogic.com\/dedicated-sitefinity-developer\/\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-2971 size-full\" src=\"https:\/\/www.idslogic.com\/blog\/wp-content\/uploads\/2017\/02\/Hire-Sitefinity-Developer.png\" alt=\"Hire Sitefinity Developer\" width=\"790\" height=\"94\" srcset=\"https:\/\/www.idslogic.com\/blog\/wp-content\/uploads\/2017\/02\/Hire-Sitefinity-Developer.png 790w, https:\/\/www.idslogic.com\/blog\/wp-content\/uploads\/2017\/02\/Hire-Sitefinity-Developer-300x36.png 300w, https:\/\/www.idslogic.com\/blog\/wp-content\/uploads\/2017\/02\/Hire-Sitefinity-Developer-768x91.png 768w, https:\/\/www.idslogic.com\/blog\/wp-content\/uploads\/2017\/02\/Hire-Sitefinity-Developer-560x67.png 560w\" sizes=\"auto, (max-width: 790px) 100vw, 790px\" \/><\/a><\/p>\n<hr \/>\n<h5><span style=\"color: #800000; font-size: 16pt;\">Set Up a Plan:<\/span><\/h5>\n<p><span style=\"font-size: 14pt;\">It is recommended that you make a plan to organize your images into specific libraries or folders as this will help to automate the process more effectively and will also help you find whatever you need later on.<\/span><\/p>\n<hr \/>\n<h5><span style=\"color: #800000; font-size: 16pt;\">Upload the Images:<\/span><\/h5>\n<p><span style=\"font-size: 14pt;\">Once your dimensions are fixed, Sitefinity will know what exactly your need when you start uploading. As long as your load your images to the specific libraries, Sitefinity CMS will take care of the rest making a daunting task easier for most casual content editors.<\/span><\/p>\n<p><span style=\"font-size: 14pt;\">In case you are not doing this, it is time that you consider giving your images some time and make their dimensions as per your website so that it increases the performance. Hiring a reputed Sitefinity development partner would help as they have gathered huge experience by handling various projects.\u00a0 They can also offer <span style=\"color: #ff0000;\"><a style=\"color: #ff0000;\" href=\"https:\/\/www.idslogic.com\/sitefinity-support\/\">full service Sitefinity support<\/a><\/span>, that would help to analyze the requirements of the images and find a cost effective and efficient solution<\/span><\/p>\n<p><span style=\"font-size: 14pt;\">Partnership with a reputed organization will help your website perform in a better manner and the experts can help you by guiding to choose the best dimensions and set them accordingly so that they get loaded fast and reduces the waiting time of your visitors.<\/span><\/p>\n<p style=\"box-shadow: 0 0 16px #cccccc; padding: 10px;\"><span style=\"font-size: 14pt;\"><span style=\"color: #800000;\"><strong>Related Blog:<\/strong><\/span>\u00a0<a href=\"\/blog\/is-your-sitefinity-website-slow-a-big-image-may-be-a-big-problem\"><span style=\"color: #ff0000;\">Is Your Sitefinity Website Slow? A Big Image May Be a Big Problem<\/span><\/a><\/span><\/p>\n<hr \/>\n<blockquote><p><span style=\"font-size: 18pt; font-family: tahoma, arial, helvetica, sans-serif; color: #000080;\">&#8220;Business web pages should always look great and images have a great role in making them look attractive. With Sitefinity CMS, it is easy to specify the dimension beforehand and then allow the CMS to set it according to the requirements so that the performance of the site is not affected due to huge images.&#8221;<\/span><\/p><\/blockquote>\n<hr \/>\n<div class=\"newsletter_form\">\n<h2>Sign up our Newsletter!<\/h2>\n<div class=\"emaillist\" id=\"es_form_f0-n1\"><form action=\"\/blog\/wp-json\/wp\/v2\/posts\/1771#es_form_f0-n1\" method=\"post\" class=\"es_subscription_form es_shortcode_form  es_ajax_subscription_form\" id=\"es_subscription_form_6a3a52f2e835b\" data-source=\"ig-es\" data-form-id=\"0\"><div class=\"es-field-wrap\"><label>Name<br \/><input type=\"text\" name=\"esfpx_name\" class=\"ig_es_form_field_name\" placeholder=\"\" value=\"\" \/><\/label><\/div><div class=\"es-field-wrap\"><label>Email*<br \/><input class=\"es_required_field es_txt_email ig_es_form_field_email\" type=\"email\" name=\"esfpx_email\" value=\"\" placeholder=\"\" required=\"required\" \/><\/label><\/div><input type=\"hidden\" name=\"esfpx_form_id\" value=\"0\" \/><input type=\"hidden\" name=\"es\" value=\"subscribe\" \/>\n\t\t\t<input type=\"hidden\" name=\"esfpx_es_form_identifier\" value=\"f0-n1\" \/>\n\t\t\t<input type=\"hidden\" name=\"esfpx_es_email_page\" value=\"1771\" \/>\n\t\t\t<input type=\"hidden\" name=\"esfpx_es_email_page_url\" value=\"https:\/\/www.idslogic.com\/blog\/handling-large-images-with-sitefinity-cms-for-better-website-performance\" \/>\n\t\t\t<input type=\"hidden\" name=\"esfpx_status\" value=\"Unconfirmed\" \/>\n\t\t\t<input type=\"hidden\" name=\"esfpx_es-subscribe\" id=\"es-subscribe-6a3a52f2e835b\" value=\"e12a72702e\" \/>\n\t\t\t<label style=\"position:absolute;top:-99999px;left:-99999px;z-index:-99;\" aria-hidden=\"true\"><span hidden>Please leave this field empty.<\/span><input type=\"email\" name=\"esfpx_es_hp_email\" class=\"es_required_field\" tabindex=\"-1\" autocomplete=\"-1\" value=\"\" \/><\/label><input type=\"submit\" name=\"submit\" class=\"es_subscription_form_submit es_submit_button es_textbox_button\" id=\"es_subscription_form_submit_6a3a52f2e835b\" value=\"Subscribe\" \/><span class=\"es_spinner_image\" id=\"spinner-image\"><img decoding=\"async\" src=\"https:\/\/www.idslogic.com\/blog\/wp-content\/plugins\/email-subscribers\/lite\/public\/images\/spinner.gif\" alt=\"Loading\" \/><\/span><\/form><span class=\"es_subscription_message \" id=\"es_subscription_message_6a3a52f2e835b\" role=\"alert\" aria-live=\"assertive\"><\/span><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>In Sitefinity CMS website, there are various instances when you might have to use images to make it more attractive to your audience. Loading of images is always a time consuming task and then your audience might not give you&#8230;<\/p>\n","protected":false},"author":1,"featured_media":1772,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[256,1,251],"tags":[517,227,285],"class_list":["post-1771","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-cms","category-uncategorized","category-sitefinity","tag-sitefinity","tag-sitefinity-certified-company","tag-sitefinity-cms"],"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/www.idslogic.com\/blog\/wp-json\/wp\/v2\/posts\/1771","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.idslogic.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.idslogic.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.idslogic.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.idslogic.com\/blog\/wp-json\/wp\/v2\/comments?post=1771"}],"version-history":[{"count":6,"href":"https:\/\/www.idslogic.com\/blog\/wp-json\/wp\/v2\/posts\/1771\/revisions"}],"predecessor-version":[{"id":10530,"href":"https:\/\/www.idslogic.com\/blog\/wp-json\/wp\/v2\/posts\/1771\/revisions\/10530"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.idslogic.com\/blog\/wp-json\/wp\/v2\/media\/1772"}],"wp:attachment":[{"href":"https:\/\/www.idslogic.com\/blog\/wp-json\/wp\/v2\/media?parent=1771"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.idslogic.com\/blog\/wp-json\/wp\/v2\/categories?post=1771"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.idslogic.com\/blog\/wp-json\/wp\/v2\/tags?post=1771"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}