automatic image rescaling preserving design intention

23
Automatic Image Rescaling Preserving Design Intention Research Update Prasad Gabbur

Upload: kato-blanchard

Post on 31-Dec-2015

19 views

Category:

Documents


0 download

DESCRIPTION

Automatic Image Rescaling Preserving Design Intention. Research Update Prasad Gabbur. Scaling that preserves the design intention of the objects:. Simple scaling. Goal. Original:. Approach. Split input image into background (bg) and foreground (fg) layers - PowerPoint PPT Presentation

TRANSCRIPT

Page 1: Automatic Image Rescaling Preserving Design Intention

Automatic Image Rescaling Preserving Design Intention

Research Update

Prasad Gabbur

Page 2: Automatic Image Rescaling Preserving Design Intention

Goal

Simple scaling

Original:

Scaling that preserves the design intention of the objects:

Page 3: Automatic Image Rescaling Preserving Design Intention

Approach

• Split input image into background (bg) and foreground (fg) layers

• Scale the bg and fg layers separately

Background

Foreground

Page 4: Automatic Image Rescaling Preserving Design Intention

Background layer scaling

• Scale and shift elements to fit new page

• Ignore aspect ratio

• Classification of background elements

Area Horizontal

(Top, Bottom)

Vertical

(Left, right)

Page 5: Automatic Image Rescaling Preserving Design Intention

Background layer scaling• Scale and shift of background elements

Scale

Scale + Shift

Scale

+Shift

Sx > Sy Sy > Sx

Area

Horizontal

Vertical

To fit new page

To fit new page width

To fit new page height

Page 6: Automatic Image Rescaling Preserving Design Intention

Foreground layer scaling

• Scale and shift elements to fit new page

• Preserve aspect ratio

• Classification of foreground elements

Corner

(TL, TR, BL, BR)

Horizontal

(Top, Bottom)

Vertical

(Left, Right)

Page 7: Automatic Image Rescaling Preserving Design Intention

Foreground layer scaling

Scale

+ Shift

Scale

+ Shift

Scale

+ Shift

Corner

Horizontal

Vertical

Sx > Sy Sy > Sx

Page 8: Automatic Image Rescaling Preserving Design Intention

Foreground layer scaling

• Scaling preserves aspect ratio (Scale factor = min (Sx, Sy))• Shifting preserves distance ratio (dL/dR = const, dT/dB = const)

dL_old dR_old

dB_old

dT_olddT_new

dB_new

dL_new dR_new

Original Sx > Sy

(dL_new / dR_new)

= (dL_old / dR_old)

Sy > Sx

(dT_new / dB_new)

= (dT_old / dB_old)

HorizontalVertical

Shift of horizontal elements

Shift of vertical elements

Page 9: Automatic Image Rescaling Preserving Design Intention

Element extraction

• Elements are connected regions in the foreground or background layer

Multilayer image

Background layer(s)

Foreground layer(s)

Extract

alpha

channel

Label

connected

components

Page 10: Automatic Image Rescaling Preserving Design Intention

Connected component labeling

• Group together spatially connected pixels as a single component

• Each component is assigned a unique integer label

4-connectivity 8-connectivity

Page 11: Automatic Image Rescaling Preserving Design Intention

Connected component labeling• Region coloring algorithm (4-connected) [Ballard & Brown, 1982]

– Each pixel (Xc) in the image is scanned with the following mask:

XcXl

Xu

new_label = 1

If (Xu Є background & Xl Є foreground), then

label (Xc) = label (Xl)

Else if (Xu Є foreground & Xl Є background), then

label (Xc) = label (Xu)

Else if (Xu Є foreground & Xl Є foreground), then

label (Xc) = min ( label (Xl), label (Xu) )

Else

label (Xc) = new_label

new_label = new_label + 1

Page 12: Automatic Image Rescaling Preserving Design Intention

Connected component labeling

• Basic region coloring algorithm is slow• Requires multiple passes through the image• A faster version is realized with the help of a

custom data structure

• An array of the above data type can store information about all connected components

• Only one pass through the image is necessary

Page 13: Automatic Image Rescaling Preserving Design Intention

Connected component labeling

• A single raster scan of the image gives rise to following structure

……………………

Image with two connected components

Data structure at the end of a single image scan

Page 14: Automatic Image Rescaling Preserving Design Intention

Connected component labeling• Links in the array can be visualized as a tree structure

• Nodes in the tree are equivalent labels of a connected component

1 1 2

3 4

11 12 5 10

6 7 8 9

A fictitious connected component

Page 15: Automatic Image Rescaling Preserving Design Intention

Connected component labeling

• Trees with different configurations are possible depending on region complexity

• All branches merge at the bottom

One branch Two branches Four branches

Page 16: Automatic Image Rescaling Preserving Design Intention

Connected component labeling

• Resolving label equivalences

• All the equivalent labels are assigned the least value among them by stepping through the tree

1

1

1

1

1

1

1

1

1

1

1

1

1

2

3

4

5

6

7

8

9

10

11

12

Resolve

Page 17: Automatic Image Rescaling Preserving Design Intention

Connected component labeling

1 1 2

3 4

11 12 5 10

6 7 8 9

• Resolving label equivalences

1 1 1

1 1

1 1 1 1

1 1 1 1

Resolve

Page 18: Automatic Image Rescaling Preserving Design Intention

Elements

• Each connected component in the background or foreground layer is an element

• Geometric properties (bounding box center and limits) are computed as part of the labeling process

• Elements are classified based on the geometric properties

Background layer Foreground layer

Page 19: Automatic Image Rescaling Preserving Design Intention

Scaling issues*

• Scale up– Sparse distribution of pixels in the output

image– Bilinear interpolation to fill in pixel values

• Scale down– Aliasing due to sub-sampling– Low pass filtering before sub-sampling

* Thanks to Jian Fan, HP Labs.

Page 20: Automatic Image Rescaling Preserving Design Intention

Results• Background layer

Original

Labeled

Scaled (Sx >S y)

Scaled (Sy >S x)

Page 21: Automatic Image Rescaling Preserving Design Intention

Results• Foreground layer

Original

Labeled

Scaled (Sx >S y)

Scaled (Sy >S x)

Page 22: Automatic Image Rescaling Preserving Design Intention

Next

• Stitch together the foreground and background layers

• Work on an XML design for input

Page 23: Automatic Image Rescaling Preserving Design Intention

Thank you!