{"id":746,"date":"2022-09-19T11:08:11","date_gmt":"2022-09-19T11:08:11","guid":{"rendered":"https:\/\/wordtohtml.net\/content\/?post_type=epkb_post_type_1&#038;p=746"},"modified":"2022-09-20T09:53:18","modified_gmt":"2022-09-20T09:53:18","slug":"how-to-resize-big-images-for-faster-loading-on-webpages-or-emails","status":"publish","type":"epkb_post_type_1","link":"https:\/\/wordtohtml.net\/content\/knowledge-base\/how-to-resize-big-images-for-faster-loading-on-webpages-or-emails\/","title":{"rendered":"How to resize big images for faster loading on web pages or emails"},"content":{"rendered":"\r\n\t\t<div id=\"eckb-article-page-container-v2\" class=\"eckb-article-page-content-counter eckb_ap_active_theme_generatepress \" data-mobile_breakpoint=\"1000\">    <div id=\"eckb-article-header\">\r\n\t\t<div class=\"epkb-doc-search-container \"  style=\"background-color: #f7941d; padding-top: 50px; padding-right: 0px; padding-bottom: 50px; padding-left: 0px; margin-top: 0px; margin-bottom: 40px;\"  >     \t\t\t\t<h2 class=\"epkb-doc-search-container__title\"  style=\"color: #FFFFFF; font-size:36px;\" > How Can We Help?<\/h2>   \r\n\t\t\t<form id=\"epkb_search_form\"  style=\"width: 40%;\"  class=\"epkb-search epkb-search-form-1\" method=\"get\" action=\"\/\">\r\n\r\n\t\t\t\t<div class=\"epkb-search-box\">\r\n\t\t\t\t\t<input type=\"text\"  style=\"border-width: 1px; border-color: #CCCCCC; background-color: #FFFFFF; background: #FFFFFF;\"  id=\"epkb_search_terms\" aria-label=\"Search the documentation...\" name=\"s\" value=\"\" placeholder=\"Search the documentation...\" aria-controls=\"epkb_search_results\" >\r\n\t\t\t\t\t<input type=\"hidden\" id=\"epkb_kb_id\" value=\"1\">\r\n\t\t\t\t\t<div class=\"epkb-search-box_button-wrap\">\r\n\t\t\t\t\t\t<button type=\"submit\" id=\"epkb-search-kb\"  style=\"background-color: #40474f; background: #40474f; border-color: #F1F1F1;\" >Search <\/button>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"loading-spinner\"><\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div id=\"epkb_search_results\" aria-live=\"polite\"><\/div>\r\n\r\n\t\t\t<\/form>\r\n\t\t<\/div>  <\/div>\r\n\t\t\t<div id=\"eckb-article-body\">  <div id=\"eckb-article-left-sidebar\"><\/div>\r\n\t\t        <article id=\"eckb-article-content\" data-article-id=\"746\" >                        <div id=\"eckb-article-content-header-v2\"><div id=\"eckb-article-content-header-row-1\"><div class=\"eckb-article-content-header-row-left-group\"><div id=\"eckb-article-back-navigation-container\"><div class=\"eckb-navigation-back  \"  style=\"margin-top: 4px; margin-right: 4px; margin-bottom: 4px; margin-left: 4px;\" ><div tabindex=\"0\" class=\"eckb-navigation-button\"  style=\"padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; color: #666666; background-color: #ffffff; font-size:16px;border-radius: 3px; border-style: solid; border-width: 1px; border-color: #dcdcdc;\"  onclick=\"history.go(-1);\" >&lt; Back<\/div><\/div><\/div><div id=\"eckb-article-content-breadcrumb-container\">\r\n<div class=\"eckb-breadcrumb\"  style=\"padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-size:12px;\" >\t\t\t<div class=\"eckb-breadcrumb-label\">\r\n\t\t\tYou are here:\t\t<\/div>\t\t<nav class=\"eckb-breadcrumb-outline\" aria-label=\"Breadcrumb\">\r\n\t\t<ul class=\"eckb-breadcrumb-nav\">       <li  style=\"font-size:12px;\" >\t<span class=\"eckb-breadcrumb-link\"><span  style=\"color: #000000;\"  >KB Home<\/span><span class=\"eckb-breadcrumb-link-icon ep_font_icon_right_arrow\" aria-hidden=\"true\"><\/span>\t<\/span><\/li><li  style=\"font-size:12px;\" >\t<span class=\"eckb-breadcrumb-link\"><span aria-current=\"page\" style=\"color: #000000;\"  >How to resize big images for faster loading on web pages or emails<\/span>\t<\/span><\/li>\t\t<\/ul>\r\n\t<\/nav>\r\n\r\n<\/div>          <\/div><\/div><div class=\"eckb-article-content-header-row-right-group\"><div id=\"eckb-article-content-toolbar-container\">\r\n\t\t<div class=\"eckb-article-content-toolbar-button-container\">\r\n\t\t\t<span class=\"eckb-print-button-container\">\t\t\t<span class=\"eckb-toolbar-button-text\">Print<\/span><span class=\"eckb-toolbar-button-icon epkbfa epkbfa-print\"><\/span>\t\t\t<\/span>\r\n\t\t<\/div> <\/div><\/div><\/div><div id=\"eckb-article-content-header-row-3\"><div class=\"eckb-article-content-header-row-left-group\">\r\n\t\t<div class=\"eckb-article-content-last-updated-date-container\">\t\t<span class=\"eckb-meta-data-feature-icon epkbfa epkbfa-pencil-square-o\"><\/span><span class=\"eckb-meta-data-feature-text\">Last Updated On<\/span><span class=\"eckb-meta-data-feature-value\">September 20, 2022<\/span>\t\t<\/div> \r\n\t\t<div class=\"eckb-article-content-author-container\">\t\t<span class=\"eckb-meta-data-feature-icon epkbfa epkbfa-user\"><\/span><span class=\"eckb-meta-data-feature-text\">by<\/span><span class=\"eckb-meta-data-feature-value\">Word to HTML<\/span>\t\t<\/div> <\/div><\/div><\/div><div id=\"eckb-article-content-body\"><p>Today&#8217;s issue with photos taken by mobile phones or cameras is that their file size is too large if you plan to use them on web pages or in emails.<\/p>\n<p><strong>We&#8217;ve added a feature to quickly resize uploaded or pasted images. Also, you can resize already uploaded images.<\/strong><\/p>\n<p>Word to HTML will detect if an uploaded or pasted image is too big and automatically allow you to make the image file size smaller.<\/p>\n<p>You can see the resolution and file size of the original and resized image. Big photos taken by mobile phones or cameras that are a few megabytes will load much slower than smaller images.<\/p>\n<p>It&#8217;s up to you to decide how big an image you want to show on your website or email. Just drag the size slider. By default, Word to HTML will set the % size slider value based on your browser width.<\/p>\n<p>If you upload a big image and you will increase the image size slider too much, your image will go outside of browser width &#8211; it will just not fit into the browser window and a web page. If you&#8217;re uploading a JPEG image, you can change the quality of it too. The lower quality value will make the file size smaller, but photo quality will also decrease.<\/p>\n<p>We recommend using 60-70 quality photos, but it&#8217;s up to you to decide if you want to decrease the quality. Once you are OK with your image size, click the blue &#8216;Insert Resized Image&#8217; button to upload that image. You can always upload the original image, but we do not recommend this.<\/p>\n<p><a href=\"https:\/\/wordtohtml.net\/content\/wp-content\/uploads\/Resize-uploaded-or-pasted-image-.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-748 size-large\" src=\"https:\/\/wordtohtml.net\/content\/wp-content\/uploads\/Resize-uploaded-or-pasted-image--1200x533.jpg\" alt=\"\" width=\"1200\" height=\"533\" srcset=\"https:\/\/wordtohtml.net\/content\/wp-content\/uploads\/Resize-uploaded-or-pasted-image--1200x533.jpg 1200w, https:\/\/wordtohtml.net\/content\/wp-content\/uploads\/Resize-uploaded-or-pasted-image--500x222.jpg 500w, https:\/\/wordtohtml.net\/content\/wp-content\/uploads\/Resize-uploaded-or-pasted-image--768x341.jpg 768w, https:\/\/wordtohtml.net\/content\/wp-content\/uploads\/Resize-uploaded-or-pasted-image--1536x682.jpg 1536w, https:\/\/wordtohtml.net\/content\/wp-content\/uploads\/Resize-uploaded-or-pasted-image-.jpg 1806w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/><\/a><\/p>\n<p>If you&#8217;re uploading an image that is not a JPEG format (PNG, GIF, WEBP etc.) you will see a switch that will allow you to change the format to JPEG. We recommend running it on to make your image file size smaller, but only if your image has no transparent areas. If your image has transparency, then you will see it in back color if you switch to JPEG mode.<\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"https:\/\/wordtohtml.net\/content\/wp-content\/uploads\/Switch-to-JPEG-when-uploading-images.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-750\" src=\"https:\/\/wordtohtml.net\/content\/wp-content\/uploads\/Switch-to-JPEG-when-uploading-images-1200x654.jpg\" alt=\"\" width=\"1200\" height=\"654\" srcset=\"https:\/\/wordtohtml.net\/content\/wp-content\/uploads\/Switch-to-JPEG-when-uploading-images-1200x654.jpg 1200w, https:\/\/wordtohtml.net\/content\/wp-content\/uploads\/Switch-to-JPEG-when-uploading-images-500x272.jpg 500w, https:\/\/wordtohtml.net\/content\/wp-content\/uploads\/Switch-to-JPEG-when-uploading-images-768x418.jpg 768w, https:\/\/wordtohtml.net\/content\/wp-content\/uploads\/Switch-to-JPEG-when-uploading-images-1536x837.jpg 1536w, https:\/\/wordtohtml.net\/content\/wp-content\/uploads\/Switch-to-JPEG-when-uploading-images.jpg 1784w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>You can make existing images smaller by clicking it in Visual Editor and then clicking the following icon:<\/p>\n<p><a href=\"https:\/\/wordtohtml.net\/content\/wp-content\/uploads\/Make-image-file-size-smaler-icon.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-752\" src=\"https:\/\/wordtohtml.net\/content\/wp-content\/uploads\/Make-image-file-size-smaler-icon.jpg\" alt=\"\" width=\"952\" height=\"480\" srcset=\"https:\/\/wordtohtml.net\/content\/wp-content\/uploads\/Make-image-file-size-smaler-icon.jpg 952w, https:\/\/wordtohtml.net\/content\/wp-content\/uploads\/Make-image-file-size-smaler-icon-500x252.jpg 500w, https:\/\/wordtohtml.net\/content\/wp-content\/uploads\/Make-image-file-size-smaler-icon-768x387.jpg 768w\" sizes=\"(max-width: 952px) 100vw, 952px\" \/><\/a><\/p>\n<p>Now select your image size in % and optional quality and click the blue &#8216;Insert Resized Image&#8217; button:<\/p>\n<p><a href=\"https:\/\/wordtohtml.net\/content\/wp-content\/uploads\/Make-existing-image-file-small-window.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-753\" src=\"https:\/\/wordtohtml.net\/content\/wp-content\/uploads\/Make-existing-image-file-small-window-1200x549.jpg\" alt=\"\" width=\"1200\" height=\"549\" srcset=\"https:\/\/wordtohtml.net\/content\/wp-content\/uploads\/Make-existing-image-file-small-window-1200x549.jpg 1200w, https:\/\/wordtohtml.net\/content\/wp-content\/uploads\/Make-existing-image-file-small-window-500x229.jpg 500w, https:\/\/wordtohtml.net\/content\/wp-content\/uploads\/Make-existing-image-file-small-window-768x352.jpg 768w, https:\/\/wordtohtml.net\/content\/wp-content\/uploads\/Make-existing-image-file-small-window-1536x703.jpg 1536w, https:\/\/wordtohtml.net\/content\/wp-content\/uploads\/Make-existing-image-file-small-window.jpg 1802w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<\/div><div id=\"eckb-article-content-footer\"><\/div>\r\n\t\t        <\/article><!-- \/#eckb-article-content -->     <div id=\"eckb-article-right-sidebar\"><\/div>\r\n\t\t\t<\/div><!-- \/#eckb-article-body -->              <div id=\"eckb-article-footer\"><\/div>\r\n\t\t<\/div><!-- \/#eckb-article-page-container-v2 -->\r\n\r\n\t\t<style id=\"eckb-article-styles\" type=\"text\/css\">@media only screen and (min-width:1000px){#eckb-article-page-container-v2 #eckb-article-body #eckb-article-content #eckb-article-content-header-v2 #eckb-article-content-header-row-1,#eckb-article-page-container-v2 #eckb-article-body #eckb-article-content #eckb-article-content-header-v2 #eckb-article-content-header-row-2,#eckb-article-page-container-v2 #eckb-article-body #eckb-article-content #eckb-article-content-header-v2 #eckb-article-content-header-row-3,#eckb-article-page-container-v2 #eckb-article-body #eckb-article-content #eckb-article-content-header-v2 #eckb-article-content-header-row-4,#eckb-article-page-container-v2 #eckb-article-body #eckb-article-content #eckb-article-content-header-v2 #eckb-article-content-header-row-5{flex-direction:row;}}#eckb-article-content-header-row-1{margin-bottom:8px;}#eckb-article-content-header-row-1 .eckb-article-content-header-row-left-group,#eckb-article-content-header-row-1 .eckb-article-content-header-row-right-group{align-items:center;}.eckb-article-content-toolbar-button-container{background-color:#ffffff;padding:10px 10px 10px 10px;margin:0px 0px 0px 0px;border-radius:0px;border-width:0px;border-color:#ffffff;border-style:solid;}.eckb-article-content-toolbar-button-container .eckb-toolbar-button-text{color:#000000;font-size:15px;}.eckb-article-content-toolbar-button-container .eckb-toolbar-button-icon{color:#000000;font-size:20px;}.eckb-article-content-toolbar-button-container:hover{background-color:#ffffff;}.eckb-article-content-toolbar-button-container:hover .eckb-toolbar-button-text{color:#000000;}.eckb-article-content-toolbar-button-container:hover .eckb-toolbar-button-icon{color:#000000;}#eckb-article-content-header-row-3{margin-bottom:32px;}#eckb-article-content-header-row-3 .eckb-article-content-header-row-left-group,#eckb-article-content-header-row-3 .eckb-article-content-header-row-right-group{align-items:flex-end;}<\/style>   ","protected":false},"excerpt":{"rendered":"<p>How Can We Help? Search &lt; Back You are here: KB Home How to resize big images for faster loading on web pages or emails Print Last Updated OnSeptember 20, 2022 byWord to HTML Today&#8217;s issue with photos taken by mobile phones or cameras is that their file size is too large if you plan &#8230; <a title=\"How to resize big images for faster loading on web pages or emails\" class=\"read-more\" href=\"https:\/\/wordtohtml.net\/content\/knowledge-base\/how-to-resize-big-images-for-faster-loading-on-webpages-or-emails\/\" aria-label=\"Read more about How to resize big images for faster loading on web pages or emails\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"template":"","meta":{"generate_page_header":"","footnotes":""},"epkb_post_type_1_category":[6],"epkb_post_type_1_tag":[],"_links":{"self":[{"href":"https:\/\/wordtohtml.net\/content\/wp-json\/wp\/v2\/epkb_post_type_1\/746"}],"collection":[{"href":"https:\/\/wordtohtml.net\/content\/wp-json\/wp\/v2\/epkb_post_type_1"}],"about":[{"href":"https:\/\/wordtohtml.net\/content\/wp-json\/wp\/v2\/types\/epkb_post_type_1"}],"author":[{"embeddable":true,"href":"https:\/\/wordtohtml.net\/content\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":5,"href":"https:\/\/wordtohtml.net\/content\/wp-json\/wp\/v2\/epkb_post_type_1\/746\/revisions"}],"predecessor-version":[{"id":758,"href":"https:\/\/wordtohtml.net\/content\/wp-json\/wp\/v2\/epkb_post_type_1\/746\/revisions\/758"}],"wp:attachment":[{"href":"https:\/\/wordtohtml.net\/content\/wp-json\/wp\/v2\/media?parent=746"}],"wp:term":[{"taxonomy":"epkb_post_type_1_category","embeddable":true,"href":"https:\/\/wordtohtml.net\/content\/wp-json\/wp\/v2\/epkb_post_type_1_category?post=746"},{"taxonomy":"epkb_post_type_1_tag","embeddable":true,"href":"https:\/\/wordtohtml.net\/content\/wp-json\/wp\/v2\/epkb_post_type_1_tag?post=746"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}