{"id":968,"date":"2021-03-21T10:29:50","date_gmt":"2021-03-21T10:29:50","guid":{"rendered":"https:\/\/doc.dnngo.com\/obvio\/?page_id=968"},"modified":"2022-01-16T09:58:44","modified_gmt":"2022-01-16T09:58:44","slug":"how-to-use-the-webp-image-format-in-the-glend-theme","status":"publish","type":"page","link":"https:\/\/doc.dnngo.com\/glend\/how-to-use-the-webp-image-format-in-the-glend-theme\/","title":{"rendered":"How to use the WebP image format in the Glend theme"},"content":{"rendered":"<p>[vc_row][vc_column]<h3  id=\"dg-heading1616322067131-b58b01ca-7b45\" class=\"dg-heading text-left\" >What is WebP image format?<\/h3>[vc_column_text]WebP is an image file format which contains image data with both lossless and lossy compression. Developed by Google, WebP basically is a derivative WebM video format. The format is capable of reducing image file size up to 34% smaller than JPEG and PNG images while retaining high-quality.[\/vc_column_text]<div class=\"pt-40\"><\/div><h3  id=\"dg-heading1616322111709-e3917630-0097\" class=\"dg-heading text-left\" >Steps to use WebP in the Glend theme.<\/h3><h6  id=\"dg-heading1616338135323-2a8fd319-b3cc\" class=\"dg-heading text-left\" >You can enable WebP in DNN using one of the methods mentioned below.<\/h6>[vc_column_text]<strong>Method 1: <\/strong>[\/vc_column_text]<div class=\"pt-20\"><\/div>[vc_column_text]Step 1. Please enter the root directory of the site via the FTP software.[\/vc_column_text]<div class=\"pt-20\"><\/div>[vc_column_text]Step 2. Back up the web.config file.[\/vc_column_text]<div class=\"pt-20\"><\/div>[vc_column_text]Step 3. Edit the web.config file to add the following codes in &lt;staticContent&gt; &lt;\/staticContent&gt;.<\/p>\n<pre>&lt;remove fileExtension=\".webp\" \/&gt;<\/pre>\n<pre>&lt;mimeMap fileExtension=\".webp\" mimeType=\"image\/webp\" \/&gt;<\/pre>\n<p>[\/vc_column_text]<div class=\"pt-20\"><\/div>[vc_column_text]Step 4. Please refresh the site, if the site reports an error, please restore the web.config file using the backup file in the step 2.[\/vc_column_text]<div class=\"pt-20\"><\/div>[vc_column_text]Step 5. Log in to the site as the super user, and go to Settings&gt;Security, then add WebP in Allowable File Extensions.[\/vc_column_text]<div class=\"pt-20\"><\/div>[vc_single_image image=&#8221;980&#8243; img_size=&#8221;full&#8221; style=&#8221;vc_box_shadow&#8221;]<div class=\"pt-40\"><\/div>[vc_column_text]<strong>Method 2: \u00a0<\/strong>[\/vc_column_text]<div class=\"pt-20\"><\/div>[vc_column_text]Step 1. Open IIS Manager and navigate to the web site you want to manage.[\/vc_column_text]<div class=\"pt-20\"><\/div>[vc_column_text]Step 2. In\u00a0<strong>Features View<\/strong>, double-click\u00a0<strong>MIME Types<\/strong>.[\/vc_column_text]<div class=\"pt-20\"><\/div>[vc_column_text]Step 3. In the\u00a0<strong>Actions<\/strong>\u00a0pane, click\u00a0<strong>Add.<\/strong>[\/vc_column_text]<div class=\"pt-20\"><\/div>[vc_column_text]Step 4. In the <strong>Add MIME Type<\/strong> dialog box, type webp in the <strong>File name extension<\/strong>\u00a0text box.[\/vc_column_text]<div class=\"pt-20\"><\/div>[vc_column_text]Step 5. Type image\/webp in the MIME type text box.[\/vc_column_text]<div class=\"pt-20\"><\/div>[vc_column_text]Step 6. Log in to the site as the super user, and go to Settings&gt;Security, then add WebP in Allowable File Extensions.[\/vc_column_text]<div class=\"pt-20\"><\/div>[vc_single_image image=&#8221;980&#8243; img_size=&#8221;full&#8221; style=&#8221;vc_box_shadow&#8221;]<div class=\"pt-40\"><\/div><h6  id=\"dg-heading1616338757216-fb436422-72dc\" class=\"dg-heading text-left\" >Convert JPG\/PNG image format to WebP image format.<\/h6>[vc_column_text]You can convert JPG\/PNG image format to WebP image format via the site: https:\/\/cloudconvert.com\/jpg-converter[\/vc_column_text]<div class=\"pt-40\"><\/div>[vc_column_text]Finally, you can upload and use the WebP images in the theme just like other image formats. [\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column][vc_column_text]WebP is an image file format which contains image data with both lossless and lossy compression. Developed by Google, WebP basically is a derivative WebM video format. The format is capable of reducing image file size up to 34% smaller than JPEG and PNG images while retaining high-quality.[\/vc_column_text][vc_column_text]Method 1: [\/vc_column_text][vc_column_text]Step 1. Please enter the root [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/doc.dnngo.com\/glend\/wp-json\/wp\/v2\/pages\/968"}],"collection":[{"href":"https:\/\/doc.dnngo.com\/glend\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/doc.dnngo.com\/glend\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/doc.dnngo.com\/glend\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/doc.dnngo.com\/glend\/wp-json\/wp\/v2\/comments?post=968"}],"version-history":[{"count":41,"href":"https:\/\/doc.dnngo.com\/glend\/wp-json\/wp\/v2\/pages\/968\/revisions"}],"predecessor-version":[{"id":1189,"href":"https:\/\/doc.dnngo.com\/glend\/wp-json\/wp\/v2\/pages\/968\/revisions\/1189"}],"wp:attachment":[{"href":"https:\/\/doc.dnngo.com\/glend\/wp-json\/wp\/v2\/media?parent=968"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}