{"id":192,"date":"2026-02-19T14:45:48","date_gmt":"2026-02-19T13:45:48","guid":{"rendered":"https:\/\/blog.thekumor.com\/?p=192"},"modified":"2026-02-19T14:45:55","modified_gmt":"2026-02-19T13:45:55","slug":"rendering-a-png","status":"publish","type":"post","link":"https:\/\/blog.thekumor.com\/index.php\/2026\/02\/19\/rendering-a-png\/","title":{"rendered":"Rendering a .png"},"content":{"rendered":"\n<p>I managed to render it inside a WinAPI app. It&#8217;s a quick one, just to test for the actual application, which is <a href=\"https:\/\/github.com\/thekumor\/Garden\/tree\/dev\">Garden<\/a>.<br>You can check out the test app <a href=\"https:\/\/github.com\/thekumor\/Win32png\">here<\/a>.<\/p>\n\n\n<style type=\"text\/css\" scoped>.rbs_gallery_6a1b73ebe164dSpinner{\r\n\t\t\t\tmargin: 50px auto;\r\n\t\t\t\twidth: 50px;\r\n\t\t\t\theight: 40px;\r\n\t\t\t\ttext-align: center;\r\n\t\t\t\tfont-size: 10px;\r\n\t\t\t}\r\n\t\t\t.rbs_gallery_6a1b73ebe164dSpinner > div{\r\n\t\t\t  background-color: #333;\r\n\t\t\t  height: 100%;\r\n\t\t\t  width: 6px;\r\n\t\t\t  display: inline-block;\r\n\t\t\t  -webkit-animation: rbs_gallery_6a1b73ebe164d-stretchdelay 1.2s infinite ease-in-out;\r\n\t\t\t  animation: rbs_gallery_6a1b73ebe164d-stretchdelay 1.2s infinite ease-in-out;\r\n\t\t\t}\r\n\t\t\t.rbs_gallery_6a1b73ebe164dSpinner .rbs_gallery_6a1b73ebe164dRect2 {\r\n\t\t\t  -webkit-animation-delay: -1.1s;\r\n\t\t\t  animation-delay: -1.1s;\r\n\t\t\t}\r\n\t\t\t.rbs_gallery_6a1b73ebe164dSpinner .rbs_gallery_6a1b73ebe164dRect3 {\r\n\t\t\t  -webkit-animation-delay: -1.0s;\r\n\t\t\t  animation-delay: -1.0s;\r\n\t\t\t}\r\n\t\t\t.rbs_gallery_6a1b73ebe164dSpinner .rbs_gallery_6a1b73ebe164dRect4 {\r\n\t\t\t  -webkit-animation-delay: -0.9s;\r\n\t\t\t  animation-delay: -0.9s;\r\n\t\t\t}\r\n\t\t\t.rbs_gallery_6a1b73ebe164dSpinner .rbs_gallery_6a1b73ebe164dRect5 {\r\n\t\t\t  -webkit-animation-delay: -0.8s;\r\n\t\t\t  animation-delay: -0.8s;\r\n\t\t\t}\r\n\t\t\t@-webkit-keyframes rbs_gallery_6a1b73ebe164d-stretchdelay {\r\n\t\t\t  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  \r\n\t\t\t  20% { -webkit-transform: scaleY(1.0) }\r\n\t\t\t}\r\n\t\t\t@keyframes rbs_gallery_6a1b73ebe164d-stretchdelay {\r\n\t\t\t  0%, 40%, 100% { \r\n\t\t\t    transform: scaleY(0.4);\r\n\t\t\t    -webkit-transform: scaleY(0.4);\r\n\t\t\t  }  20% { \r\n\t\t\t    transform: scaleY(1.0);\r\n\t\t\t    -webkit-transform: scaleY(1.0);\r\n\t\t\t  }\r\n\t\t\t}\r\n\t\t<\/style><div class=\"robo-gallery-wrap robo-gallery-wrap-id193 robo-gallery-\" ><div id=\"rbs_gallery_6a1b73ebe164d-block-loader\" class=\"rbs_gallery_6a1b73ebe164dSpinner\"><div class=\"rbs_gallery_6a1b73ebe164dRect1\"><\/div> <div class=\"rbs_gallery_6a1b73ebe164dRect2\"><\/div> <div class=\"rbs_gallery_6a1b73ebe164dRect3\"><\/div> <div class=\"rbs_gallery_6a1b73ebe164dRect4\"><\/div> <div class=\"rbs_gallery_6a1b73ebe164dRect5\"><\/div><\/div><div class=\"rbs_gallery_button  rbs_gallery_align_left\" id=\"rbs_gallery_6a1b73ebe164dfilter\" style=\" display: none;\" ><a class=\"button button-flat-primary button-large  \" href=\"#\" data-filter=\"*\">All<\/a><\/div><div id=\"robo_gallery_main_block_rbs_gallery_6a1b73ebe164d\" class=\"robogallery-gallery-193\" style=\"width:100%;  display: none;\"><div id=\"rbs_gallery_6a1b73ebe164d\" data-options=\"rbs_gallery_6a1b73ebe164d\" style=\"width:100%;\" class=\"robo_gallery  \"><div class=\"rbs-img  category193 \" ><div class=\"rbs-img-image   rbs-lightbox \" ><div class=\"rbs-img-thumbs\"  data-thumbnail=\"https:\/\/blog.thekumor.com\/wp-content\/uploads\/2026\/02\/s2-1-298x300.png\"  title=\"s2\"  data-width=\"298\"  data-height=\"300\" ><\/div><div class=\"rbs-img-data-popup\"  data-popup=\"https:\/\/blog.thekumor.com\/wp-content\/uploads\/2026\/02\/s2-1.png\"  title=\"s2\" ><\/div><div class=\"thumbnail-overlay\"><div class=\"rbsTitle \">s2<\/div><div class=\"rbsIcons\"><i class=\"fa fa-search-plus rbsZoomIcon \" ><\/i><\/div><\/div><\/div><\/div><div class=\"rbs-img  category193 \" ><div class=\"rbs-img-image   rbs-lightbox \" ><div class=\"rbs-img-thumbs\"  data-thumbnail=\"https:\/\/blog.thekumor.com\/wp-content\/uploads\/2026\/02\/s1-1-300x265.png\"  title=\"s1\"  data-width=\"300\"  data-height=\"265\" ><\/div><div class=\"rbs-img-data-popup\"  data-popup=\"https:\/\/blog.thekumor.com\/wp-content\/uploads\/2026\/02\/s1-1.png\"  title=\"s1\" ><\/div><div class=\"thumbnail-overlay\"><div class=\"rbsTitle \">s1<\/div><div class=\"rbsIcons\"><i class=\"fa fa-search-plus rbsZoomIcon \" ><\/i><\/div><\/div><\/div><\/div><\/div><\/div><\/div><script>var rbs_gallery_6a1b73ebe164d = {\"version\":\"5.1.2\",\"id\":193,\"class\":\"id193\",\"roboGalleryDelay\":1000,\"mainContainer\":\"#robo_gallery_main_block_rbs_gallery_6a1b73ebe164d\",\"loadingContainer\":\"#rbs_gallery_6a1b73ebe164d-block-loader\",\"loadingContainerObj\":\"rbs_gallery_6a1b73ebe164d-block-loader\",\"lightboxOptions\":{\"gallery\":{\"enabled\":true,\"tCounter\":\"%curr% of %total%\"}},\"overlayEffect\":\"direction-aware-fade\",\"boxesToLoadStart\":12,\"boxesToLoad\":8,\"waitUntilThumbLoads\":1,\"LoadingWord\":\"Loading...\",\"loadMoreWord\":\"Load More\",\"noMoreEntriesWord\":\"No More Entries\",\"horizontalSpaceBetweenBoxes\":15,\"verticalSpaceBetweenBoxes\":15,\"lazyLoad\":1,\"wrapContainer\":\"#robo-gallery-wrap-rbs_gallery_6a1b73ebe164d\",\"filterContainer\":\"#rbs_gallery_6a1b73ebe164dfilter\",\"loadMoreClass\":\"button-flat-primary button-large \"};<\/script>\n\n\n<p>Gray, RGB(64, 64, 64) is app&#8217;s background color. If you ever need help with how to merge stbi_image and Win32, the repo is for you!<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>I managed to render it inside a WinAPI app. It&#8217;s a quick one, just to test for the actual application, which is Garden.You can check out the test app here. Gray, RGB(64, 64, 64) is app&#8217;s background color. If you ever need help with how to merge stbi_image and Win32, the repo is for you!<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9,10],"tags":[13,12,21],"class_list":["post-192","post","type-post","status-publish","format-standard","hentry","category-development","category-project","tag-c","tag-cpp","tag-programming"],"_links":{"self":[{"href":"https:\/\/blog.thekumor.com\/index.php\/wp-json\/wp\/v2\/posts\/192","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.thekumor.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.thekumor.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.thekumor.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.thekumor.com\/index.php\/wp-json\/wp\/v2\/comments?post=192"}],"version-history":[{"count":2,"href":"https:\/\/blog.thekumor.com\/index.php\/wp-json\/wp\/v2\/posts\/192\/revisions"}],"predecessor-version":[{"id":197,"href":"https:\/\/blog.thekumor.com\/index.php\/wp-json\/wp\/v2\/posts\/192\/revisions\/197"}],"wp:attachment":[{"href":"https:\/\/blog.thekumor.com\/index.php\/wp-json\/wp\/v2\/media?parent=192"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.thekumor.com\/index.php\/wp-json\/wp\/v2\/categories?post=192"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.thekumor.com\/index.php\/wp-json\/wp\/v2\/tags?post=192"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}