{"id":37,"date":"2016-11-07T13:05:09","date_gmt":"2016-11-07T13:05:09","guid":{"rendered":"http:\/\/bitmap2lcd.com\/blog\/?p=37"},"modified":"2016-11-08T11:38:24","modified_gmt":"2016-11-08T11:38:24","slug":"anti-aliasing-and-font-smoothing","status":"publish","type":"post","link":"https:\/\/bitmap2lcd.com\/blog\/anti-aliasing-and-font-smoothing\/","title":{"rendered":"Anti-Aliasing and Smoothing of GLCD images and fonts"},"content":{"rendered":"<h2 dir=\"ltr\">Anti-Aliasing and Smoothing of GLCD images and fonts<\/h2>\n<p dir=\"ltr\">Anti-aliasing or &#8220;font smoothing&#8221; is a process to make your images look smooth and your text more readable.<\/p>\n<p dir=\"ltr\"><a href=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2012\/05\/anti-aliased.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-40\" title=\"anti-aliased\" src=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2012\/05\/anti-aliased.jpg\" alt=\"\" width=\"297\" height=\"163\" \/><\/a><\/p>\n<div dir=\"ltr\">Anti-aliasing or font smoothing is a technique to make flat color images and text look smoother on grayscale GLCD screens. The font generator in the Bitmap2LCD tool features font smoothing for 16 grayscale OLED GLCD (4 bit pixel depth)<\/div>\n<div dir=\"ltr\"><\/div>\n<div dir=\"ltr\">A graphic liquid crystal display shows an image in bitmap mode. It means that every image is really a bunch of tiny little squares that make up the image. In other words, fonts on monochrome GLCDs or monochrome fonts displayed on grayscale GLCDs, can\u2019t display chars with smooth curves. With anti-aliasing, the curve is created with squares of color that are shaded darker or lighter depending on how much of the curve would take up that square. For instance, if a portion of a curve takes up 10% of a pixel, that pixel would be shaded with 10% of the color saturation of the curve, in fact in case of a 16 grayscale level GLCD, the nearest gray level of the 10%<\/div>\n<h3 dir=\"ltr\"><\/h3>\n<h3 dir=\"ltr\">Anti-aliasing Pros and Cons<\/h3>\n<div dir=\"ltr\"><strong>Pros<\/strong><\/div>\n<div dir=\"ltr\">\n<ul>\n<li>Makes fonts look smoother<\/li>\n<li>Rounded edges look round<\/li>\n<li>Type is easier to read (for some) because it looks more like what printed type looks like<\/li>\n<li>Some people feel it\u2019s prettier<\/li>\n<\/ul>\n<\/div>\n<p><strong>Cons<\/strong><\/p>\n<ul>\n<li>Small fonts become too fuzzy to read<\/li>\n<li>Sharp edges may be fuzzy and not precise<\/li>\n<li>You can\u2019t print anti-aliased text as it comes out blurred<\/li>\n<li>Images are generally larger<\/li>\n<li>Type is easier to read (for some) because the blurring is reduced and the fonts are clear<\/li>\n<\/ul>\n<p><em>Note : This post summarizes information found here and there on the web<\/em><\/p>\n<p>&nbsp;<\/p>\n<h3>Example of an Antialiased Character View in the Bitmap2LCD Font Panel<\/h3>\n<p><a href=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2012\/05\/Bitmap2lcd-Antialiasing.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2414\" src=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2012\/05\/Bitmap2lcd-Antialiasing.png\" alt=\"bitmap2lcd-antialiasing\" width=\"938\" height=\"741\" srcset=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2012\/05\/Bitmap2lcd-Antialiasing.png 938w, https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2012\/05\/Bitmap2lcd-Antialiasing-300x237.png 300w, https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2012\/05\/Bitmap2lcd-Antialiasing-768x607.png 768w, https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2012\/05\/Bitmap2lcd-Antialiasing-624x493.png 624w\" sizes=\"auto, (max-width: 938px) 100vw, 938px\" \/><\/a><\/p>\n<p>&nbsp;<\/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%2Fanti-aliasing-and-font-smoothing%2F&amp;t=Anti-Aliasing+and+Smoothing+of+GLCD+images+and+fonts+<+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%2Fanti-aliasing-and-font-smoothing%2F&amp;text=Anti-Aliasing+and+Smoothing+of+GLCD+images+and+fonts+<+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%2Fanti-aliasing-and-font-smoothing%2F&amp;media=https%3A%2F%2Fbitmap2lcd.com%2Fblog%2Fwp-content%2Fuploads%2F2012%2F05%2FBitmap2lcd-Antialiasing-300x237.png&amp;description=Anti-Aliasing+and+Smoothing+of+GLCD+images+and+fonts+Anti-aliasing+or+%22font+smoothing%22+is+a+process+to+make+your+images+look+smooth+and+your+text+more+readable.+Anti-aliasing+or+font+smoothing+is+a+technique+to+make+flat+color+images+and+text%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%2Fanti-aliasing-and-font-smoothing%2F&amp;title=Anti-Aliasing+and+Smoothing+of+GLCD+images+and+fonts&amp;source=Bitmap2LCD+Software+Tool+Blog+%3A%3A+about+GLCD+displays+and+Programming&amp;summary=Anti-Aliasing+and+Smoothing+of+GLCD+images+and+fonts+Anti-aliasing+or+%22font+smoothing%22+is+a+process+to+make+your+images+look+smooth+and+your+text+more+readable.+Anti-aliasing+or+font+smoothing+is+a+technique+to+make+flat+color+images+and+text%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%2Fanti-aliasing-and-font-smoothing%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:+Anti-Aliasing+and+Smoothing+of+GLCD+images+and+fonts&amp;body=https%3A%2F%2Fbitmap2lcd.com%2Fblog%2Fanti-aliasing-and-font-smoothing%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>Anti-Aliasing and Smoothing of GLCD images and fonts Anti-aliasing or &#8220;font smoothing&#8221; is a process to make your images look smooth and your text more readable. Anti-aliasing or font smoothing is a technique to make flat color images and text look smoother on grayscale GLCD screens. The font generator in the Bitmap2LCD tool features font [&hellip;]<\/p>\n","protected":false},"author":3,"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":[12,133],"tags":[557,720,721,723,722],"class_list":["post-37","post","type-post","status-publish","format-standard","hentry","category-anti-aliasing","category-glcd-fonts","tag-antialiased-font","tag-antialiasing","tag-bitmapped-font","tag-glcd-anti-aliasing","tag-smooth-font"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/bitmap2lcd.com\/blog\/wp-json\/wp\/v2\/posts\/37","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\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/bitmap2lcd.com\/blog\/wp-json\/wp\/v2\/comments?post=37"}],"version-history":[{"count":22,"href":"https:\/\/bitmap2lcd.com\/blog\/wp-json\/wp\/v2\/posts\/37\/revisions"}],"predecessor-version":[{"id":2416,"href":"https:\/\/bitmap2lcd.com\/blog\/wp-json\/wp\/v2\/posts\/37\/revisions\/2416"}],"wp:attachment":[{"href":"https:\/\/bitmap2lcd.com\/blog\/wp-json\/wp\/v2\/media?parent=37"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bitmap2lcd.com\/blog\/wp-json\/wp\/v2\/categories?post=37"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bitmap2lcd.com\/blog\/wp-json\/wp\/v2\/tags?post=37"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}