{"id":192,"date":"2016-06-09T13:07:54","date_gmt":"2016-06-09T13:07:54","guid":{"rendered":"http:\/\/cloudhost.com.ng\/blog\/?p=192"},"modified":"2016-06-09T13:12:44","modified_gmt":"2016-06-09T13:12:44","slug":"cpanel-image-manager","status":"publish","type":"post","link":"https:\/\/cloudhost.com.ng\/blog\/cpanel-image-manager\/","title":{"rendered":"CPanel Image Manager"},"content":{"rendered":"<p><a href=\"http:\/\/cloudhost.com.ng\/blog\/wp-content\/uploads\/2016\/06\/download-1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-207\" src=\"http:\/\/cloudhost.com.ng\/blog\/wp-content\/uploads\/2016\/06\/download-1.jpg\" alt=\"download (1)\" width=\"360\" height=\"360\" srcset=\"https:\/\/cloudhost.com.ng\/blog\/wp-content\/uploads\/2016\/06\/download-1.jpg 225w, https:\/\/cloudhost.com.ng\/blog\/wp-content\/uploads\/2016\/06\/download-1-150x150.jpg 150w\" sizes=\"(max-width: 360px) 100vw, 360px\" \/><\/a><\/p>\n<p>In this article, we will discuss the cPanel Image Manager and how it is used.<\/p>\n<p>The Image Manager\u00a0is just one of the tools in the cPanel at your disposal. It allows you to edit and modify images in your account. You can convert their file type, change their size or just view them.<\/p>\n<p>Now, how do we go about it? Once you log into your cPanel account, go to the <strong>Advanced Heading<\/strong>. There, you will see the <strong>Image Manager<\/strong>\u00a0icon.<\/p>\n<p><a href=\"http:\/\/cloudhost.com.ng\/blog\/wp-content\/uploads\/2016\/06\/Screenshot-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-193 size-medium\" src=\"http:\/\/cloudhost.com.ng\/blog\/wp-content\/uploads\/2016\/06\/Screenshot-1-300x104.png\" alt=\"Screenshot (1)\" width=\"300\" height=\"104\" srcset=\"https:\/\/cloudhost.com.ng\/blog\/wp-content\/uploads\/2016\/06\/Screenshot-1-300x104.png 300w, https:\/\/cloudhost.com.ng\/blog\/wp-content\/uploads\/2016\/06\/Screenshot-1.png 514w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>When it opens, you will see the list of Image Tools:<\/p>\n<p><a href=\"http:\/\/cloudhost.com.ng\/blog\/wp-content\/uploads\/2016\/06\/Screenshot-3.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-195 size-full\" src=\"http:\/\/cloudhost.com.ng\/blog\/wp-content\/uploads\/2016\/06\/Screenshot-3.png\" alt=\"Screenshot (3)\" width=\"771\" height=\"290\" srcset=\"https:\/\/cloudhost.com.ng\/blog\/wp-content\/uploads\/2016\/06\/Screenshot-3.png 771w, https:\/\/cloudhost.com.ng\/blog\/wp-content\/uploads\/2016\/06\/Screenshot-3-300x113.png 300w, https:\/\/cloudhost.com.ng\/blog\/wp-content\/uploads\/2016\/06\/Screenshot-3-768x289.png 768w, https:\/\/cloudhost.com.ng\/blog\/wp-content\/uploads\/2016\/06\/Screenshot-3-624x235.png 624w\" sizes=\"(max-width: 771px) 100vw, 771px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p><strong><span style=\"text-decoration: underline\">Thumbnail Converter<\/span><\/strong><\/p>\n<p>This will help create smaller versions of the images already on your website thereby saving bandwidth. It should however be noted that this feature can only be applied to a whole directory and not an individual image.<\/p>\n<p>To convert a directory of images to thumbnails<\/p>\n<ol>\n<li>Click on the\u00a0<strong>Thumbnail converter<\/strong> link.<\/li>\n<li>Navigate to the directory you would like to convert to thumbnails by clicking on the blue folder\u00a0icon. Be sure not to click on the name\u00a0as this shows the properties of the directory instead.<\/li>\n<li>Now, click on the <strong>name<\/strong> of the folder not the folder icon this time around.<\/li>\n<li>The page will load as shown below:<a href=\"http:\/\/cloudhost.com.ng\/blog\/wp-content\/uploads\/2016\/06\/creatingthumbnails.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-201 size-medium\" src=\"http:\/\/cloudhost.com.ng\/blog\/wp-content\/uploads\/2016\/06\/creatingthumbnails-300x153.jpg\" alt=\"creatingthumbnails\" width=\"300\" height=\"153\" srcset=\"https:\/\/cloudhost.com.ng\/blog\/wp-content\/uploads\/2016\/06\/creatingthumbnails-300x153.jpg 300w, https:\/\/cloudhost.com.ng\/blog\/wp-content\/uploads\/2016\/06\/creatingthumbnails.jpg 419w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>With the Scale Percent box, you can specify how small the images should be. We recommend that you keep the Keep Aspect Ratio box checked to keep the height and width proportional. If you want to return to the default scale percent value, click on Reset Dimensions.<\/li>\n<li>You can now click on the Thumbnail Images button.<\/li>\n<\/ol>\n<p>After the images have been resized, a thumbnail directory will be created within the selected folder with the prefix tn_*. The * represents the filename and extension. Click the &#8220;Your images have been thumbnailed into&#8221; link to open the thumbnail directory in the file manager.<\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"color: #333333\"><strong><span style=\"text-decoration: underline\">Image Scaler<\/span><\/strong><\/span><\/p>\n<p>This will help resize your images to your desired size, large or small. It is also used for individual images unlike the thumbnail converter.<\/p>\n<p>To rescale your images<\/p>\n<ol>\n<li>Click on the<strong><span style=\"color: #000000\"> Image Scaler<\/span><\/strong> link.<\/li>\n<li>Navigate to the directory that contains the image(s) you want to rescale.<\/li>\n<li>Click on the<strong> name<\/strong> of the image.<\/li>\n<li>You will be directed to the Image Scaler tool\u00a0<a href=\"http:\/\/cloudhost.com.ng\/blog\/wp-content\/uploads\/2016\/06\/go4hosting-cpanel-image-scaler-bug-06-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-203 size-medium\" src=\"http:\/\/cloudhost.com.ng\/blog\/wp-content\/uploads\/2016\/06\/go4hosting-cpanel-image-scaler-bug-06-1-300x175.png\" alt=\"go4hosting-cpanel-image-scaler-bug-06\" width=\"300\" height=\"175\" srcset=\"https:\/\/cloudhost.com.ng\/blog\/wp-content\/uploads\/2016\/06\/go4hosting-cpanel-image-scaler-bug-06-1-300x175.png 300w, https:\/\/cloudhost.com.ng\/blog\/wp-content\/uploads\/2016\/06\/go4hosting-cpanel-image-scaler-bug-06-1.png 548w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\u00a0\u00a0The New Dimension box is used to define, in pixels, how the image should be resized and the Percent box is used to define the percentage by which the image should be resized. You may click on the Dimension box to return to the default values. We also recommend here that you check the Keep Aspect Ratio box to keep the height and the width of the image proportional. \u00a0You may also click the &#8220;Retain a copy of the old image as&#8221; checkbox to store a copy of the original image. Specify\u00a0the directory in the field below.<\/li>\n<li>Then click on the Scale Image button.<\/li>\n<li>You can now click on the &#8220;Your image&#8221; link to view the rescaled image.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p><span style=\"text-decoration: underline\"><strong>Convert to an Image Format<\/strong><\/span><\/p>\n<p>The image manager converter allows you to change the file format of any image currently residing on your site. For example, you can change a .jpg file to a .bmp file.<\/p>\n<p>To an image format<\/p>\n<ol>\n<li>Click on the\u00a0<strong>Convert to an Image Format<\/strong>\u00a0link.<\/li>\n<li>Navigate to the directory containing the folder of images you wish to convert.<\/li>\n<li>Click on the\u00a0name of the file\/folder to be converted.<\/li>\n<li>This will be displayed\u00a0<a href=\"http:\/\/cloudhost.com.ng\/blog\/wp-content\/uploads\/2016\/06\/download.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-205\" src=\"http:\/\/cloudhost.com.ng\/blog\/wp-content\/uploads\/2016\/06\/download-300x115.jpg\" alt=\"download\" width=\"323\" height=\"124\" srcset=\"https:\/\/cloudhost.com.ng\/blog\/wp-content\/uploads\/2016\/06\/download-300x115.jpg 300w, https:\/\/cloudhost.com.ng\/blog\/wp-content\/uploads\/2016\/06\/download.jpg 364w\" sizes=\"(max-width: 323px) 100vw, 323px\" \/><\/a>\u00a0From the drop down menu, select the new file format you wish to convert your images to. You may select\u00a0png, jpeg(jpg), gif or bmp.<\/li>\n<li>Then click on <strong>Convert<\/strong>. Once converted, the files will be placed in the same directory as the original.<\/li>\n<\/ol>\n<p>We hope you have been able to learn a thing or two from here.\u00a0You can now\u00a0use the image manager to work with images from your website. You don&#8217;t have a website and you need one? Click <a href=\"https:\/\/secure.cloudhost.com.ng\/\">here<\/a>\u00a0and join\u00a0<a href=\"http:\/\/www.cloudware.ng\/\">Cloudware Technologies<\/a> for the best and most reliable hosting services.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this article, we will discuss the cPanel Image Manager and how it is used. The Image Manager\u00a0is just one of the tools in the cPanel at your disposal. It allows you to edit and modify images in your account. You can convert their file type, change their size or just view them. Now, how [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[],"yst_prominent_words":[],"class_list":["post-192","post","type-post","status-publish","format-standard","hentry","category-cpanel"],"_links":{"self":[{"href":"https:\/\/cloudhost.com.ng\/blog\/wp-json\/wp\/v2\/posts\/192"}],"collection":[{"href":"https:\/\/cloudhost.com.ng\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cloudhost.com.ng\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cloudhost.com.ng\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/cloudhost.com.ng\/blog\/wp-json\/wp\/v2\/comments?post=192"}],"version-history":[{"count":8,"href":"https:\/\/cloudhost.com.ng\/blog\/wp-json\/wp\/v2\/posts\/192\/revisions"}],"predecessor-version":[{"id":212,"href":"https:\/\/cloudhost.com.ng\/blog\/wp-json\/wp\/v2\/posts\/192\/revisions\/212"}],"wp:attachment":[{"href":"https:\/\/cloudhost.com.ng\/blog\/wp-json\/wp\/v2\/media?parent=192"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cloudhost.com.ng\/blog\/wp-json\/wp\/v2\/categories?post=192"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cloudhost.com.ng\/blog\/wp-json\/wp\/v2\/tags?post=192"},{"taxonomy":"yst_prominent_words","embeddable":true,"href":"https:\/\/cloudhost.com.ng\/blog\/wp-json\/wp\/v2\/yst_prominent_words?post=192"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}