2024. 10. 13. 15:52ใTech๐ก ์ค๋งํธ๋ผ์ดํ
์ด๋ฏธ์ง ํ์ผ์ ๋ง์ด ๋ค๋ฃจ๋ค๋ณด๋ฉด ์ธ๋ฐ์์ด ์ฉ๋์ด ํฐ ์ด๋ฏธ์ง๋ค์ด ๋ง์ด ์์ผ ๋๊ฐ ์์ต๋๋ค.
ํนํ PNGํ์ผ๋ก ์ด๋ฏธ์ง ํ์ง ์์ค ์์ด ์๋ณธ์ผ๋ก ํญ์ ์ ์ฅ๋๋ PNG์ ๊ฒฝ์ฐ, ํด์๋๊ฐ ๋์ ์๋ก ์๊ฐ๋ณด๋ค ์ฉ๋์ด ํฐ ์ด๋ฏธ์ง๋ค์ด ๋ง๋ค์ด์ง๊ฒ ๋๋๋ฐ์.
์ค๋์ ๊ฐํธํ๊ฒ ์ด๋ฌํ ์ด๋ฏธ์ง๋ค์ ํ์ง ์์ค ์์ด ์์ถ์ ํ ์ ์๋ ์ด๋ฏธ์ง์ตํ (ImageOptim)์ด๋ผ๋ ๋งฅ์ฉ ํด์ ์๊ฐํด๋ณผ๊น ํฉ๋๋ค.
ImageOptim ์ด๋ฏธ์ง ์ฉ๋ ์์ถ ์ฑ
์ผ๋จ ImageOptim์ ๋งฅ(Mac)์์ ๊ฐ๋จํ๊ฒ ์ฌ์ฉํด๋ณด๊ธฐ ์ข์ ์ด๋ฏธ์ง ์ฉ๋ ์์ถ ํด์ ๋๋ค. ๊ฐ๋จํ๊ฒ ๋๋๊ทธ ์ค ๋๋กญ์ผ๋ก ๋ฐ๋ก ์ด๋ฏธ์ง๋ฅผ ์์ถํด์ฃผ๋๋ฐ์.
๋จผ์ ํ ์คํธ๋ฅผ ํด๋ณด๋ ์ฉ๋๋ก ์๋ณธ ์ด๋ฏธ์ง๋ค์ ๋ค๋ฅธ ๊ณณ์ ๋ฐฑ์ ์ ํด๋์๊ณ ImageOptim์ฑ์ ์ฌ์ฉํ์๋ ๊ฒ์ ์ถ์ฒํด๋ด ๋๋ค. ์๋๋ฉด ๋ฐ๋ก ์ด๋ฏธ์ง๋ฅผ ์์ถํ๋ฉด์ ์๋์ผ๋ก ๋ฎ์ด์ฐ๊ธฐ ๋๋ฌธ์ด์ฃ ใ ใ
์คํฌ๋ฆฐ์ท์ด๋ ์ฌ์ง ๋ฑ ๊ทธ๋ ๊ฒ ์ค์ํ์ง ์์ง๋ง ๊ฝค ์ฉ๋์ ๋ง์ด ์ฐจ์งํ๊ณ ์๋ค๋ ํด๋์ ์ฌ์ง๋ค์ ๋ชจ์์ ํ๋ฒ ํ ์คํธ๋ฅผ ํด๋ดค์ต๋๋ค. ๋จผ์ ImageOptim ์ฑ์ ์คํํด๋ด ๋๋ค.
๊ทธ๋ฌ๋ฉด ์์ ๊ฐ์ UI๋ฅผ ๋ณผ ์ ์์ต๋๋ค. ์ฌ๊ธฐ์ ์์ถํ ์ด๋ฏธ์ง๋ค์ ๋๋๊ทธ ์ค ๋๋กญ์ผ๋ก ์ฌ๋ ค๋ณด๋ฉด ๋ฐ๋ก ์ด๋ฏธ์ง ์์ถ์ด ์์๋ฉ๋๋ค.
PNGํ์ผ๊ณผ JPGํ์ผ ๋ชจ๋ ์์ถ์ด ๊ฐ๋ฅํ๊ณ , ์์ดํฐ์์ ์ค์ท์ผ๋ก ๋ง๋ PNG ์ด๋ฏธ์ง์ ๊ฒฝ์ฐ ๊ฑฐ์ 45%์ ์ก๋ฐํ ์ ๋๋ก ์์ถ์ด ๋๋ค์.
์ด๋ ๊ฒ ImageOptim์ผ๋ก ์์ถ์ด ์๋ฃ๋ ํด๋์ ์ฉ๋์ ๋ค์ ๊ณ์ฐํด๋ณด๋, 150MB ์ ๋ ์ ์ฝ๋ ๊ฒ์ ํ์ธํ ์ ์์์ต๋๋ค. ํ๊ท 9MB ์ด๋ฏธ์ง๋ค์ด 4MB ์ ๋๋ก ์์ถ ๋ ๊ฒ์ด๋, ๊ฝค ์ธ๋งํ๋ค๋ ์๊ฐ์ด ๋๋ค์.
ImageOptim์ ์ต์ ์ ์กฐ๊ธ ์ดํด๋ณด๋ฉด, JPGํ์ผ์ ๊ฒฝ์ฐ EXIF ๋ฐ์ดํฐ๋ฅผ ์ ๊ฑฐํ๊ธฐ๋ ํ๊ณ , ์ต์ ํ ๋ ๋ฒจ์ 'ํ์ ์ด์'์ผ๋ก ์ค์ ๋์ด ์์ต๋๋ค. ๋ง์ฝ ์๋ณธ์ ํ์ง์ ์ดํ ์ํค๋ฉด์ ์์ถ๋ฅ ์ ๋์ด๊ณ ์ถ๋ค๋ฉด Qualityํญ์์ Enable Lossy... ์ต์ ์ ํ์ฑํ ํ๋ฉด ๋๊ฒ ์ง๋ง, ๊ทธ๋ค์ง ๊ถ์ฅํ์ง๋ ์์ต๋๋ค.
๋ํ ์ผ๋จ ์ด๋ฏธ์ง ์์ถ์ผ๋ก ์ฉ๋์ ์ค์ธ๋ค๋ ๊ฒ์ด ์๋ณธ์ ํผ์ํ๋ค๋ ๊ฒ์ ํญ์ ์๋ฐํ๊ธฐ ๋๋ฌธ์, ์๋ณธ ์ด๋ฏธ์ง๊ฐ ์ค์ํ ์ด๋ฏธ์ง๋ผ๋ฉด ๋ฏธ๋ฆฌ ๋ฐฑ์ ์ ๋ฐ๋ก ํด๋์๊ณ ์งํํ๋ ๊ฒ์ ๊ถ์ฅํฉ๋๋ค.
ImageOptim์ ๋๊ตฐ๊ฐ์๊ฒ ์ฌ๋ฌ ๊ณ ์ฉ๋ ์ด๋ฏธ์ง๋ฅผ ์ ๋ฌํ๊ธฐ ์ํ '์ ์ก์ฉ'์ผ๋ก ์ด๋ฏธ์ง๋ฅผ ์์ถํ๊ธฐ ์ํ ์ฉ๋๋ก, ๊ฝค ์ฝ๊ณ ํจ์จ์ ์ผ๋ก ์ต์ ํ ํ์ฌ ํ ์ ์๊ธฐ์ ์ฌ์ฉํด๋ณด๊ธฐ ์ข์ ํด์ธ ๊ฒ ๊ฐ์ต๋๋ค.
:: ImageOptim ๋ค์ด๋ก๋ ๋ฐ๋ก๊ฐ๊ธฐ ::
[๊ด๋ จ๊ธ]
๋ฐฐ๊ฒฝ ์ ๊ฑฐ ๋๋ผ๋ฐ๊ธฐ ์ฝ๊ฒ ํ๋ ๋ฒ Remove BG ํฌ๋ช ์ด๋ฏธ์ง ๋ง๋ค๊ธฐ