{"id":60863,"date":"2020-09-28T15:13:17","date_gmt":"2020-09-28T19:13:17","guid":{"rendered":"https:\/\/www.inmotionhosting.com\/support\/?p=60863"},"modified":"2020-11-30T13:45:09","modified_gmt":"2020-11-30T18:45:09","slug":"optimizing-your-images-for-web-design-services","status":"publish","type":"post","link":"https:\/\/www.inmotionhosting.com\/support\/product-guides\/web-design-services\/optimizing-your-images-for-web-design-services\/","title":{"rendered":"Optimizing Your Images for the Web Design Services Process"},"content":{"rendered":"<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/09\/xnconvert-1024x538.jpg\" alt=\"xnconvert\" class=\"wp-image-61590\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/09\/xnconvert-1024x538.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/09\/xnconvert-300x158.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/09\/xnconvert-768x403.jpg 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/09\/xnconvert.jpg 1200w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/figure>\n\n\n\n<p>In a\u00a0collaborative session, we reviewed some example graphics and images\u00a0and discussed as a group what would be the best format to save each as for choosing the best image format.\u00a0Below is a list of the best image formats.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Image Formats for Websites<\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>JPG<\/li><li>GIF<\/li><li>PNG<\/li><li>SVG<\/li><\/ul>\n\n\n\n<p>XnConvert is a freeware batch image converter that can make quick work of resizing, rotating, and even normalizing image sizes. In this Post, I will cover basic info and tips for using this program. Please keep in mind that we are only scraping the surface of what this program is capable of, and I strongly encourage everyone to do your own testing and practicing to really get a feel for all the possibilities. We will explore optimizing your images using this free software.<\/p>\n\n\n\n<p class=\"alert alert-info\">A modern, user-friendly website can boost your online engagement and help build your business. Contact our Professional Web Design Team today for a beautiful, <a href=\"https:\/\/www.inmotionhosting.com\/services\/wordpress-website-design\">custom WordPress website<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Optimizing Your Images with XnConvert<\/strong><\/h2>\n\n\n\n<p>We are going to focus on the most common tasks we will need, which are resizing and placing images on a canvas so that images that start out with different aspect ratios end up the same size.\u00a0<\/p>\n\n\n\n<p>The screenshots included below are from a Mac, and the interface may differ slightly on PCs.\u00a0<\/p>\n\n\n\n<p>The most common\u00a0size for images is 800px x 800px, and is used in this example, but may vary from site to site. Review images submitted by the customer and adjust this\u00a0size as needed. <\/p>\n\n\n\n<p>Some images\u00a0may need to be smaller so there isn\u2019t as much blank\u00a0space around the original image,\u00a0or even a different aspect ratio. If you are in doubt, reach out to the customer to find out what works best for their site.\u00a0<\/p>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<ol class=\"article_list wp-block-list\"><li>Start by downloading and installing XnConvert. If you have any questions about how to install the program on your computer, please reach out to Corporate Support for further assistance.\u00a0<\/li><li>Once you have installed XnConvert, open the program, which will start you out on the <strong>Input<\/strong> tab.\u00a0<\/li><li>Here, you will have two options for adding images you want to modify: <strong>Add files<\/strong> or <strong>Add folder<\/strong>. Use <strong>Add files<\/strong> if you only\u00a0want to add some of the\u00a0images from one or more folders. Use <strong>Add folder<\/strong> if you want to add the entire contents of one or more folders.<\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"446\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/09\/XnConvert-Input-768x446-1.png\" alt=\"XnConvert\" class=\"wp-image-60878\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/09\/XnConvert-Input-768x446-1.png 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/09\/XnConvert-Input-768x446-1-300x174.png 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/figure>\n\n\n\n<ol start=\"4\" class=\"article_list wp-block-list\"><li>Once you have added your desired images, click on the <strong>Actions<\/strong> tab. \u00a0Actions are performed in the order they are added. If you add\u00a0actions out of order, you can drag and drop them into a different order, or remove and re-add them as needed.<\/li><li>The first action to add\u00a0is resize. Go to\u00a0<strong>Add Action &gt; Image<\/strong>\u00a0\u00a0and click on <strong>Resize<\/strong> to add this action.<\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"447\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/09\/XnConvert-Image-Resize-768x447-1.png\" alt=\"XnConvert Image Resize\" class=\"wp-image-60880\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/09\/XnConvert-Image-Resize-768x447-1.png 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/09\/XnConvert-Image-Resize-768x447-1-300x175.png 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/figure>\n\n\n\n<ol start=\"6\" class=\"article_list wp-block-list\"><li>Change\u00a0<strong>Mode<\/strong> to Longest side,\u00a0<strong>Size<\/strong> to desired size\u00a0\u2013\u00a0800px in this example,\u00a0<strong>Enlarge\/Reduce<\/strong> to Reduce only, and <strong>Resample<\/strong> to Nearest Neighbor. \u00a0The <strong>Enlarge\/Reduce<\/strong>\u00a0setting is important, to keep from accidentally enlarging images which can\u00a0cause\u00a0fuzzy and\/or pixelated images.<\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"445\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/09\/XnConvert-Resize-Settings-768x445-1.png\" alt=\"XnConvert Resize Settings\" class=\"wp-image-60881\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/09\/XnConvert-Resize-Settings-768x445-1.png 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/09\/XnConvert-Resize-Settings-768x445-1-300x174.png 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/figure>\n\n\n\n<ol start=\"7\" class=\"article_list wp-block-list\"><li>Next, to place all of our images on a canvas that is the same size, go to <strong>Add Action &gt; Image &gt; Canvas resize<\/strong>.<\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"447\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/09\/XnConvert-Image-Canvas-Resize-768x447-1.png\" alt=\"XnConvert Image Canvas Resize\" class=\"wp-image-60882\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/09\/XnConvert-Image-Canvas-Resize-768x447-1.png 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/09\/XnConvert-Image-Canvas-Resize-768x447-1-300x175.png 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/figure>\n\n\n\n<ol start=\"8\" class=\"article_list wp-block-list\"><li>Change <strong>width<\/strong> and <strong>height<\/strong>\u00a0to the desired size \u2013 800 x 800 in this example, select\u00a0<strong>pixels<\/strong>\u00a0in the drop down next to those fields, and <strong>Position<\/strong>\u00a0set to Center.<\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"448\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/09\/XnConvert-Canvas-Settings-768x448-1.png\" alt=\"XnConvert Canvas Settings\" class=\"wp-image-60886\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/09\/XnConvert-Canvas-Settings-768x448-1.png 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/09\/XnConvert-Canvas-Settings-768x448-1-300x175.png 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/figure>\n\n\n\n<ol start=\"9\" class=\"article_list wp-block-list\"><li>For most sites, the default canvas background color of white will look good. But, if you want to change this to\u00a0another color you can, by clicking on the square next to Background color. This will open a <strong>Colors<\/strong> pop-up where you can choose from different color picker options. The second tab in that pop-up offers RGB Sliders\u00a0as an option, where you can input a hex code for your desired color.<\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"449\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/09\/XnConvert-Canvas-Color-768x449-1.png\" alt=\"XnConvert Canvas Color\" class=\"wp-image-60887\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/09\/XnConvert-Canvas-Color-768x449-1.png 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/09\/XnConvert-Canvas-Color-768x449-1-300x175.png 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/figure>\n\n\n\n<ol start=\"10\" class=\"article_list wp-block-list\"><li>Once you have the resize and canvas resize settings configured, click on the <strong>Output<\/strong> tab. On this tab, you will select the folder where you want the new images saved to. So that you can keep a copy of the original images (in case you need to work with them again in the future) choose a different folder other than the original. For example, you can create a subfolder named <strong>resized<\/strong> to put the resized images into.<\/li><li>In the <strong>Filename<\/strong> section, remove any suffixes like \u201c_result\u201d so the filename is the same as the original. Unless you need to change the format, keep this the same as the original as well.<\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"448\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/09\/XnConvert-Output-768x448-1.png\" alt=\"XnConvert Output\" class=\"wp-image-60891\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/09\/XnConvert-Output-768x448-1.png 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/09\/XnConvert-Output-768x448-1-300x175.png 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/figure>\n\n\n\n<ol start=\"12\" class=\"article_list wp-block-list\"><li>When you are ready to start the process, click <strong>Convert<\/strong>.\u00a0You will be taken to the <strong>Status<\/strong> tab where you will see a log of each image change. When the process is complete, you will see 0 images remaining to be processed and a recap of the number of images input and processed.<\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"446\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/09\/XnConvert-Status-768x446-1.png\" alt=\"XnConvert Status\" class=\"wp-image-60892\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/09\/XnConvert-Status-768x446-1.png 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/09\/XnConvert-Status-768x446-1-300x174.png 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/figure>\n\n\n\n<ol start=\"13\" id=\"13\" class=\"article_list wp-block-list\"><li>Once all the images are processed, be sure to spot-check several\u00a0resized images to make sure you achieved the desired results. If not, delete those images, adjust\u00a0your settings as necessary, and rerun the process.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n<p>For more tutorials and information on how you can customize your website, please check our <a href=\"https:\/\/www.inmotionhosting.com\/support\/product-guides\/web-design-services\/\">Web Design Services<\/a> guides.<\/p>\n\n\n\n<p>Need assistance? From Website Rebuilds to <a href=\"https:\/\/www.inmotionhosting.com\/services\/wordpress-site-maintenance\">Monthly Maintenance Plans<\/a>, our <a href=\"https:\/\/www.inmotionhosting.com\/services\">Professional Website Services<\/a> team is here to help you succeed.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In a&nbsp;collaborative session, we reviewed some example graphics and images&nbsp;and discussed as a group what would be the best format to save each as for choosing the best image format.&nbsp;Below is a list of the best image formats. Image Formats for Websites JPG GIF PNG SVG XnConvert is a freeware batch image converter that can<a class=\"moretag\" href=\"https:\/\/www.inmotionhosting.com\/support\/product-guides\/web-design-services\/optimizing-your-images-for-web-design-services\/\"> Read More ><\/a><\/p>\n","protected":false},"author":57014,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[4417],"tags":[],"class_list":["post-60863","post","type-post","status-publish","format-standard","hentry","category-web-design-services"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>XnConvert - Optimizing Your Images - Support Center<\/title>\n<meta name=\"description\" content=\"XnConvert is a freeware batch image converter that can make quick work of resizing, rotating, and even normalizing image sizes. In this Post, I will cover basic info and tips for using this program for optimizing your images.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.inmotionhosting.com\/support\/product-guides\/web-design-services\/optimizing-your-images-for-web-design-services\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"XnConvert - Optimizing Your Images - Support Center\" \/>\n<meta property=\"og:description\" content=\"XnConvert is a freeware batch image converter that can make quick work of resizing, rotating, and even normalizing image sizes. In this Post, I will cover basic info and tips for using this program for optimizing your images.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.inmotionhosting.com\/support\/product-guides\/web-design-services\/optimizing-your-images-for-web-design-services\/\" \/>\n<meta property=\"og:site_name\" content=\"InMotion Hosting Support Center\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/inmotionhosting\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-09-28T19:13:17+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-11-30T18:45:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/09\/xnconvert-1024x538.jpg\" \/>\n<meta name=\"author\" content=\"InMotion Hosting Contributor\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@https:\/\/twitter.com\/InMotionHosting\" \/>\n<meta name=\"twitter:site\" content=\"@InMotionHosting\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"InMotion Hosting Contributor\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/product-guides\/web-design-services\/optimizing-your-images-for-web-design-services\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/product-guides\/web-design-services\/optimizing-your-images-for-web-design-services\/\"},\"author\":{\"name\":\"InMotion Hosting Contributor\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/f9a4fc454cd1df128ee8e898d30d4644\"},\"headline\":\"Optimizing Your Images for the Web Design Services Process\",\"datePublished\":\"2020-09-28T19:13:17+00:00\",\"dateModified\":\"2020-11-30T18:45:09+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/product-guides\/web-design-services\/optimizing-your-images-for-web-design-services\/\"},\"wordCount\":845,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/product-guides\/web-design-services\/optimizing-your-images-for-web-design-services\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/09\/xnconvert-1024x538.jpg\",\"articleSection\":[\"Web Design Services\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/product-guides\/web-design-services\/optimizing-your-images-for-web-design-services\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/product-guides\/web-design-services\/optimizing-your-images-for-web-design-services\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/product-guides\/web-design-services\/optimizing-your-images-for-web-design-services\/\",\"name\":\"XnConvert - Optimizing Your Images - Support Center\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/product-guides\/web-design-services\/optimizing-your-images-for-web-design-services\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/product-guides\/web-design-services\/optimizing-your-images-for-web-design-services\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/09\/xnconvert-1024x538.jpg\",\"datePublished\":\"2020-09-28T19:13:17+00:00\",\"dateModified\":\"2020-11-30T18:45:09+00:00\",\"description\":\"XnConvert is a freeware batch image converter that can make quick work of resizing, rotating, and even normalizing image sizes. In this Post, I will cover basic info and tips for using this program for optimizing your images.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/product-guides\/web-design-services\/optimizing-your-images-for-web-design-services\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/product-guides\/web-design-services\/optimizing-your-images-for-web-design-services\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/product-guides\/web-design-services\/optimizing-your-images-for-web-design-services\/#primaryimage\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/09\/xnconvert.jpg\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/09\/xnconvert.jpg\",\"width\":1200,\"height\":630,\"caption\":\"xnconvert\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/product-guides\/web-design-services\/optimizing-your-images-for-web-design-services\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.inmotionhosting.com\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Optimizing Your Images for the Web Design Services Process\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"name\":\"InMotion Hosting Support Center\",\"description\":\"Web Hosting Support &amp; Tutorials\",\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\",\"name\":\"InMotion Hosting\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"width\":696,\"height\":696,\"caption\":\"InMotion Hosting\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/inmotionhosting\/\",\"https:\/\/x.com\/InMotionHosting\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/f9a4fc454cd1df128ee8e898d30d4644\",\"name\":\"InMotion Hosting Contributor\",\"description\":\"InMotion Hosting contributors are highly knowledgeable individuals who create relevant content on new trends and troubleshooting techniques to help you achieve your online goals!\",\"sameAs\":[\"https:\/\/www.linkedin.com\/company\/inmotion-hosting\/\",\"https:\/\/x.com\/https:\/\/twitter.com\/InMotionHosting\"],\"url\":\"https:\/\/www.inmotionhosting.com\/support\/author\/inmotion-hosting-contributor\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"XnConvert - Optimizing Your Images - Support Center","description":"XnConvert is a freeware batch image converter that can make quick work of resizing, rotating, and even normalizing image sizes. In this Post, I will cover basic info and tips for using this program for optimizing your images.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.inmotionhosting.com\/support\/product-guides\/web-design-services\/optimizing-your-images-for-web-design-services\/","og_locale":"en_US","og_type":"article","og_title":"XnConvert - Optimizing Your Images - Support Center","og_description":"XnConvert is a freeware batch image converter that can make quick work of resizing, rotating, and even normalizing image sizes. In this Post, I will cover basic info and tips for using this program for optimizing your images.","og_url":"https:\/\/www.inmotionhosting.com\/support\/product-guides\/web-design-services\/optimizing-your-images-for-web-design-services\/","og_site_name":"InMotion Hosting Support Center","article_publisher":"https:\/\/www.facebook.com\/inmotionhosting\/","article_published_time":"2020-09-28T19:13:17+00:00","article_modified_time":"2020-11-30T18:45:09+00:00","og_image":[{"url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/09\/xnconvert-1024x538.jpg","type":"","width":"","height":""}],"author":"InMotion Hosting Contributor","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/twitter.com\/InMotionHosting","twitter_site":"@InMotionHosting","twitter_misc":{"Written by":"InMotion Hosting Contributor","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.inmotionhosting.com\/support\/product-guides\/web-design-services\/optimizing-your-images-for-web-design-services\/#article","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/product-guides\/web-design-services\/optimizing-your-images-for-web-design-services\/"},"author":{"name":"InMotion Hosting Contributor","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/f9a4fc454cd1df128ee8e898d30d4644"},"headline":"Optimizing Your Images for the Web Design Services Process","datePublished":"2020-09-28T19:13:17+00:00","dateModified":"2020-11-30T18:45:09+00:00","mainEntityOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/product-guides\/web-design-services\/optimizing-your-images-for-web-design-services\/"},"wordCount":845,"commentCount":0,"publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/product-guides\/web-design-services\/optimizing-your-images-for-web-design-services\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/09\/xnconvert-1024x538.jpg","articleSection":["Web Design Services"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.inmotionhosting.com\/support\/product-guides\/web-design-services\/optimizing-your-images-for-web-design-services\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.inmotionhosting.com\/support\/product-guides\/web-design-services\/optimizing-your-images-for-web-design-services\/","url":"https:\/\/www.inmotionhosting.com\/support\/product-guides\/web-design-services\/optimizing-your-images-for-web-design-services\/","name":"XnConvert - Optimizing Your Images - Support Center","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/product-guides\/web-design-services\/optimizing-your-images-for-web-design-services\/#primaryimage"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/product-guides\/web-design-services\/optimizing-your-images-for-web-design-services\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/09\/xnconvert-1024x538.jpg","datePublished":"2020-09-28T19:13:17+00:00","dateModified":"2020-11-30T18:45:09+00:00","description":"XnConvert is a freeware batch image converter that can make quick work of resizing, rotating, and even normalizing image sizes. In this Post, I will cover basic info and tips for using this program for optimizing your images.","breadcrumb":{"@id":"https:\/\/www.inmotionhosting.com\/support\/product-guides\/web-design-services\/optimizing-your-images-for-web-design-services\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.inmotionhosting.com\/support\/product-guides\/web-design-services\/optimizing-your-images-for-web-design-services\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/product-guides\/web-design-services\/optimizing-your-images-for-web-design-services\/#primaryimage","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/09\/xnconvert.jpg","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/09\/xnconvert.jpg","width":1200,"height":630,"caption":"xnconvert"},{"@type":"BreadcrumbList","@id":"https:\/\/www.inmotionhosting.com\/support\/product-guides\/web-design-services\/optimizing-your-images-for-web-design-services\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.inmotionhosting.com\/support\/"},{"@type":"ListItem","position":2,"name":"Optimizing Your Images for the Web Design Services Process"}]},{"@type":"WebSite","@id":"https:\/\/www.inmotionhosting.com\/support\/#website","url":"https:\/\/www.inmotionhosting.com\/support\/","name":"InMotion Hosting Support Center","description":"Web Hosting Support &amp; Tutorials","publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.inmotionhosting.com\/support\/#organization","name":"InMotion Hosting","url":"https:\/\/www.inmotionhosting.com\/support\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","width":696,"height":696,"caption":"InMotion Hosting"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/inmotionhosting\/","https:\/\/x.com\/InMotionHosting"]},{"@type":"Person","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/f9a4fc454cd1df128ee8e898d30d4644","name":"InMotion Hosting Contributor","description":"InMotion Hosting contributors are highly knowledgeable individuals who create relevant content on new trends and troubleshooting techniques to help you achieve your online goals!","sameAs":["https:\/\/www.linkedin.com\/company\/inmotion-hosting\/","https:\/\/x.com\/https:\/\/twitter.com\/InMotionHosting"],"url":"https:\/\/www.inmotionhosting.com\/support\/author\/inmotion-hosting-contributor\/"}]}},"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"primary_category":null,"_links":{"self":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/60863","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/users\/57014"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/comments?post=60863"}],"version-history":[{"count":12,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/60863\/revisions"}],"predecessor-version":[{"id":64103,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/60863\/revisions\/64103"}],"wp:attachment":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/media?parent=60863"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/categories?post=60863"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/tags?post=60863"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}