โ† ๋„๊ตฌ ๋ชจ์Œ

๐Ÿ—œ๏ธ ์ด๋ฏธ์ง€ ์šฉ๋Ÿ‰ ์ค„์ด๊ธฐ

๐ŸŒ English
๐Ÿ“
ํด๋ฆญํ•˜๊ฑฐ๋‚˜ ์ด๋ฏธ์ง€๋ฅผ ์—ฌ๊ธฐ์— ๋“œ๋ž˜๊ทธ
JPG, PNG, WEBP ์ง€์› ยท ์„œ๋ฒ„ ์ „์†ก ์—†์Œ
70%
px
์›๋ณธ
-
-
์••์ถ• ํ›„
-
-
๐Ÿ”’ ์ด๋ฏธ์ง€๋Š” ์„œ๋ฒ„๋กœ ์ „์†ก๋˜์ง€ ์•Š์œผ๋ฉฐ, ๋ธŒ๋ผ์šฐ์ €์—์„œ๋งŒ ์ฒ˜๋ฆฌ๋ฉ๋‹ˆ๋‹ค.

๐Ÿ’ก ๋ฌด๋ฃŒ ์ด๋ฏธ์ง€ ์šฉ๋Ÿ‰ ์••์ถ•๊ธฐ ๊ฐ€์ด๋“œ

์ด๋ฏธ์ง€ ์••์ถ•์€ ์–ด๋–ค ๊ณผ์ •์œผ๋กœ ์ง„ํ–‰๋˜๋‚˜์š”?

์‚ฌ์šฉ์ž๊ฐ€ ์„ ํƒํ•œ ์‚ฌ์ง„์„ ์ตœ์‹  HTML5 Canvas API๋ฅผ ์ด์šฉํ•˜์—ฌ ๋ธŒ๋ผ์šฐ์ € ๋‚ด๋ถ€ ๋ฉ”๋ชจ๋ฆฌ์—์„œ ์‹ค์‹œ๊ฐ„์œผ๋กœ ์žฌ๊ตฌ์„ฑํ•ฉ๋‹ˆ๋‹ค. ์›น ๊ธฐ๋ฐ˜ ํ‘œ์ค€ ํ•ด์ƒ๋„ ์ตœ์ ํ™” ๋ชจ๋“ˆ๊ณผ ํŠธ๋ฆฌ๋ฐ ๋กœ์ง์— ๋”ฐ๋ผ ๋ฌผ๋ฆฌ์ ์ธ ํ”ฝ์…€ ๋ฐ€๋„๋ฅผ ์ง€๋Šฅ์ ์œผ๋กœ ๋‚ฎ์ถ”๋ฉด์„œ, ๋™์‹œ์— JPEG ๋ Œ๋”๋ง ํŒŒ์ผ์˜ ์••์ถ• ํ’ˆ์งˆ ๋ ˆ๋ฒจ์„ ์ง‘์ค‘ ์กฐ์ž‘ํ•ด ๋ชจ๋‹ˆํ„ฐ์ƒ์œผ๋กœ ์‹๋ณ„ํ•˜๊ธฐ ํž˜๋“  ์€๋‹‰ ์˜์—ญ์˜ ๋””์ง€ํ„ธ ์†์‹ค ๋ฐ์ดํ„ฐ๋ฅผ ๋œ์–ด๋ƒ…๋‹ˆ๋‹ค.

๊ธฐ์กด ์›๋ณธ ์‚ฌ์ง„ ์•ˆ์— ํฌํ•จ๋˜์–ด ์žˆ๋˜ ํ—ค๋น„ํ•œ EXIF ๋ฐ์ดํ„ฐ(์œ„์น˜ ์ •๋ณด, ์นด๋ฉ”๋ผ ๋ชจ๋ธ ๋“ฑ)๋‚˜ ๋ถˆํ•„์š”ํ•œ ๋ฉ”ํƒ€ ์ •๋ณด ์—ญ์‹œ ์ดˆ๊ธฐํ™” ์‹œ์ผœ ์šฉ๋Ÿ‰์ด ๋งค์šฐ ํฐ ํญ์œผ๋กœ ๋‹ค์ด์–ดํŠธ๋˜๋Š” ๊ตฌ์กฐ์ž…๋‹ˆ๋‹ค.

์‚ฌ์ƒํ™œ ๋ฐ ๊ฐœ์ธ์ •๋ณด๊ฐ€ ๋‹ด๊ธด ์ด๋ฏธ์ง€๋„ ์•ˆ์ „ํ•œ๊ฐ€์š”?

๋ณด์•ˆ์€ 100% ๋ณด์žฅ๋ฉ๋‹ˆ๋‹ค. ๋ณธ ๋„๊ตฌ๋Š” ํƒ€์‚ฌ์˜ ์••์ถ• ์„œ๋น„์Šค๋“ค์ฒ˜๋Ÿผ ์ด๋ฏธ์ง€ ์›๋ณธ์„ ์™ธ๋ถ€ ํšŒ์‚ฌ์˜ ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค๋‚˜ ํด๋ผ์šฐ๋“œ ์„œ๋ฒ„๋ง์œผ๋กœ ์—…๋กœ๋“œํ•˜์—ฌ ์ฒ˜๋ฆฌํ•œ ๋’ค ๋‹ค์‹œ ๋‹ค์šด๋กœ๋“œ๋ฐ›๋Š” ํ•‘ํ ๋ฐฉ์‹์ด ์•„๋‹™๋‹ˆ๋‹ค.

์˜ค์ž‘๋™์ด ์ ์€ ์˜คํ”„๋ผ์ธ ์›น์•ฑ(PWA ํ˜•์‹)์ฒ˜๋Ÿผ ์ฆ‰๊ฐ์ ์œผ๋กœ ์ž‘๋™ํ•˜์—ฌ, ์‚ฌ์šฉ์ž ์ ‘์† ๋””๋ฐ”์ด์Šค(์Šค๋งˆํŠธํฐ ๊ธฐ๊ธฐ ๋ณธ์ฒด ํ†ต์‹ ๋ง, PC ๋‚ด๋ถ€์˜ RAM ๊ณต๊ฐ„ ๋“ฑ) ๋‹จ ํ•œ ๊ณณ์—์„œ๋งŒ ํŒŒ์ผ ํฌ๋งท ์—ฐ์‚ฐ ์ปจ๋ฒ„ํŒ… ์ž‘์—…์ด ์ˆ˜ํ–‰๋ฉ๋‹ˆ๋‹ค. ๋”ฐ๋ผ์„œ ๋ฏผ๊ฐํ•œ ์ฃผ๋ฏผ๋“ฑ๋ก์ฆ, ์—ฌ๊ถŒ ์‚ฌ๋ณธ, ์นด๋“œ ๊ฒฐ์ œ ๋‚ด์—ญ์„œ ์˜์ˆ˜์ฆ, ๊ธฐ์—… ๊ธฐ๋ฐ€ ์„ค๊ณ„๋„ ์ดˆ์•ˆ ์‚ฌ์ง„ ๋“ฑ ์™ธ๋ถ€๋กœ ์ ˆ๋Œ€ ์œ ์ถœ๋˜์–ด์„œ๋Š” ์•ˆ ๋˜๋Š” ์ด๋ฏธ์ง€์˜ ํ™”์งˆ ์••์ถ•์„ ๋งˆ์Œ ๋†“๊ณ  ์ง„ํ–‰ํ•˜์…”๋„ ๋ฌด๋ฐฉํ•˜๋ฉฐ ์™„๋ฒฝ ํ”„๋ผ์ด๋น— ํ™˜๊ฒฝ์„ ์•ฝ์†ํ•ฉ๋‹ˆ๋‹ค.

์••์ถ•๋œ ์‚ฌ์ง„์ด ์••์ถ• ์ „ ์›๋ณธ๋ณด๋‹ค ์šฉ๋Ÿ‰์ด ๋” ์ปค์งˆ ์ˆ˜๋„ ์žˆ๋‚˜์š”?

๋„ค, ํ”ํ•œ ์ผ€์ด์Šค๋Š” ์•„๋‹ˆ์ง€๋งŒ ๊ฐ„ํ˜น ๊ทนํžˆ ๋“œ๋ฌธ ์ƒํ™ฉ์—์„œ ๋ฐœ์ƒํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๊ฐ€์žฅ ๋‘๋“œ๋Ÿฌ์ง€๋Š” ์›์ธ์€ ์›๋ณธ ์†Œ์Šค๊ฐ€ ์ด๋ฏธ ์•„์ฃผ ๊ฐ•๋ ฅํ•œ ์—”์ง„์„ ํ†ตํ•ด ์ตœ์ƒ์˜ ์ƒํƒœ๋กœ ๊นŽ์—ฌ ์ดˆ๊ณ ๋ฐ€๋„ ์••์ถ•(Highly Optimized) ์™„๋ฃŒ๋œ ์ž„๋ฒ ๋”ฉ์šฉ ์›น ์ด๋ฏธ์ง€ ํŒŒ์ผ์ธ ๊ฒฝ์šฐ์ž…๋‹ˆ๋‹ค.

์ด ์ƒํƒœ์—์„œ 'ํ’ˆ์งˆ(Quality)' ์Šฌ๋ผ์ด๋”๋ฅผ 90~100%์— ๊ฐ€๊น๊ฒŒ ๋†’์€ ์ŠคํŽ™์œผ๋กœ ์„ธํŒ…ํ•˜๊ณ  ๊ฐ•์ œ ์žฌ๋ Œ๋”๋ง์„ ์ง€์‹œํ•˜๋ฉด ํด๋ผ์ด์–ธํŠธ ๋ธŒ๋ผ์šฐ์ €์˜ ๊ธฐ๋ณธ ์ธ์ฝ”๋”๊ฐ€ ๋„๋ฆฌ์–ด ์ƒˆ๋กœ์šด ํ”ฝ์…€ ๋งต ๋ ˆ์ด์–ด๋ฅผ ๋ง์”Œ์›Œ ํฌ๊ธฐ๋ฅผ ํฌ๊ฒŒ ์žก๋Š” ๋ณ‘๋ชฉ ํ˜„์ƒ์ด ์ƒ๊ธธ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋งŒ์•ฝ ์šฉ๋Ÿ‰ ์ฆ๊ฐ€ ์•Œ๋žŒ์ด ์‹œํ˜„๋œ๋‹ค๋ฉด ํ’ˆ์งˆ ํŒŒ๋ผ๋ฏธํ„ฐ๋ฅผ 70% ์–ธ๋” ๊ตฌ๊ฐ„์œผ๋กœ ๊ณผ๊ฐํžˆ ๋‚ด๋ ค ๋ณด์‹œ๊ธฐ๋ฅผ ํ…Œํฌ๋‹ˆ์ปฌ ๊ฐ€์ด๋“œ๋กœ ๊ถŒ์žฅํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.