{"id":2890,"date":"2016-07-30T19:17:52","date_gmt":"2016-07-30T23:17:52","guid":{"rendered":"http:\/\/local.brightwhiz\/?p=2890"},"modified":"2016-07-30T19:17:52","modified_gmt":"2016-07-30T23:17:52","slug":"anti-aliasing-explained","status":"publish","type":"post","link":"http:\/\/local.brightwhiz\/anti-aliasing-explained\/","title":{"rendered":"What is Anti Aliasing? A Simple Explanation"},"content":{"rendered":"<p><a href=\"\/\/local.brightwhiz\/tag\/computers\/\">Computers <\/a>or images for that matter are at a good place when tasked with displaying square oriented graphical objects. There is also an inherent problem when it comes to Raster images that are usually fixed with anti-aliasing.<\/p>\n<p>To understand anti-aliasing you need to understand what raster images are or in other loose terms bitmaps. Images are usually divided into two types when it comes to digital imaging. The first is vector based images. <!--more--><\/p>\n<p>Examples are the Adobe Illustrator format, the CorelDraw format,\u00a0and the Scalable Vector Graphics (SVG) formats. Then we have the raster images or bitmaps. These are common on the Internet and in photography. You may all have heard of the likes of Photoshop and common image formats such as JPEG and PNG.<\/p>\n<p>Without going into too much detail, we will be discussing those more in separate articles. The links will be provided once they are published publicly.<\/p>\n<h2>Back to Anti Aliasing.<\/h2>\n<p>The type of images the implement anti-aliasing are the raster images. In short, therefore, these type of images are made up of a map or 2D grid of tiny dots known as pixels. These pixels are of standard size and consist of any number of colors based on the bit storage format. There is an article here that explains more about the memory bits.<\/p>\n<p>These dots are actually square in shape and it takes several of them to make up a complete image. The number of dots that span an image horizontally and vertically is called the resolution. You can see the image above as a reference.<\/p>\n<p>The more pixels that can be packed in a certain span gives the image a higher resolution. This makes the image smoother when you have to deal with diagonal lines and curves in an image. If the resolution is too low to some extent you will notice curves and diagonals look like staircases or jagged edges and that does not play well with what we perceive with our eyes.<\/p>\n<h2>Enter Anti Aliasing<\/h2>\n<p>Anti-aliasing is, therefore, is the application of <a href=\"\/\/local.brightwhiz\/tag\/algorithms\/\">algorithms <\/a>to smooth out jagged edges on curved lines and diagonals in an image. Graphics software does this by examining the contrast between two pixels and finding an average. It then applies that average to the adjacent pixels to give a smooth transition. The resulting effect is the easing of the jagged edges thereby simulating smooth diagonal lines and curves.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Computers or images for that matter are at a good place when tasked with displaying square oriented graphical objects. There is also an inherent problem when it comes to Raster&#8230;<\/p>\n","protected":false},"author":1,"featured_media":2892,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2,23,16],"tags":[47,146,195,309,319,433],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Anti Aliasing Simply Explained in a 60 Seconds Write-Up<\/title>\n<meta name=\"description\" content=\"What is anti aliasing you may ask? Usually used in computer graphics to simulate higher resolutions in raster graphics to hide pixalation\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"http:\/\/local.brightwhiz\/anti-aliasing-explained\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Anti Aliasing Simply Explained in a 60 Seconds Write-Up\" \/>\n<meta property=\"og:description\" content=\"What is anti aliasing you may ask? Usually used in computer graphics to simulate higher resolutions in raster graphics to hide pixalation\" \/>\n<meta property=\"og:url\" content=\"http:\/\/local.brightwhiz\/anti-aliasing-explained\/\" \/>\n<meta property=\"og:site_name\" content=\"Brightwhiz.com\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/brightwhiz\/\" \/>\n<meta property=\"article:published_time\" content=\"2016-07-30T23:17:52+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/local.brightwhiz\/wp-content\/uploads\/2016\/07\/Anti-Aliasing.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Michael Bright\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@brightwhizmag\" \/>\n<meta name=\"twitter:site\" content=\"@brightwhizmag\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Michael Bright\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"http:\/\/local.brightwhiz\/anti-aliasing-explained\/#article\",\"isPartOf\":{\"@id\":\"http:\/\/local.brightwhiz\/anti-aliasing-explained\/\"},\"author\":{\"name\":\"Michael Bright\",\"@id\":\"http:\/\/local.brightwhiz\/#\/schema\/person\/81f0f3126f13834ae2e7f381b3028e32\"},\"headline\":\"What is Anti Aliasing? A Simple Explanation\",\"datePublished\":\"2016-07-30T23:17:52+00:00\",\"dateModified\":\"2016-07-30T23:17:52+00:00\",\"mainEntityOfPage\":{\"@id\":\"http:\/\/local.brightwhiz\/anti-aliasing-explained\/\"},\"wordCount\":407,\"commentCount\":0,\"publisher\":{\"@id\":\"http:\/\/local.brightwhiz\/#organization\"},\"image\":{\"@id\":\"http:\/\/local.brightwhiz\/anti-aliasing-explained\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/local.brightwhiz\/wp-content\/uploads\/2016\/07\/Anti-Aliasing.jpg\",\"keywords\":[\"Algorithms\",\"Computer graphics\",\"Digital arts\",\"Images\",\"Interactive Technics\",\"Optimization\"],\"articleSection\":[\"Articles\",\"Guides\",\"Technology\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"http:\/\/local.brightwhiz\/anti-aliasing-explained\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"http:\/\/local.brightwhiz\/anti-aliasing-explained\/\",\"url\":\"http:\/\/local.brightwhiz\/anti-aliasing-explained\/\",\"name\":\"Anti Aliasing Simply Explained in a 60 Seconds Write-Up\",\"isPartOf\":{\"@id\":\"http:\/\/local.brightwhiz\/#website\"},\"primaryImageOfPage\":{\"@id\":\"http:\/\/local.brightwhiz\/anti-aliasing-explained\/#primaryimage\"},\"image\":{\"@id\":\"http:\/\/local.brightwhiz\/anti-aliasing-explained\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/local.brightwhiz\/wp-content\/uploads\/2016\/07\/Anti-Aliasing.jpg\",\"datePublished\":\"2016-07-30T23:17:52+00:00\",\"dateModified\":\"2016-07-30T23:17:52+00:00\",\"description\":\"What is anti aliasing you may ask? Usually used in computer graphics to simulate higher resolutions in raster graphics to hide pixalation\",\"breadcrumb\":{\"@id\":\"http:\/\/local.brightwhiz\/anti-aliasing-explained\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"http:\/\/local.brightwhiz\/anti-aliasing-explained\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"http:\/\/local.brightwhiz\/anti-aliasing-explained\/#primaryimage\",\"url\":\"http:\/\/local.brightwhiz\/wp-content\/uploads\/2016\/07\/Anti-Aliasing.jpg\",\"contentUrl\":\"http:\/\/local.brightwhiz\/wp-content\/uploads\/2016\/07\/Anti-Aliasing.jpg\",\"width\":1200,\"height\":630,\"caption\":\"Anti Aliasing\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"http:\/\/local.brightwhiz\/anti-aliasing-explained\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"http:\/\/local.brightwhiz\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"What is Anti Aliasing? A Simple Explanation\"}]},{\"@type\":\"WebSite\",\"@id\":\"http:\/\/local.brightwhiz\/#website\",\"url\":\"http:\/\/local.brightwhiz\/\",\"name\":\"Brightwhiz.com\",\"description\":\"Best Tech guides, Tutorials, and News\",\"publisher\":{\"@id\":\"http:\/\/local.brightwhiz\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"http:\/\/local.brightwhiz\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"http:\/\/local.brightwhiz\/#organization\",\"name\":\"Brightwhiz\",\"url\":\"http:\/\/local.brightwhiz\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"http:\/\/local.brightwhiz\/#\/schema\/logo\/image\/\",\"url\":\"http:\/\/local.brightwhiz\/wp-content\/uploads\/2021\/11\/brightwhiz-com-logo-orange.png\",\"contentUrl\":\"http:\/\/local.brightwhiz\/wp-content\/uploads\/2021\/11\/brightwhiz-com-logo-orange.png\",\"width\":706,\"height\":135,\"caption\":\"Brightwhiz\"},\"image\":{\"@id\":\"http:\/\/local.brightwhiz\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/brightwhiz\/\",\"https:\/\/twitter.com\/brightwhizmag\",\"https:\/\/instagram.com\/bright_whiz\/\",\"https:\/\/www.pinterest.com\/sobbayi\/\",\"https:\/\/www.youtube.com\/channel\/UC6sCdP_d_RiTIM7ErFT-PSQ\"]},{\"@type\":\"Person\",\"@id\":\"http:\/\/local.brightwhiz\/#\/schema\/person\/81f0f3126f13834ae2e7f381b3028e32\",\"name\":\"Michael Bright\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"http:\/\/local.brightwhiz\/#\/schema\/person\/image\/\",\"url\":\"http:\/\/1.gravatar.com\/avatar\/da90485875ff0aafa38fdd494abe87d1?s=96&d=mm&r=g\",\"contentUrl\":\"http:\/\/1.gravatar.com\/avatar\/da90485875ff0aafa38fdd494abe87d1?s=96&d=mm&r=g\",\"caption\":\"Michael Bright\"},\"sameAs\":[\"https:\/\/sobbayi.com\"],\"url\":\"http:\/\/local.brightwhiz\/author\/sobbayiadmin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Anti Aliasing Simply Explained in a 60 Seconds Write-Up","description":"What is anti aliasing you may ask? Usually used in computer graphics to simulate higher resolutions in raster graphics to hide pixalation","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":"http:\/\/local.brightwhiz\/anti-aliasing-explained\/","og_locale":"en_US","og_type":"article","og_title":"Anti Aliasing Simply Explained in a 60 Seconds Write-Up","og_description":"What is anti aliasing you may ask? Usually used in computer graphics to simulate higher resolutions in raster graphics to hide pixalation","og_url":"http:\/\/local.brightwhiz\/anti-aliasing-explained\/","og_site_name":"Brightwhiz.com","article_publisher":"https:\/\/www.facebook.com\/brightwhiz\/","article_published_time":"2016-07-30T23:17:52+00:00","og_image":[{"width":1200,"height":630,"url":"http:\/\/local.brightwhiz\/wp-content\/uploads\/2016\/07\/Anti-Aliasing.jpg","type":"image\/jpeg"}],"author":"Michael Bright","twitter_card":"summary_large_image","twitter_creator":"@brightwhizmag","twitter_site":"@brightwhizmag","twitter_misc":{"Written by":"Michael Bright","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"http:\/\/local.brightwhiz\/anti-aliasing-explained\/#article","isPartOf":{"@id":"http:\/\/local.brightwhiz\/anti-aliasing-explained\/"},"author":{"name":"Michael Bright","@id":"http:\/\/local.brightwhiz\/#\/schema\/person\/81f0f3126f13834ae2e7f381b3028e32"},"headline":"What is Anti Aliasing? A Simple Explanation","datePublished":"2016-07-30T23:17:52+00:00","dateModified":"2016-07-30T23:17:52+00:00","mainEntityOfPage":{"@id":"http:\/\/local.brightwhiz\/anti-aliasing-explained\/"},"wordCount":407,"commentCount":0,"publisher":{"@id":"http:\/\/local.brightwhiz\/#organization"},"image":{"@id":"http:\/\/local.brightwhiz\/anti-aliasing-explained\/#primaryimage"},"thumbnailUrl":"http:\/\/local.brightwhiz\/wp-content\/uploads\/2016\/07\/Anti-Aliasing.jpg","keywords":["Algorithms","Computer graphics","Digital arts","Images","Interactive Technics","Optimization"],"articleSection":["Articles","Guides","Technology"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["http:\/\/local.brightwhiz\/anti-aliasing-explained\/#respond"]}]},{"@type":"WebPage","@id":"http:\/\/local.brightwhiz\/anti-aliasing-explained\/","url":"http:\/\/local.brightwhiz\/anti-aliasing-explained\/","name":"Anti Aliasing Simply Explained in a 60 Seconds Write-Up","isPartOf":{"@id":"http:\/\/local.brightwhiz\/#website"},"primaryImageOfPage":{"@id":"http:\/\/local.brightwhiz\/anti-aliasing-explained\/#primaryimage"},"image":{"@id":"http:\/\/local.brightwhiz\/anti-aliasing-explained\/#primaryimage"},"thumbnailUrl":"http:\/\/local.brightwhiz\/wp-content\/uploads\/2016\/07\/Anti-Aliasing.jpg","datePublished":"2016-07-30T23:17:52+00:00","dateModified":"2016-07-30T23:17:52+00:00","description":"What is anti aliasing you may ask? Usually used in computer graphics to simulate higher resolutions in raster graphics to hide pixalation","breadcrumb":{"@id":"http:\/\/local.brightwhiz\/anti-aliasing-explained\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["http:\/\/local.brightwhiz\/anti-aliasing-explained\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"http:\/\/local.brightwhiz\/anti-aliasing-explained\/#primaryimage","url":"http:\/\/local.brightwhiz\/wp-content\/uploads\/2016\/07\/Anti-Aliasing.jpg","contentUrl":"http:\/\/local.brightwhiz\/wp-content\/uploads\/2016\/07\/Anti-Aliasing.jpg","width":1200,"height":630,"caption":"Anti Aliasing"},{"@type":"BreadcrumbList","@id":"http:\/\/local.brightwhiz\/anti-aliasing-explained\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"http:\/\/local.brightwhiz\/"},{"@type":"ListItem","position":2,"name":"What is Anti Aliasing? A Simple Explanation"}]},{"@type":"WebSite","@id":"http:\/\/local.brightwhiz\/#website","url":"http:\/\/local.brightwhiz\/","name":"Brightwhiz.com","description":"Best Tech guides, Tutorials, and News","publisher":{"@id":"http:\/\/local.brightwhiz\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"http:\/\/local.brightwhiz\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"http:\/\/local.brightwhiz\/#organization","name":"Brightwhiz","url":"http:\/\/local.brightwhiz\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"http:\/\/local.brightwhiz\/#\/schema\/logo\/image\/","url":"http:\/\/local.brightwhiz\/wp-content\/uploads\/2021\/11\/brightwhiz-com-logo-orange.png","contentUrl":"http:\/\/local.brightwhiz\/wp-content\/uploads\/2021\/11\/brightwhiz-com-logo-orange.png","width":706,"height":135,"caption":"Brightwhiz"},"image":{"@id":"http:\/\/local.brightwhiz\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/brightwhiz\/","https:\/\/twitter.com\/brightwhizmag","https:\/\/instagram.com\/bright_whiz\/","https:\/\/www.pinterest.com\/sobbayi\/","https:\/\/www.youtube.com\/channel\/UC6sCdP_d_RiTIM7ErFT-PSQ"]},{"@type":"Person","@id":"http:\/\/local.brightwhiz\/#\/schema\/person\/81f0f3126f13834ae2e7f381b3028e32","name":"Michael Bright","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"http:\/\/local.brightwhiz\/#\/schema\/person\/image\/","url":"http:\/\/1.gravatar.com\/avatar\/da90485875ff0aafa38fdd494abe87d1?s=96&d=mm&r=g","contentUrl":"http:\/\/1.gravatar.com\/avatar\/da90485875ff0aafa38fdd494abe87d1?s=96&d=mm&r=g","caption":"Michael Bright"},"sameAs":["https:\/\/sobbayi.com"],"url":"http:\/\/local.brightwhiz\/author\/sobbayiadmin\/"}]}},"_links":{"self":[{"href":"http:\/\/local.brightwhiz\/wp-json\/wp\/v2\/posts\/2890"}],"collection":[{"href":"http:\/\/local.brightwhiz\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/local.brightwhiz\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/local.brightwhiz\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/local.brightwhiz\/wp-json\/wp\/v2\/comments?post=2890"}],"version-history":[{"count":0,"href":"http:\/\/local.brightwhiz\/wp-json\/wp\/v2\/posts\/2890\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/local.brightwhiz\/wp-json\/wp\/v2\/media\/2892"}],"wp:attachment":[{"href":"http:\/\/local.brightwhiz\/wp-json\/wp\/v2\/media?parent=2890"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/local.brightwhiz\/wp-json\/wp\/v2\/categories?post=2890"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/local.brightwhiz\/wp-json\/wp\/v2\/tags?post=2890"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}