{"id":1926,"date":"2023-10-09T07:10:00","date_gmt":"2023-10-09T07:10:00","guid":{"rendered":"http:\/\/bitmap2lcd.com\/blog\/?p=1926"},"modified":"2023-10-11T03:55:39","modified_gmt":"2023-10-11T03:55:39","slug":"example-of-how-to-convert-a-graphic-to-a-data-array","status":"publish","type":"post","link":"https:\/\/bitmap2lcd.com\/blog\/example-of-how-to-convert-a-graphic-to-a-data-array\/","title":{"rendered":"Export a Graphic to a GLCD Data Array"},"content":{"rendered":"\n<p><span style=\"color: #808080;\"><strong><em>Bitmap2LCD is a tool for programming small Graphic LCDs in embedded systems and a programmable graphic and text processing tool.<\/em><\/strong><\/span><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Export a Graphic to a GLCD Data Array<\/h2>\n\n\n\n<p><strong><span style=\"color: #ff6600;\">Update V4.6c<\/span><\/strong><\/p>\n\n\n\n<p>1. Open the <strong>File Explorer Window<\/strong><\/p>\n\n\n\n<p>2. If needed, select the <strong>Graphics<\/strong> Project Folder<\/p>\n\n\n\n<p>3. Select the Graphic <strong>Filename<\/strong><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2016\/09\/Bitmap2lcd_File-explorer-graphics.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1084\" height=\"449\" src=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2016\/09\/Bitmap2lcd_File-explorer-graphics.png\" alt=\"\" class=\"wp-image-3226\" srcset=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2016\/09\/Bitmap2lcd_File-explorer-graphics.png 1084w, https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2016\/09\/Bitmap2lcd_File-explorer-graphics-300x124.png 300w, https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2016\/09\/Bitmap2lcd_File-explorer-graphics-1024x424.png 1024w, https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2016\/09\/Bitmap2lcd_File-explorer-graphics-768x318.png 768w, https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2016\/09\/Bitmap2lcd_File-explorer-graphics-624x258.png 624w\" sizes=\"auto, (max-width: 1084px) 100vw, 1084px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>4. Graphic is opened in the <strong>Graphics Preview<\/strong> <strong>Window<\/strong><\/p>\n\n\n\n<p>5. If needed, adjust options like size, color reduction and orientation.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"745\" height=\"701\" src=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2023\/10\/Bitmap2LCD_graphics_preview.png\" alt=\"\" class=\"wp-image-3238\" srcset=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2023\/10\/Bitmap2LCD_graphics_preview.png 745w, https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2023\/10\/Bitmap2LCD_graphics_preview-300x282.png 300w, https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2023\/10\/Bitmap2LCD_graphics_preview-624x587.png 624w\" sizes=\"auto, (max-width: 745px) 100vw, 745px\" \/><\/figure>\n<\/div>\n\n\n<p>6.<strong> Export Preview<\/strong> to the <strong>Work Canvas<\/strong>( <strong>purple arrow<\/strong> )<\/p>\n\n\n\n<p>7. Graphic is inside the <strong>FLOATING<\/strong> <strong>SELECTION LAYER<\/strong>, above the Work Canvas  surrounded by a <strong><span style=\"color: #ff0000;\">red frame<\/span><\/strong><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"858\" height=\"508\" src=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2023\/10\/Bitmap2LCD_Dithering-options.png\" alt=\"\" class=\"wp-image-3240\" srcset=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2023\/10\/Bitmap2LCD_Dithering-options.png 858w, https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2023\/10\/Bitmap2LCD_Dithering-options-300x178.png 300w, https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2023\/10\/Bitmap2LCD_Dithering-options-768x455.png 768w, https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2023\/10\/Bitmap2LCD_Dithering-options-624x369.png 624w\" sizes=\"auto, (max-width: 858px) 100vw, 858px\" \/><\/figure>\n<\/div>\n\n\n<p>8. In this example, a <strong>conversion to monochrome<\/strong> is required. (monochrome GLCD)<\/p>\n\n\n\n<p>9. Either choose <strong>Black and White THRESHOLD LEVEL<\/strong> with <strong><span style=\"color: #ff0000;\">Adjustment Slider<\/span><\/strong> conversion or one of the <strong><span style=\"color: #008000;\">DITHERING<\/span> ALGORITHMS<\/strong>, like for example Floyd Steinberg.<\/p>\n\n\n\n<p>10. If needed, drag the <strong>FLOATING SELECTION LAYER<\/strong> to its destination position on the canvas.<\/p>\n\n\n\n<p>11. <strong>PASTE<\/strong> the selection layer to the <strong>WORK CANVAS<\/strong> ( <span style=\"color: #0000ff;\"><strong>blue arrow <\/strong><\/span>)<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2023\/10\/image.png\"><img loading=\"lazy\" decoding=\"async\" width=\"464\" height=\"877\" src=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2023\/10\/image.png\" alt=\"\" class=\"wp-image-3253\" srcset=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2023\/10\/image.png 464w, https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2023\/10\/image-159x300.png 159w\" sizes=\"auto, (max-width: 464px) 100vw, 464px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>12. If needed, adjust the export parameters in the green column, Data Tab <\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"570\" height=\"733\" src=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2023\/10\/Bitmap2LCD_Export-work-canvas-to-data.png\" alt=\"\" class=\"wp-image-3246\" srcset=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2023\/10\/Bitmap2LCD_Export-work-canvas-to-data.png 570w, https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2023\/10\/Bitmap2LCD_Export-work-canvas-to-data-233x300.png 233w\" sizes=\"auto, (max-width: 570px) 100vw, 570px\" \/><\/figure>\n<\/div>\n\n\n<p>12. Export the <strong>Work Canvas<\/strong> to data array (Choose one of the Export Options : <strong>orange arrow<\/strong>)<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"987\" height=\"604\" src=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2023\/10\/Bitmap2LCD_Export-Work-Canvas-to-options.png\" alt=\"\" class=\"wp-image-3256\" srcset=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2023\/10\/Bitmap2LCD_Export-Work-Canvas-to-options.png 987w, https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2023\/10\/Bitmap2LCD_Export-Work-Canvas-to-options-300x184.png 300w, https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2023\/10\/Bitmap2LCD_Export-Work-Canvas-to-options-768x470.png 768w, https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2023\/10\/Bitmap2LCD_Export-Work-Canvas-to-options-624x382.png 624w\" sizes=\"auto, (max-width: 987px) 100vw, 987px\" \/><\/figure>\n\n\n\n<p>13. Job done !<\/p>\n\n\n\n<p>Note : With the 8 buttons with arrows at the top of the <strong>source code editor<\/strong>, adjust the data direction to match the display memory of the GLCD controller.<\/p>\n\n\n\n<p class=\"has-text-align-center\">&#8230;<\/p>\n\t<div class=\"quickshare-container\">\r\n\t<ul class=\"quickshare-genericons quickshare-effect-round quickshare-effect-expand quickshare-small\">\r\n\t\t<li class=\"quickshare-share\"><\/li> \r\n\t\t<li><a href=\"https:\/\/facebook.com\/sharer.php?u=https%3A%2F%2Fbitmap2lcd.com%2Fblog%2Fexample-of-how-to-convert-a-graphic-to-a-data-array%2F&amp;t=Export+a+Graphic+to+a+GLCD+Data+Array+<+Bitmap2LCD+Software+Tool+Blog+%3A%3A+about+GLCD+displays+and+Programming\" target=\"_blank\" title=\"Share on Facebook\"><span class=\"quickshare-facebook\">Facebook<\/span><\/a><\/li>\t\t<li><a href=\"https:\/\/twitter.com\/intent\/tweet?url=https%3A%2F%2Fbitmap2lcd.com%2Fblog%2Fexample-of-how-to-convert-a-graphic-to-a-data-array%2F&amp;text=Export+a+Graphic+to+a+GLCD+Data+Array+<+Bitmap2LCD+Software+Tool+Blog+%3A%3A+about+GLCD+displays+and+Programming\" target=\"_blank\" title=\"Share on Twitter\"><span class=\"quickshare-twitter\">Twitter<\/span><\/a><\/li>\t\t<li><a href=\"http:\/\/pinterest.com\/pin\/create\/button\/?url=https%3A%2F%2Fbitmap2lcd.com%2Fblog%2Fexample-of-how-to-convert-a-graphic-to-a-data-array%2F&amp;media=https%3A%2F%2Fbitmap2lcd.com%2Fblog%2Fwp-content%2Fuploads%2F2023%2F10%2FBitmap2LCD_Export-Work-Canvas-to-options-300x184.png&amp;description=Bitmap2LCD+is+a+tool+for+programming+small+Graphic+LCDs+in+embedded+systems+and+a+programmable+graphic+and+text+processing+tool.+Export+a+Graphic+to+a+GLCD+Data+Array+Update+V4.6c+1.+Open+the+File+Explorer+Window+2.+If+needed%2C+select%26hellip%3B\" target=\"_blank\" title=\"Share on Pinterest\"><span class=\"quickshare-pinterest\">Pinterest<\/span><\/a><\/li>\t\t<li><a href=\"http:\/\/linkedin.com\/shareArticle?mini=true&amp;url=https%3A%2F%2Fbitmap2lcd.com%2Fblog%2Fexample-of-how-to-convert-a-graphic-to-a-data-array%2F&amp;title=Export+a+Graphic+to+a+GLCD+Data+Array&amp;source=Bitmap2LCD+Software+Tool+Blog+%3A%3A+about+GLCD+displays+and+Programming&amp;summary=Bitmap2LCD+is+a+tool+for+programming+small+Graphic+LCDs+in+embedded+systems+and+a+programmable+graphic+and+text+processing+tool.+Export+a+Graphic+to+a+GLCD+Data+Array+Update+V4.6c+1.+Open+the+File+Explorer+Window+2.+If+needed%2C+select%26hellip%3B\" title=\"Share on Linkedin\" target=\"_blank\"><span class=\"quickshare-linkedin\">Linkedin<\/span><\/a><\/li>\t\t<li><a href=\"https:\/\/plus.google.com\/share?url=https%3A%2F%2Fbitmap2lcd.com%2Fblog%2Fexample-of-how-to-convert-a-graphic-to-a-data-array%2F\" target=\"_blank\" title=\"Share on Google+\"><span class=\"quickshare-googleplus\">Google+<\/span><\/a><\/li>\t\t\t\t\t\t\t\t<li><a href=\"mailto:?subject=Bitmap2LCD+Software+Tool+Blog+%3A%3A+about+GLCD+displays+and+Programming:+Export+a+Graphic+to+a+GLCD+Data+Array&amp;body=https%3A%2F%2Fbitmap2lcd.com%2Fblog%2Fexample-of-how-to-convert-a-graphic-to-a-data-array%2F\" target=\"_blank\" title=\"Share via Email\"><span class=\"quickshare-email\">Email<\/span><\/a><\/li>\t<\/ul>\r\n\t<\/div>\r\n","protected":false},"excerpt":{"rendered":"<p>Bitmap2LCD is a tool for programming small Graphic LCDs in embedded systems and a programmable graphic and text processing tool. Export a Graphic to a GLCD Data Array Update V4.6c 1. Open the File Explorer Window 2. If needed, select the Graphics Project Folder 3. Select the Graphic Filename 4. Graphic is opened in the [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[50,91],"tags":[25,812,381,813,26,305],"class_list":["post-1926","post","type-post","status-publish","format-standard","hentry","category-convert-a-bitmap-to-glcd","category-about-bitmap2lcd","tag-convert-graphic","tag-export-to-glcd","tag-graphic-lcd-data","tag-image-source-code","tag-image-to-lcd","tag-import-graphic"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/bitmap2lcd.com\/blog\/wp-json\/wp\/v2\/posts\/1926","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bitmap2lcd.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bitmap2lcd.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bitmap2lcd.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/bitmap2lcd.com\/blog\/wp-json\/wp\/v2\/comments?post=1926"}],"version-history":[{"count":61,"href":"https:\/\/bitmap2lcd.com\/blog\/wp-json\/wp\/v2\/posts\/1926\/revisions"}],"predecessor-version":[{"id":3271,"href":"https:\/\/bitmap2lcd.com\/blog\/wp-json\/wp\/v2\/posts\/1926\/revisions\/3271"}],"wp:attachment":[{"href":"https:\/\/bitmap2lcd.com\/blog\/wp-json\/wp\/v2\/media?parent=1926"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bitmap2lcd.com\/blog\/wp-json\/wp\/v2\/categories?post=1926"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bitmap2lcd.com\/blog\/wp-json\/wp\/v2\/tags?post=1926"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}