{"id":55515,"date":"2021-07-05T18:01:07","date_gmt":"2021-07-05T10:01:07","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=55515"},"modified":"2021-06-10T22:02:12","modified_gmt":"2021-06-10T14:02:12","slug":"upng-optimizer","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/upng-optimizer\/","title":{"rendered":"Minify and Compress PNGs Fast With UPNG"},"content":{"rendered":"<p>If you frequently work with transparent PNGs then you know how difficult they can be.<\/p>\n<p>Editing, exporting, and publishing PNGs with transparency takes real effort. Let alone the compression process where you want to reduce file size but not sacrifice quality.<\/p>\n<div class=\"ref-block ref-block--post\" id=\"ref-post-1\">\n\t\t\t\t\t<a href=\"https:\/\/www.hongkiat.com\/blog\/jpeg-optimization-guide\/\" class=\"ref-block__link\" title=\"Read More: Optimizing Images for Websites (Ultimate Guide)\" rel=\"bookmark\"><span class=\"screen-reader-text\">Optimizing Images for Websites (Ultimate Guide)<\/span><\/a>\n<div class=\"ref-block__thumbnail img-thumb img-thumb--jumbo\" data-img='{ \"src\" : \"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/jpeg-optimization-guide.jpg\" }'>\n\t\t\t\t\t\t\t<noscript>\n<style>.no-js #ref-block-post-14251 .ref-block__thumbnail { background-image: url(\"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/jpeg-optimization-guide.jpg\"); }<\/style>\n<\/noscript>\n\t\t\t\t\t\t<\/div>\n<div class=\"ref-block__summary\">\n<h4 class=\"ref-title\">Optimizing Images for Websites (Ultimate Guide)<\/h4>\n<p class=\"ref-description\">\n\t\t\t\t\t\tWhen it comes to website performance, image optimization plays a key role. Large, unoptimized images can slow down...\t\t\t\t\t\t<span>Read more<\/span><\/p>\n<\/div>\n<\/div>\n<p><a rel=\"nofollow noopener\" target=\"_blank\" href=\"http:\/\/upng.photopea.com\/\">UPNG<\/a> can help. It\u2019s a free image optimizer built for the web and it\u2019s specially designed to optimize PNG files.<\/p>\n<figure><a rel=\"nofollow noopener\" target=\"_blank\" href=\"http:\/\/upng.photopea.com\/\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/upng-optimizer\/01-upng-minify-compress-png.jpg\" alt=\"UPNG homepage\" width=\"1000\" height=\"698\"><\/a><\/figure>\n<p>From the homepage you\u2019ll notice the interface is pretty darn simple.<\/p>\n<p>Select the PNG file you want to optimize. Then set your custom settings varying between total size of the image(output KB) and the final quality of the image.<\/p>\n<p>Note this is very similar to TinyPNG but the creator for UPNG actually <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/blog.photopea.com\/png-minifier-inside-photopea.html#examples\">wrote a comparison post<\/a> detailing why their tool is better and how it can compress PNGs faster with less quality loss.<\/p>\n<p>This is one dedicated developer.<\/p>\n<p>It all comes from the team at <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.photopea.com\/\">Photopea<\/a> who have developed a few other free image tools for the web. So this is a group that knows how to create quality resources for editing photos.<\/p>\n<p>They even released a <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/photopea\/UPNG.js\">free JS version<\/a> of the UPNG platform for web developers.<\/p>\n<p>This way you can run the same compression engine on your own site right through JavaScript. How cool is that?<\/p>\n<figure><a rel=\"nofollow noopener\" target=\"_blank\" href=\"http:\/\/upng.photopea.com\/\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/upng-optimizer\/02-ps-edited-logo-upng.jpg\" alt=\"upng webapp example\" width=\"1000\" height=\"564\"><\/a><\/figure>\n<p>So if you frequently use PNGs then check out <a rel=\"nofollow noopener\" target=\"_blank\" href=\"http:\/\/upng.photopea.com\/\">UPNG<\/a> and give it a shot.<\/p>\n<p>The final image output appears on the same page so this works just like a typical webapp. And it\u2019s one of the cleanest I\u2019ve ever used, especially compared to many of the <a target=\"_blank\" href=\"https:\/\/www.hongkiat.com\/blog\/jpeg-optimization-guide\/\" rel=\"noopener\">JPEG compression tools<\/a> out there.<\/p>","protected":false},"excerpt":{"rendered":"<p>If you frequently work with transparent PNGs then you know how difficult they can be. Editing, exporting, and publishing PNGs with transparency takes real effort. Let alone the compression process where you want to reduce file size but not sacrifice quality. UPNG can help. It\u2019s a free image optimizer built for the web and it\u2019s&hellip;<\/p>\n","protected":false},"author":18,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[3393],"tags":[2305],"topic":[],"class_list":["entry-content","is-maxi"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.8 (Yoast SEO v27.6) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Minify and Compress PNGs Fast With UPNG - Hongkiat<\/title>\n<meta name=\"description\" content=\"If you frequently work with transparent PNGs then you know how difficult they can be. Editing, exporting, and publishing PNGs with transparency takes real\" \/>\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.hongkiat.com\/blog\/upng-optimizer\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Minify and Compress PNGs Fast With UPNG\" \/>\n<meta property=\"og:description\" content=\"If you frequently work with transparent PNGs then you know how difficult they can be. Editing, exporting, and publishing PNGs with transparency takes real\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/upng-optimizer\/\" \/>\n<meta property=\"og:site_name\" content=\"Hongkiat\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hongkiatcom\" \/>\n<meta property=\"article:published_time\" content=\"2021-07-05T10:01:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/upng-optimizer\/01-upng-minify-compress-png.jpg\" \/>\n<meta name=\"author\" content=\"Jake Rocheleau\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jake Rocheleau\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/upng-optimizer\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/upng-optimizer\\\/\"},\"author\":{\"name\":\"Jake Rocheleau\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/966b2daea15283b4145e71aa98a82c2a\"},\"headline\":\"Minify and Compress PNGs Fast With UPNG\",\"datePublished\":\"2021-07-05T10:01:07+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/upng-optimizer\\\/\"},\"wordCount\":278,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/upng-optimizer\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/upng-optimizer\\\/01-upng-minify-compress-png.jpg\",\"keywords\":[\"Image Optimization\"],\"articleSection\":[\"Toolkit\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/upng-optimizer\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/upng-optimizer\\\/\",\"name\":\"Minify and Compress PNGs Fast With UPNG - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/upng-optimizer\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/upng-optimizer\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/upng-optimizer\\\/01-upng-minify-compress-png.jpg\",\"datePublished\":\"2021-07-05T10:01:07+00:00\",\"description\":\"If you frequently work with transparent PNGs then you know how difficult they can be. Editing, exporting, and publishing PNGs with transparency takes real\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/upng-optimizer\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/upng-optimizer\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/upng-optimizer\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/upng-optimizer\\\/01-upng-minify-compress-png.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/upng-optimizer\\\/01-upng-minify-compress-png.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/upng-optimizer\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Minify and Compress PNGs Fast With UPNG\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"name\":\"Hongkiat\",\"description\":\"Tech and Design Tips\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\",\"name\":\"Hongkiat.com\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"width\":1200,\"height\":799,\"caption\":\"Hongkiat.com\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/hongkiatcom\",\"https:\\\/\\\/x.com\\\/hongkiat\",\"https:\\\/\\\/www.pinterest.com\\\/hongkiat\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/966b2daea15283b4145e71aa98a82c2a\",\"name\":\"Jake Rocheleau\",\"description\":\"Jake is a writer and designer with over 10 years experience working on the web. He writes about user experience design and cool resources for designers\",\"sameAs\":[\"https:\\\/\\\/www.hongkiat.com\"],\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/jake\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Minify and Compress PNGs Fast With UPNG - Hongkiat","description":"If you frequently work with transparent PNGs then you know how difficult they can be. Editing, exporting, and publishing PNGs with transparency takes real","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.hongkiat.com\/blog\/upng-optimizer\/","og_locale":"en_US","og_type":"article","og_title":"Minify and Compress PNGs Fast With UPNG","og_description":"If you frequently work with transparent PNGs then you know how difficult they can be. Editing, exporting, and publishing PNGs with transparency takes real","og_url":"https:\/\/www.hongkiat.com\/blog\/upng-optimizer\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2021-07-05T10:01:07+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/upng-optimizer\/01-upng-minify-compress-png.jpg","type":"","width":"","height":""}],"author":"Jake Rocheleau","twitter_card":"summary_large_image","twitter_creator":"@hongkiat","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Jake Rocheleau","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/upng-optimizer\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/upng-optimizer\/"},"author":{"name":"Jake Rocheleau","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/966b2daea15283b4145e71aa98a82c2a"},"headline":"Minify and Compress PNGs Fast With UPNG","datePublished":"2021-07-05T10:01:07+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/upng-optimizer\/"},"wordCount":278,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/upng-optimizer\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/upng-optimizer\/01-upng-minify-compress-png.jpg","keywords":["Image Optimization"],"articleSection":["Toolkit"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/upng-optimizer\/","url":"https:\/\/www.hongkiat.com\/blog\/upng-optimizer\/","name":"Minify and Compress PNGs Fast With UPNG - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/upng-optimizer\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/upng-optimizer\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/upng-optimizer\/01-upng-minify-compress-png.jpg","datePublished":"2021-07-05T10:01:07+00:00","description":"If you frequently work with transparent PNGs then you know how difficult they can be. Editing, exporting, and publishing PNGs with transparency takes real","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/upng-optimizer\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/upng-optimizer\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/upng-optimizer\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/upng-optimizer\/01-upng-minify-compress-png.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/upng-optimizer\/01-upng-minify-compress-png.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/upng-optimizer\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Minify and Compress PNGs Fast With UPNG"}]},{"@type":"WebSite","@id":"https:\/\/www.hongkiat.com\/blog\/#website","url":"https:\/\/www.hongkiat.com\/blog\/","name":"Hongkiat","description":"Tech and Design Tips","publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hongkiat.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.hongkiat.com\/blog\/#organization","name":"Hongkiat.com","url":"https:\/\/www.hongkiat.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","contentUrl":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","width":1200,"height":799,"caption":"Hongkiat.com"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hongkiatcom","https:\/\/x.com\/hongkiat","https:\/\/www.pinterest.com\/hongkiat\/"]},{"@type":"Person","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/966b2daea15283b4145e71aa98a82c2a","name":"Jake Rocheleau","description":"Jake is a writer and designer with over 10 years experience working on the web. He writes about user experience design and cool resources for designers","sameAs":["https:\/\/www.hongkiat.com"],"url":"https:\/\/www.hongkiat.com\/blog\/author\/jake\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-erp","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/55515","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=55515"}],"version-history":[{"count":1,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/55515\/revisions"}],"predecessor-version":[{"id":55527,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/55515\/revisions\/55527"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=55515"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=55515"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=55515"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=55515"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}