๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
์นดํ…Œ๊ณ ๋ฆฌ ์—†์Œ

์•Œ์”จ ์‚ฌ์ง„ ์šฉ๋Ÿ‰ ์ค„์ด๋Š” ๋ฒ•

by 5566 2023. 8. 28.

1. ์‚ฌ์ง„ ์šฉ๋Ÿ‰ ์ค„์ด๋Š” ํ•„์š”์„ฑ

์‚ฌ์ง„ ์šฉ๋Ÿ‰์„ ์ค„์ด๋Š” ๊ฒƒ์€ ์—ฌ๋Ÿฌ ๊ฐ€์ง€ ์ด์œ ๋กœ ๋งค์šฐ ์ค‘์š”ํ•ฉ๋‹ˆ๋‹ค. ์‚ฌ์ง„ ํŒŒ์ผ์˜ ํฌ๊ธฐ๊ฐ€ ๋„ˆ๋ฌด ํฌ๋ฉด ์ธํ„ฐ๋„ท์—์„œ ์ „์†กํ•˜๊ธฐ ํž˜๋“ค์–ด์ง€๊ณ , ์ €์žฅ ๊ณต๊ฐ„์„ ๋งŽ์ด ์ฐจ์ง€ํ•˜๊ฒŒ ๋ฉ๋‹ˆ๋‹ค. ๋˜ํ•œ, ์šฉ๋Ÿ‰์ด ํฐ ์‚ฌ์ง„์€ ์›น ํŽ˜์ด์ง€ ๋กœ๋”ฉ ์†๋„๋ฅผ ๋Š๋ฆฌ๊ฒŒ ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์ด๋Ÿฌํ•œ ์ด์œ ๋กœ ์‚ฌ์ง„ ์šฉ๋Ÿ‰์„ ์ค„์ด๋Š” ๊ฒƒ์€ ๋งค์šฐ ์œ ์šฉํ•ฉ๋‹ˆ๋‹ค. ์ž‘์€ ์šฉ๋Ÿ‰์˜ ์‚ฌ์ง„ ํŒŒ์ผ์€ ํšจ์œจ์ ์œผ๋กœ ์ „์†ก๋˜๊ณ  ์ €์žฅ๋  ์ˆ˜ ์žˆ์œผ๋ฉฐ, ์›น ํŽ˜์ด์ง€์˜ ๋กœ๋”ฉ ์†๋„ ํ–ฅ์ƒ์—๋„ ๋„์›€์ด ๋ฉ๋‹ˆ๋‹ค. ๋”ฐ๋ผ์„œ, ์‚ฌ์ง„ ์šฉ๋Ÿ‰์„ ์ค„์ด๋Š” ๋ฐฉ๋ฒ•์„ ์•Œ๊ณ  ์žˆ๋‹ค๋ฉด ํ•„์š”์— ๋”ฐ๋ผ ์‚ฌ์ง„์„ ์‰ฝ๊ฒŒ ์กฐ์ ˆํ•˜๊ณ  ๊ด€๋ฆฌํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์ด์ œ ๋‹ค์Œ ํ•ญ๋ชฉ์—์„œ๋Š” ์‚ฌ์ง„ ์šฉ๋Ÿ‰์„ ์ค„์ด๋Š” ๋ช‡ ๊ฐ€์ง€ ๋ฐฉ๋ฒ•์„ ์†Œ๊ฐœํ•˜๋„๋ก ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค.

2. ์ด๋ฏธ์ง€ ์••์ถ• ๋ฐฉ๋ฒ•

์ด๋ฏธ์ง€ ์••์ถ•์€ ์‚ฌ์ง„ ์šฉ๋Ÿ‰์„ ์ค„์ผ ์ˆ˜ ์žˆ๋Š” ๊ฐ€์žฅ ์ผ๋ฐ˜์ ์ธ ๋ฐฉ๋ฒ• ์ค‘ ํ•˜๋‚˜์ž…๋‹ˆ๋‹ค. ์••์ถ•์€ ์ด๋ฏธ์ง€์˜ ๋ฐ์ดํ„ฐ๋ฅผ ์ตœ์ ํ™”ํ•˜์—ฌ ์šฉ๋Ÿ‰์„ ์ค„์ด๋Š” ๊ณผ์ •์„ ์˜๋ฏธํ•ฉ๋‹ˆ๋‹ค. ์ด๋ฅผ ํ†ตํ•ด ์‚ฌ์ง„ ํŒŒ์ผ์˜ ํฌ๊ธฐ๋ฅผ ์ค„์ผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

1. ์˜จ๋ผ์ธ ์ด๋ฏธ์ง€ ์••์ถ• ๋„๊ตฌ ์‚ฌ์šฉํ•˜๊ธฐ

์˜จ๋ผ์ธ ์ด๋ฏธ์ง€ ์••์ถ• ๋„๊ตฌ๋Š” ์‚ฌ์ง„ ํŒŒ์ผ ํฌ๊ธฐ๋ฅผ ์ค„์ผ ์ˆ˜ ์žˆ๋Š” ๊ฐ„ํŽธํ•œ ๋ฐฉ๋ฒ•์ž…๋‹ˆ๋‹ค. ์ผ๋ฐ˜์ ์œผ๋กœ ์ด๋ฏธ์ง€๋ฅผ ์—…๋กœ๋“œํ•˜๋ฉด ์ž๋™์œผ๋กœ ์••์ถ•์ด ์ง„ํ–‰๋˜๊ณ , ๋‹ค์šด๋กœ๋“œ ๋งํฌ๊ฐ€ ์ œ๊ณต๋ฉ๋‹ˆ๋‹ค. ๋ช‡ ๊ฐ€์ง€ ์ธ๊ธฐ ์žˆ๋Š” ์˜จ๋ผ์ธ ์ด๋ฏธ์ง€ ์••์ถ• ๋„๊ตฌ๋กœ๋Š” "TinyPNG"์™€ "JPEGmini" ๋“ฑ์ด ์žˆ์Šต๋‹ˆ๋‹ค.

2. ์ด๋ฏธ์ง€ ํŽธ์ง‘ ์†Œํ”„ํŠธ์›จ์–ด ์‚ฌ์šฉํ•˜๊ธฐ

์ด๋ฏธ์ง€ ํŽธ์ง‘ ์†Œํ”„ํŠธ์›จ์–ด๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์ด๋ฏธ์ง€๋ฅผ ์••์ถ•ํ•  ์ˆ˜๋„ ์žˆ์Šต๋‹ˆ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด, Adobe Photoshop, GIMP, Lightroom ๋“ฑ์˜ ์†Œํ”„ํŠธ์›จ์–ด๋ฅผ ์‚ฌ์šฉํ•ด ์ด๋ฏธ์ง€์˜ ํ’ˆ์งˆ๊ณผ ์šฉ๋Ÿ‰์„ ์กฐ์ ˆํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์••์ถ• ์„ค์ •์—๋Š” ์—ฌ๋Ÿฌ ๊ฐ€์ง€ ์˜ต์…˜์ด ์žˆ์œผ๋ฏ€๋กœ ์›ํ•˜๋Š” ํ’ˆ์งˆ๊ณผ ์šฉ๋Ÿ‰์„ ์„ ํƒํ•˜์—ฌ ์กฐ์ •ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

3. ์ด๋ฏธ์ง€ ํฌ๋งท ์„ ํƒํ•˜๊ธฐ

์ด๋ฏธ์ง€ ํฌ๋งท์„ ๋ฐ”๊ฟˆ์œผ๋กœ์จ ์ด๋ฏธ์ง€์˜ ์šฉ๋Ÿ‰์„ ์ค„์ผ ์ˆ˜๋„ ์žˆ์Šต๋‹ˆ๋‹ค. ์ฃผ๋กœ ์‚ฌ์šฉ๋˜๋Š” ์ด๋ฏธ์ง€ ํฌ๋งท์€ JPEG, PNG, GIF์ž…๋‹ˆ๋‹ค. ๊ฐ๊ฐ์˜ ํฌ๋งท์€ ๋ฐ์ดํ„ฐ ์••์ถ• ๋ฐฉ์‹์ด ๋‹ค๋ฅด๋ฏ€๋กœ, ์••์ถ•๋ฅ ์ด๋‚˜ ํ’ˆ์งˆ์— ์ฐจ์ด๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด, JPEG๋Š” ์‚ฌ์ง„๊ณผ ๊ฐ™์€ ํ‘œํ˜„์ ์ธ ์ด๋ฏธ์ง€์— ์ ํ•ฉํ•˜๋ฉฐ, PNG๋Š” ํˆฌ๋ช…๋„๋‚˜ ํˆฌ๋ช… ๋ฐฐ๊ฒฝ์„ ํ•„์š”๋กœ ํ•˜๋Š” ์ด๋ฏธ์ง€์— ์ข‹์Šต๋‹ˆ๋‹ค. GIF๋Š” ์• ๋‹ˆ๋ฉ”์ด์…˜๊ณผ ๊ฐ™์€ ์›€์ง์ด๋Š” ์ด๋ฏธ์ง€์— ์ ํ•ฉํ•ฉ๋‹ˆ๋‹ค. ๋”ฐ๋ผ์„œ, ์ด๋ฏธ์ง€์˜ ํŠน์„ฑ์— ๋งž๋Š” ํฌ๋งท์„ ์„ ํƒํ•˜์—ฌ ์šฉ๋Ÿ‰์„ ์ค„์ด๋Š” ๊ฒƒ์ด ์ข‹์Šต๋‹ˆ๋‹ค.

์ด๋ ‡๊ฒŒ ์ด๋ฏธ์ง€๋ฅผ ์••์ถ•ํ•˜์—ฌ ์šฉ๋Ÿ‰์„ ์ค„์ด๋Š” ๋ฐฉ๋ฒ•์„ ์ด์šฉํ•˜๋ฉด, ์‚ฌ์ง„ ํŒŒ์ผ์„ ํšจ๊ณผ์ ์œผ๋กœ ๊ด€๋ฆฌํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋‹ค์Œ ํ•ญ๋ชฉ์—์„œ๋Š” ํ•ด์ƒ๋„๋ฅผ ์กฐ์ ˆํ•˜๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ์•Œ์•„๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค.

3. ํ•ด์ƒ๋„ ์กฐ์ ˆํ•˜๊ธฐ

ํ•ด์ƒ๋„ ์กฐ์ ˆ์€ ์ด๋ฏธ์ง€์˜ ํฌ๊ธฐ๋ฅผ ์กฐ์ ˆํ•˜๋Š” ๋ฐฉ๋ฒ• ์ค‘ ํ•˜๋‚˜์ž…๋‹ˆ๋‹ค. ํ•ด์ƒ๋„๋ž€ ์ด๋ฏธ์ง€๊ฐ€ ๊ฐ€๋กœ ์„ธ๋กœ๋กœ ๋‚˜ํƒ€๋‚ด๋Š” ํ”ฝ์…€์˜ ์ˆ˜๋ฅผ ์˜๋ฏธํ•ฉ๋‹ˆ๋‹ค. ํ•ด์ƒ๋„๋ฅผ ์กฐ์ ˆํ•จ์œผ๋กœ์จ ์ด๋ฏธ์ง€์˜ ํฌ๊ธฐ๋ฅผ ์ค„์ด๊ฑฐ๋‚˜ ํ™•๋Œ€ํ•  ์ˆ˜ ์žˆ์œผ๋ฉฐ, ์ด๋ฅผ ํ†ตํ•ด ์ด๋ฏธ์ง€์˜ ์šฉ๋Ÿ‰์„ ์ค„์ด๋Š” ๊ฒƒ์ด ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค.

1. ์ด๋ฏธ์ง€ ํŽธ์ง‘ ์†Œํ”„ํŠธ์›จ์–ด ์‚ฌ์šฉํ•˜๊ธฐ

์ด๋ฏธ์ง€ ํŽธ์ง‘ ์†Œํ”„ํŠธ์›จ์–ด๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์ด๋ฏธ์ง€์˜ ํ•ด์ƒ๋„๋ฅผ ์กฐ์ ˆํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋Œ€๋ถ€๋ถ„์˜ ์†Œํ”„ํŠธ์›จ์–ด์—์„œ๋Š” ์ด๋ฏธ์ง€์˜ ํฌ๊ธฐ๋ฅผ ์กฐ์ ˆํ•˜๋Š” ๊ธฐ๋Šฅ์ด ์ œ๊ณต๋˜๋ฉฐ, ์˜ˆ๋ฅผ ๋“ค์–ด Adobe Photoshop, GIMP, Lightroom ๋“ฑ์ด ์žˆ์Šต๋‹ˆ๋‹ค. ์†Œํ”„ํŠธ์›จ์–ด๋ฅผ ํ†ตํ•ด ์ด๋ฏธ์ง€์˜ ๊ฐ€๋กœ ์„ธ๋กœ ํฌ๊ธฐ๋ฅผ ์„ค์ •ํ•˜์—ฌ ํ•ด์ƒ๋„๋ฅผ ์กฐ์ ˆํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

2. ์˜จ๋ผ์ธ ์ด๋ฏธ์ง€ ํŽธ์ง‘ ๋„๊ตฌ ์‚ฌ์šฉํ•˜๊ธฐ

์˜จ๋ผ์ธ ์ด๋ฏธ์ง€ ํŽธ์ง‘ ๋„๊ตฌ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์ด๋ฏธ์ง€์˜ ํ•ด์ƒ๋„๋ฅผ ์กฐ์ ˆํ•  ์ˆ˜๋„ ์žˆ์Šต๋‹ˆ๋‹ค. ์†Œํ”„ํŠธ์›จ์–ด๋ฅผ ๋‹ค์šด๋กœ๋“œํ•  ํ•„์š” ์—†์ด ์›น ๋ธŒ๋ผ์šฐ์ €์—์„œ ๋ฐ”๋กœ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด, Pixlr, Fotor, Canva ๋“ฑ์˜ ์˜จ๋ผ์ธ ์ด๋ฏธ์ง€ ํŽธ์ง‘ ๋„๊ตฌ๋ฅผ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๊ฐ„๋‹จํ•œ ์กฐ์ž‘์œผ๋กœ ์ด๋ฏธ์ง€์˜ ํฌ๊ธฐ์™€ ํ•ด์ƒ๋„๋ฅผ ์กฐ์ ˆํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

3. ์‚ฌ์ง„ ์ดฌ์˜ ์‹œ ํ•ด์ƒ๋„ ์„ค์ •ํ•˜๊ธฐ

์‚ฌ์ง„์„ ์ดฌ์˜ํ•  ๋•Œ ์ด๋ฏธ์ง€์˜ ํ•ด์ƒ๋„๋ฅผ ์„ค์ •ํ•  ์ˆ˜๋„ ์žˆ์Šต๋‹ˆ๋‹ค. ์ผ๋ฐ˜์ ์œผ๋กœ ๋””์ง€ํ„ธ ์นด๋ฉ”๋ผ๋Š” ์‚ฌ์ง„ ์ดฌ์˜ ์‹œ ํ•ด์ƒ๋„ ์กฐ์ ˆ ์˜ต์…˜์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. ๋†’์€ ํ•ด์ƒ๋„๋กœ ์„ค์ •ํ•˜๋ฉด ์ด๋ฏธ์ง€์˜ ์„ธ๋ถ€ ์‚ฌํ•ญ์ด ๋”์šฑ ๋ถ€๊ฐ๋˜์ง€๋งŒ, ๊ทธ์— ๋”ฐ๋ผ ์šฉ๋Ÿ‰๋„ ์ปค์ง‘๋‹ˆ๋‹ค. ๋”ฐ๋ผ์„œ, ์‚ฌ์ง„์„ ์ €์žฅํ•  ์šฉ๋„์— ๋”ฐ๋ผ ํ•ด์ƒ๋„๋ฅผ ์„ ํƒํ•˜์—ฌ ์ดฌ์˜ํ•˜๋Š” ๊ฒƒ์ด ์ข‹์Šต๋‹ˆ๋‹ค.

์ด๋ ‡๊ฒŒ ํ•ด์ƒ๋„๋ฅผ ์กฐ์ ˆํ•˜์—ฌ ์ด๋ฏธ์ง€์˜ ํฌ๊ธฐ์™€ ์šฉ๋Ÿ‰์„ ์กฐ์ ˆํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋‹ค์Œ ํ•ญ๋ชฉ์—์„œ๋Š” ์ด๋ฏธ์ง€ ํ’ˆ์งˆ ์กฐ์ ˆ๊ณผ ํ•จ๊ป˜ ํ•œ ๋ฒˆ์— ์—ฌ๋Ÿฌ ์ด๋ฏธ์ง€๋ฅผ ์ฒ˜๋ฆฌํ•˜๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ์•Œ์•„๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค.

4. ํŒŒ์ผ ํ˜•์‹ ๋ณ€๊ฒฝํ•˜๊ธฐ

์ด๋ฏธ์ง€ ํŒŒ์ผ ํ˜•์‹์„ ๋ณ€๊ฒฝํ•˜๋Š” ๊ฒƒ์€ ์ด๋ฏธ์ง€์˜ ํฌ๊ธฐ์™€ ์šฉ๋Ÿ‰์„ ์กฐ์ ˆํ•  ์ˆ˜ ์žˆ๋Š” ๋˜ ๋‹ค๋ฅธ ๋ฐฉ๋ฒ•์ž…๋‹ˆ๋‹ค. ๊ฐ๊ฐ์˜ ์ด๋ฏธ์ง€ ํŒŒ์ผ ํ˜•์‹์€ ๋ฐ์ดํ„ฐ๋ฅผ ๋‹ค๋ฅธ ๋ฐฉ์‹์œผ๋กœ ์••์ถ•ํ•˜๊ณ  ์ €์žฅํ•˜๋ฏ€๋กœ, ํŒŒ์ผ ํ˜•์‹์„ ๋ณ€๊ฒฝํ•จ์œผ๋กœ์จ ์ด๋ฏธ์ง€์˜ ์šฉ๋Ÿ‰์„ ์ค„์ผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

1. JPEG ํŒŒ์ผ ํ˜•์‹

JPEG(Joint Photographic Experts Group)๋Š” ์‚ฌ์ง„์ด๋‚˜ ํ‘œํ˜„์ ์ธ ์ด๋ฏธ์ง€์— ๋งŽ์ด ์‚ฌ์šฉ๋˜๋Š” ํŒŒ์ผ ํ˜•์‹์ž…๋‹ˆ๋‹ค. JPEG๋Š” ๋ฐ์ดํ„ฐ๋ฅผ ์••์ถ•ํ•˜์—ฌ ํŒŒ์ผ ํฌ๊ธฐ๋ฅผ ์ค„์ด๋Š” ํŠน์ง•์ด ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๋ฏธ์ง€ ํŽธ์ง‘ ์†Œํ”„ํŠธ์›จ์–ด๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์ด๋ฏธ์ง€๋ฅผ JPEG ํ˜•์‹์œผ๋กœ ์ €์žฅํ•˜๋ฉด, ์ด๋ฏธ์ง€์˜ ์šฉ๋Ÿ‰์ด ์ค„์–ด๋“ค์ง€๋งŒ ์•ฝ๊ฐ„์˜ ํ’ˆ์งˆ ์†์‹ค์ด ๋ฐœ์ƒํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

2. PNG ํŒŒ์ผ ํ˜•์‹

PNG(Portable Network Graphics)๋Š” ๊ทธ๋ž˜ํ”ฝ์ด๋‚˜ ํˆฌ๋ช…๋„๋ฅผ ํ•„์š”๋กœ ํ•˜๋Š” ์ด๋ฏธ์ง€์— ๋งŽ์ด ์‚ฌ์šฉ๋˜๋Š” ํŒŒ์ผ ํ˜•์‹์ž…๋‹ˆ๋‹ค. PNG๋Š” ๋ฐ์ดํ„ฐ์˜ ์••์ถ•๋ฅ ์ด ๋‚ฎ์ง€๋งŒ, ํ’ˆ์งˆ ์†์‹ค ์—†์ด ์ด๋ฏธ์ง€๋ฅผ ์ €์žฅํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋”ฐ๋ผ์„œ, ํˆฌ๋ช… ๋ฐฐ๊ฒฝ์ด๋‚˜ ์„ ๋ช…ํ•œ ์ด๋ฏธ์ง€๊ฐ€ ํ•„์š”ํ•œ ๊ฒฝ์šฐ์—๋Š” PNG ํŒŒ์ผ ํ˜•์‹์„ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์ด ์ข‹์Šต๋‹ˆ๋‹ค.

3. GIF ํŒŒ์ผ ํ˜•์‹

GIF(Graphics Interchange Format)๋Š” ์• ๋‹ˆ๋ฉ”์ด์…˜ ์ด๋ฏธ์ง€๋‚˜ ์›€์ง์ด๋Š” ์ด๋ฏธ์ง€์— ๋งŽ์ด ์‚ฌ์šฉ๋˜๋Š” ํŒŒ์ผ ํ˜•์‹์ž…๋‹ˆ๋‹ค. GIF๋Š” ์ด๋ฏธ์ง€์˜ ๊ฐ ํ”„๋ ˆ์ž„์„ ์ €์žฅํ•˜๊ณ  ์• ๋‹ˆ๋ฉ”์ด์…˜์„ ๋งŒ๋“ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋˜ํ•œ, ์ œํ•œ๋œ ์ƒ‰์ƒ ํŒ”๋ ˆํŠธ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๋ฐ์ดํ„ฐ๋ฅผ ํšจ์œจ์ ์œผ๋กœ ์ €์žฅํ•ฉ๋‹ˆ๋‹ค. ๋”ฐ๋ผ์„œ, ์›€์ง์ด๋Š” ์ด๋ฏธ์ง€๋ฅผ ์‚ฌ์šฉํ•ด์•ผ ํ•  ๊ฒฝ์šฐ GIF ํŒŒ์ผ ํ˜•์‹์„ ๊ณ ๋ คํ•ด๋ณด์„ธ์š”.

4. ์ด๋ฏธ์ง€ ํฌ๋งท ๋ณ€ํ™˜ ๋„๊ตฌ ์‚ฌ์šฉํ•˜๊ธฐ

์ด๋ฏธ์ง€ ํฌ๋งท์„ ๋ณ€ํ™˜ํ•˜๊ธฐ ์œ„ํ•ด ๋‹ค์–‘ํ•œ ์ด๋ฏธ์ง€ ๋ณ€ํ™˜ ๋„๊ตฌ๋‚˜ ์†Œํ”„ํŠธ์›จ์–ด๋ฅผ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด, Adobe Photoshop, Online-Convert, ImageMagick ๋“ฑ์˜ ๋„๊ตฌ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์ด๋ฏธ์ง€๋ฅผ ๋‹ค๋ฅธ ํŒŒ์ผ ํ˜•์‹์œผ๋กœ ๋ณ€ํ™˜ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ผ๋ถ€ ๋„๊ตฌ๋Š” ์—ฌ๋Ÿฌ ๊ฐœ์˜ ์ด๋ฏธ์ง€๋ฅผ ํ•œ ๋ฒˆ์— ๋ณ€ํ™˜ํ•  ์ˆ˜ ์žˆ๋Š” ๊ธฐ๋Šฅ์„ ์ œ๊ณตํ•˜์—ฌ ์ž‘์—… ํšจ์œจ์„ฑ์„ ๋†’์ผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์ด๋ ‡๊ฒŒ ํŒŒ์ผ ํ˜•์‹์„ ๋ณ€๊ฒฝํ•˜์—ฌ ์ด๋ฏธ์ง€์˜ ํฌ๊ธฐ์™€ ์šฉ๋Ÿ‰์„ ์กฐ์ ˆํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๋Ÿฌํ•œ ๋ฐฉ๋ฒ•๋“ค์„ ์กฐํ•ฉํ•˜์—ฌ ์ด๋ฏธ์ง€ ์••์ถ•๊ณผ ํ•ด์ƒ๋„ ์กฐ์ ˆ, ํŒŒ์ผ ํ˜•์‹ ๋ณ€๊ฒฝ ๋“ฑ์„ ํ†ตํ•ด ์šฉ๋Ÿ‰์„ ํšจ๊ณผ์ ์œผ๋กœ ์ค„์ผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด์ œ ๋งˆ์ง€๋ง‰์œผ๋กœ ์ด๋ฏธ์ง€๋ฅผ ์›น์— ์ ์šฉํ•  ๋•Œ ์œ ์˜ํ•ด์•ผ ํ•  ์‚ฌํ•ญ์— ๋Œ€ํ•ด ์•Œ์•„๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค.

5. ์ œ 3์ž ๋„์›€์„ ๋ฐ›๋Š” ๋ฐฉ๋ฒ•

์ด๋ฏธ์ง€ ์šฉ๋Ÿ‰์„ ์ค„์ด๊ณ  ํ’ˆ์งˆ์„ ์œ ์ง€ํ•˜๊ธฐ ์œ„ํ•ด ์ œ 3์ž ๋„์›€์„ ๋ฐ›์„ ์ˆ˜๋„ ์žˆ์Šต๋‹ˆ๋‹ค. ์ œ 3์ž๋Š” ์ด๋ฏธ์ง€ ์ตœ์ ํ™”์— ๋Œ€ํ•œ ์ „๋ฌธ ์ง€์‹์„ ๊ฐ€์ง„ ์‚ฌ๋žŒ์ด๊ฑฐ๋‚˜, ์ž๋™ํ™”๋œ ๋„๊ตฌ ๋˜๋Š” ์„œ๋น„์Šค๋ฅผ ์ œ๊ณตํ•˜๋Š” ์‚ฌ์ดํŠธ์ผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

1. ์ด๋ฏธ์ง€ ์ตœ์ ํ™” ์„œ๋น„์Šค ์‚ฌ์šฉํ•˜๊ธฐ

์ธํ„ฐ๋„ท์—์„œ๋Š” ์ด๋ฏธ์ง€ ์ตœ์ ํ™” ์„œ๋น„์Šค๋ฅผ ์ œ๊ณตํ•˜๋Š” ์—ฌ๋Ÿฌ ์‚ฌ์ดํŠธ๋ฅผ ์ฐพ์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๋Ÿฌํ•œ ์„œ๋น„์Šค๋Š” ์ด๋ฏธ์ง€๋ฅผ ์—…๋กœ๋“œํ•˜๋ฉด ์ž๋™์œผ๋กœ ์ตœ์ ํ™”ํ•˜์—ฌ ์šฉ๋Ÿ‰์„ ์ค„์—ฌ์ค๋‹ˆ๋‹ค. ์ตœ์ ํ™”๋œ ์ด๋ฏธ์ง€๋ฅผ ๋‹ค์šด๋กœ๋“œํ•˜์—ฌ ์‚ฌ์šฉํ•˜๊ธฐ๋งŒ ํ•˜๋ฉด ๋ฉ๋‹ˆ๋‹ค. ์ผ๋ถ€ ์ธ๊ธฐ์žˆ๋Š” ์ด๋ฏธ์ง€ ์ตœ์ ํ™” ์„œ๋น„์Šค์—๋Š” TinyPNG, Compressor.io, Kraken.io ๋“ฑ์ด ์žˆ์Šต๋‹ˆ๋‹ค.

2. ์ด๋ฏธ์ง€ ์ตœ์ ํ™” ์†Œํ”„ํŠธ์›จ์–ด ์‚ฌ์šฉํ•˜๊ธฐ

์ด๋ฏธ์ง€ ์ตœ์ ํ™”๋ฅผ ์ž๋™ํ™”ํ•˜๊ธฐ ์œ„ํ•ด ์†Œํ”„ํŠธ์›จ์–ด๋ฅผ ์‚ฌ์šฉํ•  ์ˆ˜๋„ ์žˆ์Šต๋‹ˆ๋‹ค. ์ œ 3์ž๋กœ๋ถ€ํ„ฐ ์†Œํ”„ํŠธ์›จ์–ด๋ฅผ ๋‹ค์šด๋กœ๋“œํ•˜๊ณ  ์„ค์น˜ํ•œ ํ›„์—๋Š” ์ด๋ฏธ์ง€๋ฅผ ์ตœ์ ํ™”ํ•  ์ˆ˜ ์žˆ๋Š” ๊ธฐ๋Šฅ์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด, Adobe Photoshop, ImageOptim, Squash ๋“ฑ์˜ ์†Œํ”„ํŠธ์›จ์–ด๋ฅผ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

3. ์ „๋ฌธ๊ฐ€์˜ ๋„์›€์„ ๋ฐ›๊ธฐ

์ด๋ฏธ์ง€ ์ตœ์ ํ™”์— ๋Œ€ํ•œ ์ „๋ฌธ์ ์ธ ๋„์›€์„ ๋ฐ›์„ ์ˆ˜๋„ ์žˆ์Šต๋‹ˆ๋‹ค. ๋””์ž์ด๋„ˆ๋‚˜ ์ด๋ฏธ์ง€ ์ฒ˜๋ฆฌ ์ „๋ฌธ๊ฐ€์—๊ฒŒ ๋ฌธ์˜ํ•˜๊ฑฐ๋‚˜, ์ด๋ฏธ์ง€ ์ตœ์ ํ™” ์„œ๋น„์Šค๋ฅผ ์ œ๊ณตํ•˜๋Š” ์ „๋ฌธ ํšŒ์‚ฌ์— ์˜๋ขฐํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ „๋ฌธ๊ฐ€๋Š” ๊ณ ๊ธ‰ ์ด๋ฏธ์ง€ ์ตœ์ ํ™” ๊ธฐ์ˆ ์„ ์‚ฌ์šฉํ•˜์—ฌ ์ตœ์ ํ™”๋œ ์ด๋ฏธ์ง€๋ฅผ ์ œ๊ณตํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

4. ์ž๋™ํ™”๋œ ์Šคํฌ๋ฆฝํŠธ ๋˜๋Š” ๋„๊ตฌ ์‚ฌ์šฉํ•˜๊ธฐ

์ž๋™ํ™”๋œ ์Šคํฌ๋ฆฝํŠธ๋‚˜ ๋„๊ตฌ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์ด๋ฏธ์ง€ ์ตœ์ ํ™”๋ฅผ ์ž๋™ํ™”ํ•  ์ˆ˜๋„ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๋ฅผ ํ†ตํ•ด ์—ฌ๋Ÿฌ ์ด๋ฏธ์ง€๋ฅผ ์ผ๊ด„ ์ฒ˜๋ฆฌํ•˜๊ณ  ์ผ์ •ํ•œ ํ’ˆ์งˆ๊ณผ ์šฉ๋Ÿ‰์„ ์œ ์ง€ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด, ImageMagick, FFmpeg ๋“ฑ์˜ ๋ช…๋ นํ–‰ ๋„๊ตฌ๋ฅผ ์‚ฌ์šฉํ•˜๊ฑฐ๋‚˜, ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์ธ gulp-imagemin, grunt-contrib-imagemin ๋“ฑ์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์ด๋ ‡๊ฒŒ ์ œ 3์ž์˜ ๋„์›€์„ ๋ฐ›์•„ ์ด๋ฏธ์ง€ ์ตœ์ ํ™” ์ž‘์—…์„ ์ˆ˜ํ–‰ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ œ 3์ž ๋„์›€์„ ๋ฐ›์œผ๋ฉด ํ’ˆ์งˆ๊ณผ ์šฉ๋Ÿ‰์„ ์กฐ์ ˆํ•˜๋Š”๋ฐ ์žˆ์–ด์„œ ์ „๋ฌธ์ ์ธ ์ง€์‹๊ณผ ๋„๊ตฌ๋“ค์„ ํ™œ์šฉํ•  ์ˆ˜ ์žˆ์œผ๋ฏ€๋กœ, ๋ณด๋‹ค ํšจ๊ณผ์ ์ธ ์ด๋ฏธ์ง€ ์ตœ์ ํ™”๊ฐ€ ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค. ์ด์ œ ์ด๋ฏธ์ง€ ์ตœ์ ํ™” ์ž‘์—…์ด ์™„๋ฃŒ๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

๋Œ“๊ธ€