Difference between revisions of "Resizer:Fitting methods"

From den4b Wiki
Jump to navigation Jump to search
(Added visual demonstration.)
(Category added)
 
Line 40: Line 40:
  
 
[[File:Resizer fitting methods.png|border|800px]]
 
[[File:Resizer fitting methods.png|border|800px]]
 +
 +
[[Category:Resizer]]

Latest revision as of 22:26, 6 June 2020

Arrow Return.png Resizer  

Fitting methods dictate how the image will be resized to the target dimensions.

The table below describes each method.

# Fitting method Description
1 Stretch The original image is scaled vertically and horizontally to match exactly the target dimensions. Original aspect ratio is not maintained, so the image will get distorted.
2 Width The width of the image is scaled to match exactly the target width. The height is then scaled accordingly to maintain the original aspect ratio.
3 Height The height of the image is scaled to match exactly the target height. The width is then scaled accordingly to maintain the original aspect ratio.
4 Inside Scale the image proportionally until it fits inside of the target dimensions box. Also known as "long side fit".
5 Outside Scale the image proportionally until the target dimensions box fits inside of the image. Also known as "short side fit".
6 Inside and Pad Same as Inside fitting method, but the unoccupied space in the target dimensions box is kept as padding.
7 Outside and Crop Same as Outside fitting method, but the parts of image which do not overlap with target dimensions box are cropped.

A demonstration below attempts to visually describe the operation (logic) of each fitting methods.

  • Image A has aspect ratio greater than that of the target dimensions box.
  • Image B has aspect ratio lesser than that of the target dimensions box.
  • Target dimensions box is represented by a square for simplicity, while height and width can actually differ in practice.

Resizer fitting methods.png