Image processing

118
Image Processing 2014. 05. 28. 25박철우

description

Jaram Seminar 2014. 05. 28

Transcript of Image processing

Page 1: Image processing

Image����������� ������������������  Processing

2014.����������� ������������������  05.����������� ������������������  28.����������� ������������������  25기����������� ������������������  박철우

Page 2: Image processing

Image����������� ������������������  Processing

멀미����������� ������������������  겉핥기라고…⋯

이라����������� ������������������  쓰고

Page 3: Image processing

한양대학교����������� ������������������  ERICA캠퍼스����������� ������������������  

3학년����������� ������������������  1학기

Page 4: Image processing

‘멀티미디어����������� ������������������  정보처리’

한양대학교����������� ������������������  ERICA캠퍼스����������� ������������������  

3학년����������� ������������������  1학기

Page 5: Image processing

‘멀티미디어����������� ������������������  정보처리’

한양대학교����������� ������������������  ERICA캠퍼스����������� ������������������  

3학년����������� ������������������  1학기

Page 6: Image processing

물어보았습니다.‘멀티미디어����������� ������������������  정보처리’����������� ������������������  들어보니����������� ������������������  어땠나요?

Page 7: Image processing
Page 8: Image processing
Page 9: Image processing
Page 10: Image processing
Page 11: Image processing

쉬운거라����������� ������������������  죄송합니다.����������� ������������������  ㅜㅜ

Page 12: Image processing

…⋯����������� ������������������  ㅠㅠ

Page 13: Image processing

?!

Page 14: Image processing
Page 15: Image processing
Page 16: Image processing

여러분께����������� ������������������  바칩니다.

멀미를����������� ������������������  듣지����������� ������������������  않은멀 티 미 디 어 정 보 처 리

(을)

Page 17: Image processing

멀미����������� ������������������  겉핥기

2014.����������� ������������������  05.����������� ������������������  28.����������� ������������������  25기����������� ������������������  박철우

Page 18: Image processing

생각해본����������� ������������������  적����������� ������������������  있나요?

Page 19: Image processing

생각해본����������� ������������������  적����������� ������������������  있나요?

‘컴퓨터에서����������� ������������������  사진은����������� ������������������  어떻게����������� ������������������  표현될까?’

‘동영상은����������� ������������������  어떤����������� ������������������  원리지?’

다,����������� ������������������  다들����������� ������������������  알고있을지도…⋯

‘포토샵은����������� ������������������  대체����������� ������������������  어떻게����������� ������������������  만들었을까?’

‘프로그램����������� ������������������  개발할����������� ������������������  때����������� ������������������  이미지는����������� ������������������  어떻게����������� ������������������  처리하지?’

Page 20: Image processing

생각해본����������� ������������������  적����������� ������������������  있나요?

‘동영상은����������� ������������������  어떤����������� ������������������  원리지?’

다,����������� ������������������  다들����������� ������������������  알고있을지도…⋯

‘포토샵은����������� ������������������  대체����������� ������������������  어떻게����������� ������������������  만들었을까?’

‘프로그램����������� ������������������  개발할����������� ������������������  때����������� ������������������  이미지는����������� ������������������  어떻게����������� ������������������  처리하지?’

‘컴퓨터에서����������� ������������������  사진은����������� ������������������  어떻게����������� ������������������  표현될까?’떻게����������� ������������������  처리할까?어‘ ’

Page 21: Image processing

(아날로그����������� ������������������  데이터)

컴퓨터에서����������� ������������������  사용하기����������� ������������������  위해

현실의����������� ������������������  데이터를

디����������� ������������������  지����������� ������������������  털����������� ������������������  화

우선!

Page 22: Image processing

불연속적인����������� ������������������  데이터

연속적인����������� ������������������  데이터

Page 23: Image processing

디����������� ������������������  지����������� ������������������  털����������� ������������������  화위치, 색상⋅밝기이미지는 정보를

1

Page 24: Image processing

디지털화Digitization

이 미 지 의

Page 25: Image processing

디지털화Digitization

이 미 지 의

픽셀 Pixel

Page 26: Image processing

디지털화Digitization

이 미 지 의

픽셀 Pixel

Page 27: Image processing

디지털화Digitization

이 미 지 의

Page 28: Image processing

디지털화Digitization

표본화Sampling

양자화Quantization

이 미 지 의

Page 29: Image processing

디지털화D

표본화Sampling

양자화Quantization

이 미 지

Page 30: Image processing

디지털화D

표본화Sampling

양자화Quantization

이 미 지

위치 정보

Page 31: Image processing

위치 정보

512����������� ������������������  x����������� ������������������  512

표본화Sampling

Page 32: Image processing

위치 정보

128����������� ������������������  x����������� ������������������  128

표본화Sampling

Page 33: Image processing

위치 정보

64����������� ������������������  x����������� ������������������  64

표본화Sampling

Page 34: Image processing

위치 정보

32����������� ������������������  x����������� ������������������  32

표본화Sampling

Page 35: Image processing

디지털화D

표본화Sampling

양자화Quantization

이 미 지

위치 정보

Page 36: Image processing

디지털화D

표본화Sampling

양자화Quantization

이 미 지

위치 정보

Page 37: Image processing

디지털화D

표본화Sampling

양자화Quantization

이 미 지

위치 정보

색상, 밝기 정보

Page 38: Image processing

색상, 밝기 정보

픽셀당����������� ������������������  8×3����������� ������������������  비트

양자화Quantization

Page 39: Image processing

색상, 밝기 정보

양자화Quantization

픽셀당����������� ������������������  N×M����������� ������������������  비트?

Page 40: Image processing

색상, 밝기 정보

픽셀당����������� ������������������  4×3����������� ������������������  비트

양자화Quantization

Page 41: Image processing

색상, 밝기 정보

픽셀당����������� ������������������  2×3����������� ������������������  비트

양자화Quantization

Page 42: Image processing

색상, 밝기 정보

픽셀당����������� ������������������  1×3����������� ������������������  비트

양자화Quantization

Page 43: Image processing

디지털화D

표본화Sampling

양자화Quantization

이 미 지

위치 정보

색상, 밝기 정보

Page 44: Image processing

디지털화Digitization

표본화Sampling

양자화Quantization

이 미 지 의

위치 정보

색상, 밝기 정보

Page 45: Image processing

표본화Sampling

양자화Quantization

비트맵Sampling

Page 46: Image processing

Color model

이 미 지 를 표 현 하 는

컬러모델

Page 47: Image processing

Color model

이 미 지 를 표 현 하 는

컬러모델

RGB

HSV

CMY

YUV

ETC.

Page 48: Image processing

Color model

이 미 지 를 표 현 하 는

컬러모델

RGB

HSV

CMY

YUV

ETC.

Page 49: Image processing

Color model

이 미 지 를 표 현 하 는

컬러모델

RGB

HSV

CMY

YUV

ETC.

Page 50: Image processing

Color model

이 미 지 를 표 현 하 는

컬러모델

RGB

HSV

CMY

YUV

ETC.

Page 51: Image processing

Color model

이 미 지 를 표 현 하 는

컬러모델

RGB

HSV

CMY

YUV

ETC.

Page 52: Image processing

Color model

이 미 지 를 표 현 하 는

컬러모델

RGB

HSV

CMY

YUV

ETC.

Page 53: Image processing

Color model

이 미 지 를 표 현 하 는

컬러모델

RGB

HSV

CMY

YUV

ETC.

Page 54: Image processing

2

디지털화도 배웠으니,

이미지����������� ������������������  처리����������� ������������������  기법들을 알아봅시다.간단한

Page 55: Image processing

Pixel-based

픽셀����������� ������������������  기반����������� ������������������  처리

Page 56: Image processing

Histogram

히스토그램

Page 57: Image processing

Histogram

히스토그램

Page 58: Image processing

밝기����������� ������������������  값의����������� ������������������  분포도

포토샵에서����������� ������������������  많이…⋯?

0 255

Page 59: Image processing

Implementation구현

Page 60: Image processing

Arithmetical Operation

+ - × ÷

산술연산

Page 61: Image processing

이미지 히스토그램

Page 62: Image processing

이미지 히스토그램+����������� ������������������  50

Page 63: Image processing

이미지 히스토그램-����������� ������������������  50

Page 64: Image processing

이미지 히스토그램×����������� ������������������  1.2

Page 65: Image processing

이미지 히스토그램÷����������� ������������������  1.2

Page 66: Image processing

Implementation구현

Page 67: Image processing

이랄����������� ������������������  게����������� ������������������  있나요?

Implementation구현

Page 68: Image processing

Invert or Negative

이미지����������� ������������������  반전

Page 69: Image processing

밝은����������� ������������������  픽셀은����������� ������������������  어둡게����������� ������������������  어두운����������� ������������������  픽셀은����������� ������������������  밝게

Page 70: Image processing

반전����������� ������������������  시키면

Page 71: Image processing

Implementation구현

Page 72: Image processing

Contrast stretching

명암����������� ������������������  대비����������� ������������������  스트레칭

Page 73: Image processing

명암����������� ������������������  대비의����������� ������������������  이미지들

낮은����������� ������������������  

Page 74: Image processing

명암대비����������� ������������������  스트레칭을����������� ������������������  이용하면

Page 75: Image processing

뚜렷한!

이미지로

대비가

Page 76: Image processing

Contrast stretching

명암����������� ������������������  대비����������� ������������������  스트레칭

Page 77: Image processing

Contrast stretching

어떻게����������� ������������������  할까?

Page 78: Image processing

최소값 최대값과 을 지정하고

히스토그램 을 잡아����������� ������������������  늘리기

Page 79: Image processing

Implementation구현

Page 80: Image processing

그런데

Page 81: Image processing

그런데

Page 82: Image processing

Histogram equalization

히스토그램����������� ������������������  평활화

Page 83: Image processing

명암대비����������� ������������������  스트레칭은…⋯

Page 84: Image processing

최소값 최대값과 을 지정하고

히스토그램 을 잡아����������� ������������������  늘리기

명암대비����������� ������������������  스트레칭은…⋯

Page 85: Image processing

히스토그램����������� ������������������  평활화는…⋯

명암값 분포의 를

재분배하여

균등분포����������� ������������������  히스토그램으로

Page 86: Image processing

Implementation구현

Page 87: Image processing

이����������� ������������������  외에도이진화덧셈����������� ������������������  연산

뺄셈����������� ������������������  연산

크로마����������� ������������������  키히스토그램����������� ������������������  평활화

Page 88: Image processing

Spatial Operation

영역����������� ������������������  기반����������� ������������������  처리

Page 89: Image processing

Mask

마스크?

Page 90: Image processing

Implementation구현

Page 91: Image processing

Blurring

흐리게����������� ������������������  하기

Page 92: Image processing

마스크가이렇게

1/9 1/9 1/9

1/9 1/9 1/9

1/9 1/9 1/9

1/25 1/25 1/25 1/25 1/25

1/25 1/25 1/25 1/25 1/25

1/25 1/25 1/25 1/25 1/25

1/25 1/25 1/25 1/25 1/25

1/25 1/25 1/25 1/25 1/25

Blurring은

Page 93: Image processing

Preview

시연

Page 94: Image processing

Sharpening

선명하게����������� ������������������  하기

Page 95: Image processing

0 -1 0

-1 5 -1

0 -1 0마스크가이렇게 -1 -1 -1

-1 9 -1

-1 -1 -1

Sharpening은

Page 96: Image processing

Preview

시연

Page 97: Image processing

Noise Reduction

잡음����������� ������������������  제거

Page 98: Image processing

평균값����������� ������������������  필터링Averaging Filtering

Page 99: Image processing

중간값����������� ������������������  필터링Median Filtering

Page 100: Image processing

Preview

시연

Page 101: Image processing

Edge Detection

윤곽선����������� ������������������  검출

Page 102: Image processing

영상의����������� ������������������  밝기값이

����������� ������������������  변하는����������� ������������������  지점급격히!

윤곽선?(Edge)

Page 103: Image processing

어떻게����������� ������������������  찾을까?

Page 104: Image processing

Preview

시연

Page 105: Image processing

듣느라고생하셨습니다.

3

Page 106: Image processing

이미지����������� ������������������  말고도…⋯!

동영상

소리

도����������� ������������������  배우고

도����������� ������������������  배우고

Page 107: Image processing

나쁘지����������� ������������������  않아요.

Page 108: Image processing

마무리는����������� ������������������  훈훈하게

Page 109: Image processing
Page 110: Image processing
Page 111: Image processing
Page 112: Image processing
Page 113: Image processing
Page 114: Image processing
Page 115: Image processing
Page 116: Image processing

Q����������� ������������������  &����������� ������������������  A

Page 117: Image processing

감사합니다.

Page 118: Image processing

1. Paul����������� ������������������  Reynolds

https://www.flickr.com/photos/46153825@N00/182641756

2. Giulia����������� ������������������  Ballarin

https://www.flickr.com/photos/38672757@N00/2650281869

3. Andrew����������� ������������������  Bardwell

https://www.flickr.com/photos/65438265@N00/418423706