Tools

๐Ÿ–ผ๏ธ ์›น ์„ฑ๋Šฅ์„ ์œ„ํ•œ ์ด๋ฏธ์ง€ ์••์ถ• ๋„๊ตฌ ์ •๋ฆฌ (TinyPNG & Squoosh)

ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์„ ํ•˜๋‹ค ๋ณด๋ฉด ๋กœ๋”ฉ ์†๋„๋ฅผ ๊ฐœ์„ ํ•˜๊ธฐ ์œ„ํ•ด ์ •์  ์ด๋ฏธ์ง€๋“ค์„ ์ตœ์ ํ™”ํ•ด์•ผ ํ•  ๋•Œ๊ฐ€ ๋งŽ๋‹ค. ๋Œ€ํ‘œ์ ์ธ ๋ฌด๋ฃŒ ์›น ๋„๊ตฌ์ธ TinyPNG์™€ Squoosh๋ฅผ ํ™œ์šฉํ•ด ์ด๋ฏธ์ง€๋ฅผ ๊ฐ„ํŽธํ•˜๊ฒŒ ์ตœ์ ํ™”ํ•ด๋ณด์ž.
 

์ด๋ฏธ์ง€ ์ตœ์ ํ™”๋ฅผ ํ•ด์•ผ ํ•˜๋Š” ์ด์œ ?

๋‹จ์ˆœํ•˜๊ฒŒ๋Š” ํŽ˜์ด์ง€๊ฐ€ ๋น ๋ฅด๊ฒŒ ๋กœ๋”ฉ๋˜์–ด์•ผ ์‚ฌ์šฉ์ž ๊ฒฝํ—˜์ด ์ข‹์•„์ง€๊ณ  ์ดํƒˆ๋ฅ ์„ ์ค„์ผ ์ˆ˜ ์žˆ๊ธฐ ๋•Œ๋ฌธ์ด๋‹ค. ๋˜ํ•œ Google ๊ฐ™์€ ๊ฒ€์ƒ‰์—”์ง„์€ ๋กœ๋”ฉ ์†๋„๋ฅผ ์ค‘์š”ํ•œ ํ‰๊ฐ€ ๊ธฐ์ค€์œผ๋กœ ์‚ผ๊ธฐ ๋•Œ๋ฌธ์— ๊ฒ€์ƒ‰ ๋…ธ์ถœ(SEO)์—๋„ ๋„์›€์ด ๋˜๋ฉฐ ์‚ฌ์šฉ์ž๊ฐ€ ๋งŽ์•„์งˆ์ˆ˜๋ก ํŠธ๋ž˜ํ”ฝ ๋น„์šฉ ์ ˆ๊ฐ์—๋„ ํšจ๊ณผ์ ์ด๋‹ค.

๊ทธ๋Ÿผ ๋ณธ๊ฒฉ์ ์œผ๋กœ ์ด๋ฏธ์ง€๋ฅผ ์ตœ์ ํ™”ํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ์•Œ์•„๋ณด์ž.
 

1. TinyPNG

์ฒซ ๋ฒˆ์งธ๋กœ ์†Œ๊ฐœํ•  ์‚ฌ์ดํŠธ๋Š” TinyPNG์ด๋‹ค.

์‚ฌ์šฉ๋ฒ•์€ ๊ต‰์žฅํžˆ ๋‹จ์ˆœํ•œ๋ฐ ๋ฉ”์ธ ํ™”๋ฉด์—์„œ ์ด๋ฏธ์ง€๋ฅผ ์—…๋กœ๋“œํ•˜๊ธฐ๋งŒ ํ•˜๋ฉด ๋ณ„๋‹ค๋ฅธ ์„ค์ • ์—†์ด ์ž๋™์œผ๋กœ ์••์ถ•์ด ์ง„ํ–‰๋œ๋‹ค.

tiny png ์ด๋ฏธ์ง€

๋™์‹œ์—  20์žฅ๊นŒ์ง€ ์—…๋กœ๋“œํ•  ์ˆ˜ ์žˆ๊ธฐ ๋•Œ๋ฌธ์— ์—ฌ๋Ÿฌ ์ด๋ฏธ์ง€๋ฅผ ํ•œ๊บผ๋ฒˆ์— ์••์ถ•ํ•  ๋•Œ ์œ ์šฉํ•˜๋‹ค.
 

2. Squoosh

๋‘ ๋ฒˆ์งธ๋กœ ์†Œ๊ฐœํ•  ์‚ฌ์ดํŠธ๋Š” Squoosh์ด๋‹ค. ๊ตฌ๊ธ€์—์„œ ์ œ๊ณตํ•˜๋Š” ์›น ๊ธฐ๋ฐ˜ ์ด๋ฏธ์ง€ ์ตœ์ ํ™” ๋„๊ตฌ๋กœ ๋ฏธ๋ฆฌ ๋ณด๊ธฐ ํ™”๋ฉด์„ ํ†ตํ•ด ์••์ถ• ์ „/ํ›„๋ฅผ ๋น„๊ตํ•˜๊ฑฐ๋‚˜ WebP ๋“ฑ ๋‹ค์–‘ํ•œ ํฌ๋งท ์ง€์› ๋ฐ ์••์ถ•๋ฅ , ํ•ด์ƒ๋„ ๋“ฑ์˜ ์ƒ์„ธํ•œ ์„ค์ •์ด ๊ฐ€๋Šฅํ•˜์—ฌ ์กฐ๊ธˆ ๋” ์ •๋ฐ€ํ•œ ์ตœ์ ํ™”๊ฐ€ ๊ฐ€๋Šฅํ•˜๋‹ค.
 

WebP๋ž€?

Google์ด ๊ฐœ๋ฐœํ•œ ์ด๋ฏธ์ง€ ํฌ๋งท์œผ๋กœ ๊ธฐ์กด์˜ JPEG, PNG, GIF๋ฅผ ๋Œ€์ฒดํ•  ์ˆ˜ ์žˆ๋„๋ก ๋งŒ๋“  ๊ณ ํšจ์œจ ์••์ถ• ์ด๋ฏธ์ง€ ํฌ๋งท

 

squoosh ์ด๋ฏธ์ง€

๋‹จ์ ์ด๋ผ๋ฉด ์—ฌ๋Ÿฌ ์ด๋ฏธ์ง€๋ฅผ ์—…๋กœ๋“œํ•  ์ˆ˜ ์—†๊ธฐ ๋•Œ๋ฌธ์— ํ•œ ์žฅ์”ฉ ์ผ์ผ์ด ๋ณ€ํ™˜ํ•ด์•ผ๋งŒ ํ•œ๋‹ค.
 

์ •๋ฆฌ

TinyPNG์˜ ๊ฒฝ์šฐ API๋„ ์ง€์›ํ•˜๊ธฐ ๋•Œ๋ฌธ์—(๋ถ€๋ถ„ ๋ฌด๋ฃŒ) ์ด๋ฏธ์ง€ ์••์ถ•์„ ์ž๋™ํ™”ํ•˜๊ณ  ์‹ถ๊ฑฐ๋‚˜ ๋น ๋ฅด๊ณ  ๊ฐ„๋‹จํ•˜๊ฒŒ ์••์ถ•ํ•˜๊ณ  ์‹ถ์„ ๋•Œ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์ด ์ข‹๋‹ค.

๋ฐ˜๋ฉด Squoosh์˜ ๊ฒฝ์šฐ ์›น ํ™˜๊ฒฝ์— ๋งž๊ฒŒ PNG๋‚˜ JPG๋ฅผ WebP, AVIF ๋“ฑ ์ตœ์‹  ํฌ๋งท์œผ๋กœ ๋ณ€ํ™˜ํ•˜๊ณ  ์‹ถ์„ ๋•Œ ํ˜น์€ ์••์ถ• ์ „/ํ›„ ํ’ˆ์งˆ์„ ์‹ค์‹œ๊ฐ„์œผ๋กœ ๋น„๊ตํ•˜๋ฉด์„œ ์„ธ๋ฐ€ํ•˜๊ฒŒ ์กฐ์ ˆํ•˜๊ณ  ์‹ถ์„ ๋•Œ ์ ํ•ฉํ•˜๋‹ค.

์žฅ์‹์šฉ ๋กœ๊ณ 
๐Ÿ–ผ๏ธ ์›น ์„ฑ๋Šฅ์„ ์œ„ํ•œ ์ด๋ฏธ์ง€ ์••์ถ• ๋„๊ตฌ ์ •๋ฆฌ (TinyPNG & Squoosh) | BlueCool