{"id":1556,"date":"2020-06-18T14:25:17","date_gmt":"2020-06-18T08:55:17","guid":{"rendered":"https:\/\/www.huntbee.com\/resources\/docs\/opencart-webp-compression\/troubleshooting\/issues-with-png-webp-conversion\/"},"modified":"2020-06-18T14:27:32","modified_gmt":"2020-06-18T08:57:32","slug":"issues-with-png-webp-conversion","status":"publish","type":"docs","link":"https:\/\/www.huntbee.com\/resources\/docs\/opencart-webp-compression\/troubleshooting\/issues-with-png-webp-conversion\/","title":{"rendered":"Issues with PNG webp conversion"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">The background turns to white<\/h2>\n\n\n\n<p>For those that experiences this, here are your options:<\/p>\n\n\n\n<p>\u2013 Disable PNG. GD isn\u2019t very good at converting PNG anyway, as GD cannot create lossless webp, only lossy webp<br>\u2013 Ask your host to upgrade GD<br>\u2013 Ask your host to install imagick, vips or cwebp<\/p>\n\n\n\n<p>Reference: <a href=\"https:\/\/wordpress.org\/support\/topic\/the-webp-served-instead-of-png-has-black-background-instead-of-transparent\/\">https:\/\/wordpress.org\/support\/topic\/<\/a><a href=\"https:\/\/wordpress.org\/support\/topic\/the-webp-served-instead-of-png-has-black-background-instead-of-transparent\/\" target=\"_blank\" rel=\"noreferrer noopener\">the<\/a><a href=\"https:\/\/wordpress.org\/support\/topic\/the-webp-served-instead-of-png-has-black-background-instead-of-transparent\/\">-webp-served-instead-of-png-has-black-background-instead-of-transparent\/<\/a><\/p>\n","protected":false},"featured_media":0,"parent":1555,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-1556","docs","type-docs","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Issues with PNG webp conversion - HuntBee Resources<\/title>\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.huntbee.com\/resources\/docs\/opencart-webp-compression\/troubleshooting\/issues-with-png-webp-conversion\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Issues with PNG webp conversion - HuntBee Resources\" \/>\n<meta property=\"og:description\" content=\"The background turns to white For those that experiences this, here are your options: \u2013 Disable PNG. GD isn\u2019t very good at converting PNG anyway, as GD cannot create lossless webp, only lossy webp\u2013 Ask your host to upgrade GD\u2013 Ask your host to install imagick, vips or cwebp Reference: https:\/\/wordpress.org\/support\/topic\/the-webp-served-instead-of-png-has-black-background-instead-of-transparent\/\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.huntbee.com\/resources\/docs\/opencart-webp-compression\/troubleshooting\/issues-with-png-webp-conversion\/\" \/>\n<meta property=\"og:site_name\" content=\"HuntBee Resources\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/huntbee.opencart\" \/>\n<meta property=\"article:modified_time\" content=\"2020-06-18T08:57:32+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.huntbee.com\\\/resources\\\/docs\\\/opencart-webp-compression\\\/troubleshooting\\\/issues-with-png-webp-conversion\\\/\",\"url\":\"https:\\\/\\\/www.huntbee.com\\\/resources\\\/docs\\\/opencart-webp-compression\\\/troubleshooting\\\/issues-with-png-webp-conversion\\\/\",\"name\":\"Issues with PNG webp conversion - HuntBee Resources\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.huntbee.com\\\/resources\\\/#website\"},\"datePublished\":\"2020-06-18T08:55:17+00:00\",\"dateModified\":\"2020-06-18T08:57:32+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.huntbee.com\\\/resources\\\/docs\\\/opencart-webp-compression\\\/troubleshooting\\\/issues-with-png-webp-conversion\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.huntbee.com\\\/resources\\\/docs\\\/opencart-webp-compression\\\/troubleshooting\\\/issues-with-png-webp-conversion\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.huntbee.com\\\/resources\\\/docs\\\/opencart-webp-compression\\\/troubleshooting\\\/issues-with-png-webp-conversion\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.huntbee.com\\\/resources\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WebP Compression for OpenCart\",\"item\":\"https:\\\/\\\/www.huntbee.com\\\/resources\\\/docs\\\/opencart-webp-compression\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Troubleshooting\",\"item\":\"https:\\\/\\\/www.huntbee.com\\\/resources\\\/docs\\\/opencart-webp-compression\\\/troubleshooting\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Issues with PNG webp conversion\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.huntbee.com\\\/resources\\\/#website\",\"url\":\"https:\\\/\\\/www.huntbee.com\\\/resources\\\/\",\"name\":\"HuntBee Resources\",\"description\":\"OpenCart Extension Documentations - Guides - Blogs - Projects\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.huntbee.com\\\/resources\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.huntbee.com\\\/resources\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.huntbee.com\\\/resources\\\/#organization\",\"name\":\"HuntBee OpenCart\",\"url\":\"https:\\\/\\\/www.huntbee.com\\\/resources\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.huntbee.com\\\/resources\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.huntbee.com\\\/resources\\\/wp-content\\\/uploads\\\/2020\\\/04\\\/cropped-mobile-logo-new.png\",\"contentUrl\":\"https:\\\/\\\/www.huntbee.com\\\/resources\\\/wp-content\\\/uploads\\\/2020\\\/04\\\/cropped-mobile-logo-new.png\",\"width\":945,\"height\":200,\"caption\":\"HuntBee OpenCart\"},\"image\":{\"@id\":\"https:\\\/\\\/www.huntbee.com\\\/resources\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/huntbee.opencart\",\"https:\\\/\\\/www.instagram.com\\\/opencart.huntbee\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Issues with PNG webp conversion - HuntBee Resources","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.huntbee.com\/resources\/docs\/opencart-webp-compression\/troubleshooting\/issues-with-png-webp-conversion\/","og_locale":"en_US","og_type":"article","og_title":"Issues with PNG webp conversion - HuntBee Resources","og_description":"The background turns to white For those that experiences this, here are your options: \u2013 Disable PNG. GD isn\u2019t very good at converting PNG anyway, as GD cannot create lossless webp, only lossy webp\u2013 Ask your host to upgrade GD\u2013 Ask your host to install imagick, vips or cwebp Reference: https:\/\/wordpress.org\/support\/topic\/the-webp-served-instead-of-png-has-black-background-instead-of-transparent\/","og_url":"https:\/\/www.huntbee.com\/resources\/docs\/opencart-webp-compression\/troubleshooting\/issues-with-png-webp-conversion\/","og_site_name":"HuntBee Resources","article_publisher":"https:\/\/www.facebook.com\/huntbee.opencart","article_modified_time":"2020-06-18T08:57:32+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.huntbee.com\/resources\/docs\/opencart-webp-compression\/troubleshooting\/issues-with-png-webp-conversion\/","url":"https:\/\/www.huntbee.com\/resources\/docs\/opencart-webp-compression\/troubleshooting\/issues-with-png-webp-conversion\/","name":"Issues with PNG webp conversion - HuntBee Resources","isPartOf":{"@id":"https:\/\/www.huntbee.com\/resources\/#website"},"datePublished":"2020-06-18T08:55:17+00:00","dateModified":"2020-06-18T08:57:32+00:00","breadcrumb":{"@id":"https:\/\/www.huntbee.com\/resources\/docs\/opencart-webp-compression\/troubleshooting\/issues-with-png-webp-conversion\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.huntbee.com\/resources\/docs\/opencart-webp-compression\/troubleshooting\/issues-with-png-webp-conversion\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.huntbee.com\/resources\/docs\/opencart-webp-compression\/troubleshooting\/issues-with-png-webp-conversion\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.huntbee.com\/resources\/"},{"@type":"ListItem","position":2,"name":"WebP Compression for OpenCart","item":"https:\/\/www.huntbee.com\/resources\/docs\/opencart-webp-compression\/"},{"@type":"ListItem","position":3,"name":"Troubleshooting","item":"https:\/\/www.huntbee.com\/resources\/docs\/opencart-webp-compression\/troubleshooting\/"},{"@type":"ListItem","position":4,"name":"Issues with PNG webp conversion"}]},{"@type":"WebSite","@id":"https:\/\/www.huntbee.com\/resources\/#website","url":"https:\/\/www.huntbee.com\/resources\/","name":"HuntBee Resources","description":"OpenCart Extension Documentations - Guides - Blogs - Projects","publisher":{"@id":"https:\/\/www.huntbee.com\/resources\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.huntbee.com\/resources\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.huntbee.com\/resources\/#organization","name":"HuntBee OpenCart","url":"https:\/\/www.huntbee.com\/resources\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.huntbee.com\/resources\/#\/schema\/logo\/image\/","url":"https:\/\/www.huntbee.com\/resources\/wp-content\/uploads\/2020\/04\/cropped-mobile-logo-new.png","contentUrl":"https:\/\/www.huntbee.com\/resources\/wp-content\/uploads\/2020\/04\/cropped-mobile-logo-new.png","width":945,"height":200,"caption":"HuntBee OpenCart"},"image":{"@id":"https:\/\/www.huntbee.com\/resources\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/huntbee.opencart","https:\/\/www.instagram.com\/opencart.huntbee\/"]}]}},"comment_count":0,"_links":{"self":[{"href":"https:\/\/www.huntbee.com\/resources\/wp-json\/wp\/v2\/docs\/1556","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.huntbee.com\/resources\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/www.huntbee.com\/resources\/wp-json\/wp\/v2\/types\/docs"}],"replies":[{"embeddable":true,"href":"https:\/\/www.huntbee.com\/resources\/wp-json\/wp\/v2\/comments?post=1556"}],"version-history":[{"count":1,"href":"https:\/\/www.huntbee.com\/resources\/wp-json\/wp\/v2\/docs\/1556\/revisions"}],"predecessor-version":[{"id":1557,"href":"https:\/\/www.huntbee.com\/resources\/wp-json\/wp\/v2\/docs\/1556\/revisions\/1557"}],"up":[{"embeddable":true,"href":"https:\/\/www.huntbee.com\/resources\/wp-json\/wp\/v2\/docs\/1555"}],"wp:attachment":[{"href":"https:\/\/www.huntbee.com\/resources\/wp-json\/wp\/v2\/media?parent=1556"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.huntbee.com\/resources\/wp-json\/wp\/v2\/doc_tag?post=1556"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}