Questions tagged [antialiasing]

Techniques for minimizing artifacts when representing a high-resolution image at a lower resolution, or rendering an image from a scene with small details.

In digital signal processing, spatial anti-aliasing is the technique of minimizing the distortion artifacts known as aliasing when representing a high-resolution image at a lower resolution. Anti-aliasing is used in digital photography, computer graphics, digital audio, and many other applications. Anti-aliasing means removing signal components that have a higher frequency than is able to be properly resolved by the recording (or sampling) device. This removal is done before (re)sampling at a lower resolution.

In signal acquisition and audio, anti-aliasing is often done using an analog anti-aliasing filter to remove the out-of-band component of the input signal prior to sampling with an analog-to-digital converter. In digital photography, optical anti-aliasing filters are made of birefringent materials, and smooth the signal in the spatial optical domain. The anti-aliasing filter essentially blurs the image slightly in order to reduce resolution to below the limit of the digital sensor (the larger the pixel pitch, the lower the achievable resolution at the sensor level). See the articles on signal processing and aliasing for more information about the theoretical justifications for anti-aliasing.

(Summarized from http://en.wikipedia.org/wiki/Spatial_anti-aliasing)

973 questions
19
votes
2 answers

UIImage ScaleToFit disable antialias?

is there any way to disable antialiasing when scaling images in uiimage? thanks
Rakka Rage
  • 15,941
  • 8
  • 33
  • 45
19
votes
3 answers

WPF DrawingContext seems ignore SnapToDevicePixels

I'm drawing a chart by direct calls to DrawLine on the DrawingContext. Since I want to avoid any anti aliasing feature, I tryed to put the SnapToDevicePixels=true on the parent UIElement, but I still have anti-alias: The project was an old OS…
Felice Pollano
  • 32,832
  • 9
  • 75
  • 115
19
votes
2 answers

Draw smooth circle in iOS sprite kit

I try to draw a single circle in my iOS SpriteKit project but the edges of the circle are not smooth. I would like to have a nicely drawn circle as I would draw it with Photoshop (anti-aliasing). I found several similar questions but the my problem…
xpepermint
  • 35,055
  • 30
  • 109
  • 163
18
votes
5 answers

Does CSS support text anti-aliasing such as "crisp, sharp etc" yet?

I have some text in Photoshop & it's set to "crisp". When I put it on my site it doesn't quite look the same. Does anything exist in CSS yet that I can use to make it crisp? Or not? Or do you have any suggestions to achieve a similar effect?
Brett
  • 19,449
  • 54
  • 157
  • 290
17
votes
2 answers

Quality of Three.js shadow in Chrome/MacOS?

I am experimenting with a simple Three.js scene (novice in this area). I am using the Three.js WebGLRenderer and have set up a plane, a cube that casts shadows and a directional light source. The result is shown in the image. How do I: 1. Increase…
dani
  • 4,880
  • 8
  • 55
  • 95
17
votes
5 answers

font-smoothing not applied to buttons

I have used this snippet to prevent webkit from changing antialiasing when using CSS transforms: html{ -webkit-font-smoothing: antialiased; } This works fine for most cases, however I noticed some weirdness in chrome when playing around with…
David Hellsing
  • 106,495
  • 44
  • 176
  • 212
16
votes
7 answers

IE 9 does not use sub-pixel antialiasing under certain conditions

[Original title: IE 9 text renders very poorly; is there a workaround?) IE 9 is rendering the text in my application very poorly. The problem is not in my monitor's Clear Type settings, since IE 9 in compatibility mode, Firefox, and Chrome all…
Jacob
  • 77,566
  • 24
  • 149
  • 228
16
votes
3 answers

Disable Cleartype (text anti-aliasing) in IE9

It's well documented (e.g. here) that IE9 ignores the OS-wide settings for font smoothing (aka anti-aliasing). Even if font-smoothing and ClearType are disabled in Windows, IE still shows anti-aliased fonts, which some users struggle to read,…
Justin Grant
  • 44,807
  • 15
  • 124
  • 208
16
votes
3 answers

QML Image smooth property not working

In QML I've created a Rectangle view with a set of Image elements in it. I can't seem to get the smooth property to work, which is set to true for both the view and the images. I've tried scaling the images themselves and scaling the view. No matter…
Robbert
  • 5,063
  • 6
  • 36
  • 44
16
votes
1 answer

UIImage's drawInrect: smoothes image

I'm trying to draw image using UIImage's drawInRect: method. Here is the code: UIImage *image = [UIImage imageNamed:@"OrangeBadge.png"]; UIGraphicsBeginImageContext(image.size); [image drawInRect:CGRectMake(0, 0, image.size.width,…
tonytony
  • 1,994
  • 3
  • 20
  • 27
15
votes
2 answers

Java AWT custom CompositeContext & anti-aliasing: RasterFormatException when drawing outside of the client area

I am trying to implement SWT GC-like xor-mode drawing for an AWT Graphics2D. Using the built-in XORComposite is not an option as it does not implement xor-mode drawing as in SWT. The SWT xor-mode drawing combines source and destination colors via…
Matthias
  • 1,005
  • 7
  • 20
14
votes
1 answer

HTML5 Canvas avoid any subpixel rendering

As seen here. I have been having a few issues with sub pixel precision in the canvas. Now I'm having even more. I'm trying to render hard edged isometric squares as shown in the image in the link I provided. In an attempt to later work through the…
Tristan
  • 3,845
  • 5
  • 35
  • 58
14
votes
2 answers

Anti-alias diagonal edges of CALayer

When I set the transform property of my CALayer with a CATransform3DRotate, the layer is properly rotated. However, the edges of the layer are jagged and not anti-aliased. I've read a couple posts on the subject: iPhone: CALayer + rotate in 3D +…
tassock
  • 1,633
  • 1
  • 17
  • 32
14
votes
2 answers

MacVim: Turn off anti-aliased fonts with advanced rendering enabled

With MacVim, I use the Monaco font at size 10, which under the standard MacVim config is NOT anti-aliased. When I turned on Advanced Rendering in MacVim preferences (advanced tab), Monaco 10pt is now anti-aliased, which is not what I want. Is there…
jtrim
  • 3,465
  • 4
  • 31
  • 44
14
votes
3 answers

SKCropNode masking edge anti-aliasing

I created a circular mask and animate a sprite inside the mask by using sprite kit SKCropNode class. But the edge of the mask looks pixellated. Is there a way to use anti-aliasing to smooth the edges?
Rikkas
  • 572
  • 4
  • 19
1 2
3
64 65