Image scaling explained

In computer graphics and digital imaging, image scaling refers to the resizing of a digital image. In video technology, the magnification of digital material is known as upscaling or resolution enhancement.

When scaling a vector graphic image, the graphic primitives that make up the image can be scaled using geometric transformations with no loss of image quality. When scaling a raster graphics image, a new image with a higher or lower number of pixels must be generated. In the case of decreasing the pixel number (scaling down), this usually results in a visible quality loss. From the standpoint of digital signal processing, the scaling of raster graphics is a two-dimensional example of sample-rate conversion, the conversion of a discrete signal from a sampling rate (in this case, the local sampling rate) to another.

Mathematical

Image scaling can be interpreted as a form of image resampling or image reconstruction from the view of the Nyquist sampling theorem. According to the theorem, downsampling to a smaller image from a higher-resolution original can only be carried out after applying a suitable 2D anti-aliasing filter to prevent aliasing artifacts. The image is reduced to the information that can be carried by the smaller image.

In the case of up sampling, a reconstruction filter takes the place of the anti-aliasing filter.

A more sophisticated approach to upscaling treats the problem as an inverse problem, solving the question of generating a plausible image that, when scaled down, would look like the input image. A variety of techniques have been applied for this, including optimization techniques with regularization terms and the use of machine learning from examples.

Algorithms

See also: Comparison gallery of image scaling algorithms.

An image size can be changed in several ways.

Nearest-neighbor interpolation

One of the simpler ways of increasing image size is nearest-neighbor interpolation, replacing every pixel with the nearest pixel in the output; for upscaling, this means multiple pixels of the same color will be present. This can preserve sharp details but also introduce jaggedness in previously smooth images. 'Nearest' in nearest-neighbor does not have to be the mathematical nearest. One common implementation is to always round toward zero. Rounding this way produces fewer artifacts and is faster to calculate.

This algorithm is often preferred for images which have little to no smooth edges. A common application of this can be found in pixel art.

Bilinear and bicubic algorithms

Bilinear interpolation works by interpolating pixel color values, introducing a continuous transition into the output even where the original material has discrete transitions. Although this is desirable for continuous-tone images, this algorithm reduces contrast (sharp edges) in a way that may be undesirable for line art. Bicubic interpolation yields substantially better results, with an increase in computational cost.

Sinc and Lanczos resampling

Sinc resampling, in theory, provides the best possible reconstruction for a perfectly bandlimited signal. In practice, the assumptions behind sinc resampling are not completely met by real-world digital images. Lanczos resampling, an approximation to the sinc method, yields better results. Bicubic interpolation can be regarded as a computationally efficient approximation to Lanczos resampling.

Box sampling

One weakness of bilinear, bicubic, and related algorithms is that they sample a specific number of pixels. When downscaling below a certain threshold, such as more than twice for all bi-sampling algorithms, the algorithms will sample non-adjacent pixels, which results in both losing data and rough results.

The trivial solution to this issue is box sampling, which is to consider the target pixel a box on the original image and sample all pixels inside the box. This ensures that all input pixels contribute to the output. The major weakness of this algorithm is that it is hard to optimize.

Mipmap

Another solution to the downscale problem of bi-sampling scaling is mipmaps. A mipmap is a prescaled set of downscaled copies. When downscaling, the nearest larger mipmap is used as the origin to ensure no scaling below the useful threshold of bilinear scaling. This algorithm is fast and easy to optimize. It is standard in many frameworks, such as OpenGL. The cost is using more image memory, exactly one-third more in the standard implementation.

Fourier-transform methods

Simple interpolation based on the Fourier transform pads the frequency domain with zero components (a smooth window-based approach would reduce the ringing). Besides the good conservation (or recovery) of details, notable are the ringing and the circular bleeding of content from the left border to the right border (and the other way around).

Edge-directed interpolation

Edge-directed interpolation algorithms aim to preserve edges in the image after scaling, unlike other algorithms, which can introduce staircase artifacts.

Examples of algorithms for this task include New Edge-Directed Interpolation (NEDI),[1] [2] Edge-Guided Image Interpolation (EGGI),[3] Iterative Curvature-Based Interpolation (ICBI), and Directional Cubic Convolution Interpolation (DCCI).[4] A 2013 analysis found that DCCI had the best scores in peak signal-to-noise ratio and structural similarity on a series of test images.[5]

hqx

For magnifying computer graphics with low resolution and/or few colors (usually from 2 to 256 colors), better results can be achieved by hqx or other pixel-art scaling algorithms. These produce sharp edges and maintain a high level of detail.

Vectorization

Vector extraction, or vectorization, offers another approach. Vectorization first creates a resolution-independent vector representation of the graphic to be scaled. Then the resolution-independent version is rendered as a raster image at the desired resolution. This technique is used by Adobe Illustrator, Live Trace, and Inkscape.[6] Scalable Vector Graphics are well suited to simple geometric images, while photographs do not fare well with vectorization due to their complexity.

Deep convolutional neural networks

This method uses machine learning for more detailed images, such as photographs and complex artwork. Programs that use this method include waifu2x, Imglarger and Neural Enhance.

Demonstration of conventional vs. waifu2x upscaling with noise reduction, using a detail of Phosphorus and Hesperus by Evelyn De Morgan. [Click image for full size]

AI-driven software such as the MyHeritage Photo Enhancer allows detail and sharpness to be added to historical photographs, where it is not present in the original.

Applications

General

Image scaling is used in, among other applications, web browsers,[7] image editors, image and file viewers, software magnifiers, digital zoom, the process of generating thumbnail images, and when outputting images through screens or printers.

Video

This application is the magnification of images for home theaters for HDTV-ready output devices from PAL-Resolution content, for example, from a DVD player. Upscaling is performed in real time, and the output signal is not saved.

Pixel-art scaling

See main article: Pixel-art scaling algorithms. As pixel-art graphics are usually low-resolution, they rely on careful placement of individual pixels, often with a limited palette of colors. This results in graphics that rely on stylized visual cues to define complex shapes with little resolution, down to individual pixels. This makes scaling pixel art a particularly difficult problem.

Specialized algorithms[8] were developed to handle pixel-art graphics, as the traditional scaling algorithms do not take perceptual cues into account.

Since a typical application is to improve the appearance of fourth-generation and earlier video games on arcade and console emulators, many are designed to run in real time for small input images at 60 frames per second.

On fast hardware, these algorithms are suitable for gaming and other real-time image processing. These algorithms provide sharp, crisp graphics, while minimizing blur. Scaling art algorithms have been implemented in a wide range of emulators such as HqMAME and DOSBox, as well as 2D game engines and game engine recreations such as ScummVM. They gained recognition with gamers, for whom these technologies encouraged a revival of 1980s and 1990s gaming experiences.

Such filters are currently used in commercial emulators on Xbox Live, Virtual Console, and PSN to allow classic low-resolution games to be more visually appealing on modern HD displays. Recently released games that incorporate these filters include Sonic's Ultimate Genesis Collection, , , and Akumajō Dracula X Chi no Rondo.

Real-time scaling

A number of companies have developed techniques to upscale video frames in real-time, such as when they are drawn on screen in a video game. Nvidia's deep learning super sampling (DLSS) uses deep learning to upsample lower-resolution images to a higher resolution for display on higher-resolution computer monitors.[9] AMD's FidelityFX Super Resolution 1.0 (FSR) does not employ machine learning, instead using traditional hand-written algorithms to achieve spatial upscaling on traditional shading units. FSR 2.0 utilises temporal upscaling, again with a hand-tuned algorithm. FSR standardized presets are not enforced, and some titles such as Dota 2 offer resolution sliders.[10] Other technologies include Intel XeSS and Nvidia Image Scaler (NIS).[11] [12]

See also

Notes and References

  1. Web site: Edge-Directed Interpolation. 19 February 2016.
  2. Xin Li. Michael T. Orchard. 2000 IEEE International Conference on Image Processing. 311. NEW EDGE DIRECTED INTERPOLATION. dead. https://web.archive.org/web/20160214121631/http://www.csee.wvu.edu/~xinl/papers/ICIP2000a.pdf. 2016-02-14.
  3. Zhang, D. . Xiaolin Wu . An Edge-Guided Image Interpolation Algorithm via Directional Filtering and Data Fusion. IEEE Transactions on Image Processing . 15 . 8 . 2226–38 . 16900678 . 2006ITIP...15.2226Z . 2006 . 10.1109/TIP.2006.877407 . 9760560 .
  4. Web site: Dengwen Zhou. Xiaoliu Shen. Image Zooming Using Directional Cubic Convolution Interpolation. 13 September 2015.
  5. Shaode Yu. Rongmao Li. Rui Zhang. Mou An. Shibin Wu. Yaoqin Xie. Performance evaluation of edge-directed interpolation methods for noise-free images. 1303.6455. cs.CV. 2013.
  6. Johannes Kopf and Dani Lischinski. Depixelizing Pixel Art. ACM Transactions on Graphics . 2011. 30 . 4. 99:1–99:8. 10.1145/2010324.1964994. https://archive.today/20150901034643/http://research.microsoft.com/en-us/um/people/kopf/pixelart. 2015-09-01 . 24 October 2012.
  7. http://www.entropymine.com/resamplescope/notes/browsers/ Analysis of image scaling algorithms used by popular web browsers
  8. Web site: Pixel Scalers. 19 February 2016.
  9. Web site: NVIDIA DLSS: Your Questions, Answered. 2021-10-13. www.nvidia.com. en-us. 5 October 2021. https://web.archive.org/web/20211005045718/https://www.nvidia.com/en-us/geforce/news/nvidia-dlss-your-questions-answered/. live.
  10. Web site: Valve's Dota 2 Adds AMD FidelityFX Super Resolution - Phoronix. 2021-10-13. www.phoronix.com. 21 July 2021. https://web.archive.org/web/20210721181636/https://www.phoronix.com/scan.php?page=news_item&px=Dota-2-FidelityFX-Super-Res. live.
  11. Web site: Gartenberg. Chaim. 2021-08-19. Intel shows off its answer to Nvidia's DLSS, coming to Arc GPUs in 2022. 2021-10-13. The Verge. en. 19 August 2021. https://web.archive.org/web/20210819171113/https://www.theverge.com/2021/8/19/22631061/intel-arc-gpu-alchemist-xe-ss-super-sampling-ai-architecture-day-preview. live.
  12. Web site: 2021-11-16. What Is Nvidia Image Scaling? Upscaling Tech, Explained. 2021-12-03. Digital Trends. en.