์ ํ ์ด๋ฏธ์ง๋ ๊ณ ๊ฐ์ด ์น์ฌ์ดํธ๋ฅผ ๋ฐฉ๋ฌธํ ๋ ๊ฑฐ๋๋ฅผ ์ฑ์ฌ์ํค๋ ๋ฐ ๋์์ด ๋ฉ๋๋ค. ๊ด์ฌ์ ์ ์งํ๋ ค๋ฉด ๋น ๋ฅด๊ฒ ๋ก๋๋๋ ๋งค๋ ฅ์ ์ธ ์ฌ์ง์ด ์์ด์ผ ํฉ๋๋ค. ์ฆ, ์ ํ ์ด๋ฏธ์ง๋ฅผ ์ต์ ํํด์ผ ํฉ๋๋ค.
์ต์ ์ ์ด๋ฏธ์ง ํฌ๊ธฐ๋ฅผ ์ฐพ๋ ๋ฐฉ๋ฒ, ์ด๋ฏธ์ง๋ฅผ ์์ถํ๋ ๋ฐฉ๋ฒ, ํ์ง ์ ํ ์์ด ์ด๋ฏธ์ง๋ฅผ ์ต์ ํํ๋ ๋ฐฉ๋ฒ์ด ๊ถ๊ธํ ์ ์์ต๋๋ค.
์ฐ๋ฆฌ๊ฐ ๋์๋๋ฆฌ๊ฒ ์ต๋๋ค. ์ด ๊ธฐ์ฌ์์ ์ฐ๋ฆฌ๋
์ด๋ฏธ์ง๋ฅผ ์ต์ ํํด์ผ ํ๋ ์ด์ ๋ ๋ฌด์์ ๋๊น?
์ด๋ฏธ์ง๋ ๋ชจ๋ ์น์ฌ์ดํธ์์ ์ค์ํ ๋ถ๋ถ์ ๋๋ค. ์ ์์๊ฑฐ๋ ์ฌ์ดํธ์ ๊ฒฝ์ฐ ํนํ ๊ทธ๋ ์ต๋๋ค. ์ฌ์ง์ ๊ณ ๊ฐ์ด ๋ฌด์ธ๊ฐ ๊ตฌ๋งค๋ฅผ ๊ณ ๋ คํ ๋ ์ํฅ์ ๋ฏธ์นฉ๋๋ค. ์ด๋ ์นํ์ด์ง์ ์ ๋ฐ์ ์ธ ๋์์ธ์ ์ถ๊ฐ๋๊ณ , ๊ณ ๊ฐ์ด ์ ํ์ ์ ํํ๋๋ก ๋๊ณ , ์ฌ์ดํธ์ SEO๋ฅผ ๊ฐ์ ํฉ๋๋ค.
์๋ฅผ ๋ค์ด ๋์ฉ๋ ํ์ผ์ ์ ๋ก๋ํ์ง ์์ผ๋ ค๊ณ ํฉ๋๋ค. ํ์ด์ง ์๋๊ฐ ๋๋ ค์ ธ ๊ฒ์ ์์ง ์์์ ์ํฅ์ ๋ฏธ์น๊ณ ์ ์ฌ ๊ณ ๊ฐ์ ๋ชฐ์๋ผ ์ ์์ต๋๋ค. ์จ๋ผ์ธ ์ผํ์ ํ๋ ๋์ ํ์ด์ง๊ฐ ๋ก๋๋ ๋๊น์ง ๊ธฐ๋ค๋ฆฌ๊ณ ์ถ์ดํ๋ ์ฌ๋์ ์์ต๋๋ค. ๊ทธ๋ ๊ธฐ ๋๋ฌธ์ ์ ํ ์ด๋ฏธ์ง๋ฅผ ์ต์ ํํด์ผ ํฉ๋๋ค.
์ด๋ฏธ์ง ํฌ๊ธฐ ๋ฐ ๋น์จ ์ดํด
์ด๋ฏธ์ง๋ฅผ ์ต์ ํํ ๋ ์ฃผ์ํด์ผ ํ ์ฌํญ์ ์์๋ด ์๋ค.
์ด๋ฏธ์ง์ ํฌ๊ธฐ์ ์น์๋ ์ ๋ง ์ค์ํฉ๋๋ค. ์ด๋ฌํ ๋งค๊ฐ๋ณ์๋ ํ์ผ ํฌ๊ธฐ์ ๋ค์ํ ์ฅ์น์ ์ด๋ฏธ์ง ๋ชจ์์ ์ํฅ์ ์ค๋๋ค.
ํฌ๊ธฐ
์ง๊ธ์ ~์ ์๋๋ค
๊ทธ๋ฌ๋ ์ด๋ฏธ์ง๊ฐ ๋๋ฌด ํฌ๋ฉด ์ธํฐ๋ท์ ์ ํฉํ์ง ์์ต๋๋ค. ํนํ ํด๋ํฐ์์๋ ๋ก๋ฉ ์๋๊ฐ ๋๋ ค์ง๋๋ค. ๋ฐฉ๋ฌธ์๊ฐ ์ธ๋ด์ฌ์ ๊ฐ๊ณ ๋งค์ฅ์ ๋ ๋๋ ๊ฒ์ ์ํ์ง ์์ผ๋ฉด ์ฌ์ง ํฌ๊ธฐ๋ฅผ ์ค์ฌ์ผ ํฉ๋๋ค.
์ด๋ฏธ์ง์๋ ๋ ๊ฐ์ง ํฌ๊ธฐ๊ฐ ์์ต๋๋ค.
- ์ด๋ฏธ์ง ํฌ๊ธฐ ํ๋ฉด์์ ๊ทธ๋ํฝ์ด ์ฐจ์งํ๋ ๊ณต๊ฐ์ ๋๋ค. ์ด ํฌ๊ธฐ๋ ํ๋ฉด์ ๊ตฌ์ฑํ๋ ๊ฐ๋ณ ์ง์ ์ธ ํฝ์ (px) ๋จ์๋ก ์ธก์ ๋ฉ๋๋ค. บฺมฯรล ์คํ ์ด์๋ ๋ชจ๋ ํฌ๊ธฐ์ ์ด๋ฏธ์ง๋ฅผ ์ ๋ก๋ํ ์ ์์ต๋๋ค. ๊ทธ๋ฐ ๋ค์ ๋ธ๋ผ์ฐ์ ์ฐฝ์ ๋๋น์ ๋ง๊ฒ ์ต์ ํ๋ฉ๋๋ค. ๊ทธ๋ ๋๋ผ๋ ์ ํ ์ด๋ฏธ์ง๋ฅผ ์ฝ 1000 x 1000ํฝ์ ๋ก ์ค์ด๋ ๊ฒ์ด ๊ฐ์ฅ ์ข์ต๋๋ค. ๊ทธ ํฌ๊ธฐ๋ ์ ํ์ ์ ์ํ ์ ์์ ๋งํผ ํฌ๊ณ , ๋น ๋ฅด๊ฒ ๋ก๋ํ ์ ์์ ๋งํผ ์์ต๋๋ค.
- ํ์ผ ํฌ๊ธฐ ์ด๋ฏธ์ง๊ฐ ์ฐจ์งํ๋ ๋ฉ๋ชจ๋ฆฌ ๊ณต๊ฐ์
๋๋ค. ์ด ํฌ๊ธฐ๋ ์ผ๋ฐ์ ์ผ๋ก ๋ฐ์ดํธ ๋จ์๋ก ์ธก์ ๋ฉ๋๋ค.
ํฌ๋ก- (kb),๋ฉ๊ฐ- (Mb) ๋ฐ ๊ธฐ๊ฐ๋ฐ์ดํธ(Gb)์ ๋๋ค. ์ด๋ฏธ์ง ํ์ผ ํฌ๊ธฐ๊ฐ ํด์๋ก ๋ ๋ง์ ์ ์ฅ ๊ณต๊ฐ์ด ํ์ํฉ๋๋ค.
![](https://don16obqbay2c.cloudfront.net/wp-content/uploads/how-to-optimize-image-size-1653562200-1024x1024.jpg)
๋ณธ ์ํ์ ์ด๋ฏธ์ง ์ฌ์ด์ฆ๋ 1920ร1920, ํ์ผ ์ฌ์ด์ฆ๋ 272 kB ์ ๋๋ค.
ํ์ผ์ด ํด์๋ก ๋ก๋ํ๋ ๋ฐ ์๊ฐ์ด ๋ ์ค๋ ๊ฑธ๋ฆฝ๋๋ค. ์ด ๋ฌธ์ ๋ฅผ ํด๊ฒฐํ๊ธฐ ์ํด ํ์ผ ์์ถ ์ํํธ์จ์ด๊ฐ ๊ฐ๋ฐ๋์์ต๋๋ค. ์ฌ์ง์ ์ผ๋ฐ์ ์ผ๋ก ์์ ๋ฐ์ดํฐ๋ฅผ ์ต์ ํํ์ฌ ์์ถ๋ฉ๋๋ค.
๊ทธ๋ฌ๋ ๊ฐํ ์์ถ์ ์ด๋ฏธ์ง์ "ํ์ง"์ ์ ํ์ํต๋๋ค. ๋ ธ์ด์ฆ๊ฐ ๋ฐ์ํ๊ฑฐ๋ ๊ธ๊ฒฉํ ์์ ์ ํ์ด ๋ฐ์ํฉ๋๋ค.
์ฝ 1000px์ ํ์ผ ํฌ๊ธฐ์ ๊ฒฝ์ฐ ์ ์ ํ ์์ถ์ ์ฝ 200kB๋ฅผ ์ฐจ์งํฉ๋๋ค.
์ด์ ์ฌ์ง์ ์ ํฉํ ๋น์จ์ ์ ํํ๋ ๋ฐฉ๋ฒ์ ๋ํด ์์ธํ ์์ ๋ณด๊ฒ ์ต๋๋ค.
ํฌ๊ธฐ
์ด๋ฏธ์ง์ ๋น์จ์ ๋ค์์ ๋ํ๋
๋๋ค.
์ผ๋ถ ๋น์จ์ ๋ค๋ฅธ ๋น์จ๋ณด๋ค ๋์ ๋ ์ข์ต๋๋ค. ํ์ค ๋น์จ ์ธํธ๋ ํญ์ ๋ฉ์ ธ ๋ณด์ ๋๋ค. 1:1, 4:3, 3:2, 16:9๊ฐ ์์ต๋๋ค.
โโ๋น์จ์ ์ฌ์ดํธ์ ๋ชจ์์ ์ ์ํ๋ ๋ฐ ๋์์ด ๋๋ฏ๋ก ์ค์ํฉ๋๋ค. ๋ชจ๋ ์ ํ ์ด๋ฏธ์ง์ ๋น์จ์ ๋์ผํ๊ฒ ์ ์งํ์ฌ ๋งค์ฅ ์ ๋ฉด์ ์ฒด๊ณ์ ์ด๊ณ ์ ๋ฌธ์ ์ธ ๋๋์ผ๋ก ์ฐ์ถํ์ธ์.
์ด๋ฏธ์ง ํ์์ ์ ํํ๋ ๋ฐฉ๋ฒ
์ต์ ์ ์ด๋ฏธ์ง์ ์ํด ์ผ๋์ ๋์ด์ผ ํ ๋ ๋ค๋ฅธ ์ฌํญ์ ์ด๋ฏธ์ง ํ์์ ๋๋ค. ์ด๋ฏธ์ง๊ฐ ์ ์ฅ๋๋ ํ์ผ ํ์์ ๋๋ค.
์ด๋ฏธ์ง ํ์์๋ ๋ค์ํ ์ ํ์ด ์์ต๋๋ค. ๊ฐ๊ฐ์ ํ์ง, ์์ถ ๋ฐ ์ง์ ์ธก๋ฉด์์ ์ฅ๋จ์ ์ด ์์ต๋๋ค. ๊ฐ์ฅ ์์ ํฌ๊ธฐ๋ก ์ต๊ณ ์ ํ์ง์ ์ ๊ณตํ๋ ํ์์ ์ ํํด์ผ ํฉ๋๋ค.
์น์์ ๊ฐ์ฅ ์ผ๋ฐ์ ์ธ ์ธ โโ๊ฐ์ง ํ์์ JPEG, PNG ๋ฐ GIF์ ๋๋ค. ๊ฐ๊ฐ์ ํน์ ๋ฐฉ์์ผ๋ก ์ฌ์ฉํด์ผ ํฉ๋๋ค.
ํ์์ ๋ถ์ํด ๋ณด๊ฒ ์ต๋๋ค.
- GIF (Graphics Interchange Format)์ 256์ ์ดํ๋ฅผ ์ฌ์ฉํ์ฌ ํ์ง ์์ค ์์ด ์์ถ๋ ๋ฐ์ดํฐ๋ฅผ ์ ์ฅํ ์ ์์ต๋๋ค. ์ด ํ์์ ์ผ๋ฐ์ ์ผ๋ก ์ ๋๋ฉ์ด์ ์ ์ง์ํฉ๋๋ค. ์ค๋ซ๋์ GIF๋ ์ธํฐ๋ท์์ ๊ฐ์ฅ ์ผ๋ฐ์ ์ธ ํ์์ด์์ต๋๋ค. PNG๊ฐ ๋ฑ์ฅํ๊ธฐ ์ ๊น์ง ๋ง์ด์ฃ .
- PNG (์ด๋์ ๋คํธ์ํฌ ๊ทธ๋ํฝ)์ ๋ฌด์์ค ์์ถ์ ์ฌ์ฉํ๊ณ ์์์ ๋ฌด์ ํ์ผ๋ก ์ ์ฅํฉ๋๋ค.
- JPEG (Joint Photographic Experts Group, ๊ฐ๋ฐ์ ์ด๋ฆ)์ ์ฌ์ง ๋ฐ ๊ธฐํ ์ด๋ฏธ์ง๋ฅผ ์ ์ฅํ๋ ๊ฐ์ฅ ์ผ๋ฐ์ ์ธ ํ์์ ๋๋ค. JPEG ์๊ณ ๋ฆฌ์ฆ์ ์์ค ์์ถ๊ณผ ๋ฌด์์ค ์์ถ์ ๋ชจ๋ ์ฌ์ฉํ ์ ์์ต๋๋ค(์์ธํ ๋ด์ฉ์ ๋์ค์ ์ค๋ช ). ํ์ผ ํฌ๊ธฐ๊ฐ ํด์๋ก ์์ค์ ์์์ง๋๋ค.
์ด๋ค ํ์์ ์ ํํด์ผ ํฉ๋๊น? ์ ๋๋ฉ์ด์
์ฌ์ง์ด ์๋ค๋ฉด,
JPEG์ PNG ํ์ผ์ ์ ์ฌํ์ง๋ง ์ค์ํ ์ฐจ์ด์ ๋ ์์ต๋๋ค. JPEG๋ ์ผ๋ถ ๋ฐ์ดํฐ๋ฅผ ์ ๊ฑฐํ๋ ์์ถ ํ๋ก์ธ์ค๋ฅผ ์ฌ์ฉํ๊ธฐ ๋๋ฌธ์ ํฌ๊ธฐ๊ฐ ๋ ์์ต๋๋ค. ๋ฐ๋ฉด์ PNG๋ ํฌ๋ช ํ ๋ฐฐ๊ฒฝ์ ์ง์ํ๋ฉฐ ๊ทธ๋ํฝ ๋์์ธ์ ๋ ์ข์ต๋๋ค.
์ผ๋ฐ์ ์ธ ๊ท์น์ ํฌ๋ช ํ ๋ฐฐ๊ฒฝ์ด ์๋ ์ฌ์ง๊ณผ ์ด๋ฏธ์ง์๋ JPG๋ฅผ ์ฌ์ฉํ๋ ๊ฒ์ ๋๋ค. PNG์ ๊ฒฝ์ฐ ๊ทธ๋ํฝ, ๋ฐฐ๊ฒฝ์ด ํฌ๋ช ํ ํ์ผ, ์ ๋ช ๋์ ์์ ์ ๋ช ๋๊ฐ ์ค์ํ ๊ธฐํ ์ด๋ฏธ์ง์ ์ฌ์ฉํ๋ ๊ฒ์ด ๋ ์ข์ต๋๋ค. ๋ฐ๋ผ์ ์ ํ ์ฌ์ง์ ๊ฒฝ์ฐ PNG๋ณด๋ค JPEG๋ฅผ ์ ํธํ๋ ๊ฒ์ด ํฉ๋ฆฌ์ ์ ๋๋ค.
![](https://don16obqbay2c.cloudfront.net/wp-content/uploads/how-to-optimize-images-1653562212-1024x683.jpg)
์ด ์ ํ ์ฌ์ง์ JPEG ํ์์ ๋๋ค.
ํ์ง ์ ํ ์์ด ์ด๋ฏธ์ง๋ฅผ ์์ถํ๋ ๋ฐฉ๋ฒ
์์ถ์ ์ด๋ฏธ์ง ํฌ๊ธฐ๋ฅผ ์ค์ด๋ ๋ฐ ๋์์ด ๋ฉ๋๋ค. ํ์ง์ด ๋ฎ์์๋ก ์์ถ๋ฅ ์ ๋์์ง๊ณ ํ์ผ ํฌ๊ธฐ๋ ์์์ง๋๋ค.
์์ถ์๋ ๋ ๊ฐ์ง ์ ํ์ด ์์ต๋๋ค.
- ์์ค ์์ถ ์ค๋ณต๋ ๋ฐ์ดํฐ๋ฅผ ์ ๊ฑฐํ์ฌ ํ์ผ ํฌ๊ธฐ๋ฅผ ์ค์ ๋๋ค. ๊ทธ๋ฌ๋ ์ด๋ฐ ๋ฐฉ์์ผ๋ก ํ์ผ์ ์์ถํ๋ฉด ์ด๋ฏธ์ง ํ์ง์ด ํฌ๊ฒ ์ ํ๋ ์ ์์ต๋๋ค.
- ๋ฌด์์ค ์์ถ ํ์ผ์ ํ์ง์ ๋๊ฒ ์ ์งํ๋ ๊ธฐ์ ์ ๋๋ค. ๊ทธ๋ฌ๋ ์์ค ์์ถ๋งํผ ํ์ผ ํฌ๊ธฐ๊ฐ ์ค์ด๋ค์ง๋ ์์ต๋๋ค. ํ์ง์ ๋์ ๋๋ ์ํฅ์ ์ฃผ์ง ์๊ณ ํ์ผ ํฌ๊ธฐ๋ฅผ ์ค์ฌ์ผ ํ๋ค๋ฉด ๋ฌด์์ค ์์ถ์ ์ ํํ๋ ๊ฒ์ด ์ข์ต๋๋ค.
ํ์ง ์์ค ์์ด ์ด๋ฏธ์ง๋ฅผ ์์ถํ๋ ๋ฐ ์ฌ์ฉํ ์ ์๋ ์จ๋ผ์ธ ๋๊ตฌ์ ๋ํด ์์๋ณด๋ ค๋ฉด ๊ณ์ ์ฝ์ด๋ณด์ธ์.
์น์ฉ์ผ๋ก ์ด๋ฏธ์ง๋ฅผ ์ต์ ํํ๋ ๋ฐฉ๋ฒ: ๋๊ตฌ ๊ฐ์
์น์ฌ์ดํธ์ ๋ง๊ฒ ์ด๋ฏธ์ง๋ฅผ ์ต์ ํํ๋ ๋ฐฉ๋ฒ์ ์๊ณ ์ถ์ผ์ญ๋๊น? ์ด ์ข๊ฒ๋ Photoshop ํํ ๋ฆฌ์ผ์ ๋ณด๋๋ผ ์๊ฐ์ ํ๋นํ์ง ์๊ณ ๋ ์จ๋ผ์ธ ๋๊ตฌ๋ฅผ ์ฌ์ฉํ์ฌ ์ด๋ฏธ์ง๋ฅผ ์๋์ผ๋ก ์ต์ ํํ ์ ์์ต๋๋ค.
๋ค์ ์ฌ์ดํธ์์๋ ์ต์ ํ๋ฅผ ์๋ํํ ์ ์์ต๋๋ค.
์ด๋ฏธ์ง ํฌ๊ธฐ๋ฅผ ์ต์ ํํ๋ ๋ฐฉ๋ฒ: 4๊ฐ์ง ๊ฐ๋จํ ๋๊ตฌ
ํ์ผ ํฌ๊ธฐ ๊ฐ์๊ธฐ๋ฅผ ์ฐพ๊ณ ์๋ค๋ฉด ๋ค์ ์๋น์ค ์ค ํ๋๋ฅผ ํ์ธํ์ธ์. ๋ฌด๋ฃ์ด๊ฑฐ๋ ๋ฌด๋ฃ ํ๊ฐํ์ด ์์ต๋๋ค.
- : JPEG ์ด๋ฏธ์ง์ ํ์ผ ํฌ๊ธฐ๋ฅผ ์ค์ ๋๋ค. ํด๋น ์ฌ์ดํธ์ ๋ฐ๋ฅด๋ฉด 70% ์ด์ ์ค์ผ ์ ์๋ค๊ณ ํฉ๋๋ค!
- : ๋์ผํ ๊ทธ๋ฆผ ์์ถ๊ธฐ์ด์ง๋ง PNG ํ์ผ์ฉ์ ๋๋ค.
- : ๋ค์ํ ํ์์ ํตํด ์ด๋ฏธ์ง ํฌ๊ธฐ๋ฅผ ์ค์ด๋ ์ด๋ฏธ์ง ์์ถ๊ธฐ ์น ์ฑ์ ๋๋ค.
- : JPEG ํ์ผ์ฉ ์ฌ์ง ์์ถ๊ธฐ์ ๋๋ค. Lightroom ๋ฐ Photoshop์์ ์ง์ ์ฌ์ง์ ๋ด๋ณด๋ด๋ ๋ฑ ์ฌ์ง์๊ฐ์๊ฒ ๋์์ด ๋๋ ๊ณ ๊ธ ๊ธฐ๋ฅ์ด ์์ต๋๋ค.
- : Mac ์ฅ์น์ฉ ์ด๋ฏธ์ง ์ต์ ํ ํ๋ก๊ทธ๋จ์ ๋๋ค. ๋ค์ด๋ก๋ํ์ฌ ์ฌ์ฉํ์ ์ผ ํฉ๋๋ค.
![](https://don16obqbay2c.cloudfront.net/wp-content/uploads/how-to-optimize-images-for-website-1653562205-1024x833.png)
JPEGmini๋ก ์ด๋ฏธ์ง ์ต์ ํ
บฺมฯรล ๋งค์ฅ์ ์ด์ํ์ ๋ค๋ฉด, SEO ์๋ ๋ฐ ์ด๋ฏธ์ง ์ต์ ํ ํ๋ก๊ทธ๋จ บฺมฯรล ์ฑ ๋ง์ผ์ ์ฑ์
๋๋ค. ์ด ์ฑ์ ๋ค์์ ํ์ฉํฉ๋๋ค.
WordPress์ฉ ์ด๋ฏธ์ง๋ฅผ ์ต์ ํํ๋ ๋ฐฉ๋ฒ
WordPress ์น์ฌ์ดํธ๊ฐ ์๋ ๊ฒฝ์ฐ ์ด๋ฏธ์ง ์ต์ ํ ํ๋ก๊ทธ๋จ๊ณผ ์์ถ ํ๋ฌ๊ทธ์ธ์ ์ฌ์ฉํ ์ ์์ต๋๋ค. WordPress ์ฌ์ดํธ์ ์ด๋ฏธ์ง๋ฅผ ์๋์ผ๋ก ์ต์ ํํ์ฌ ์๋์ ์ฑ๋ฅ์ ํฅ์์ํค๋ ๋ฐ ๋์์ด ๋ฉ๋๋ค.
๊ทธ๋ฐ๋ฐ WordPress ์น์ฌ์ดํธ์ฉ ์ ์์๊ฑฐ๋ ํ๋ฌ๊ทธ์ธ์ ์ฐพ๊ณ ์๋ค๋ฉด ๋ค์์ ํ์ธํ์ธ์. . WordPress ์ฌ์ดํธ์ ์จ๋ผ์ธ ์์ ์ ์ฝ๊ฒ ์ถ๊ฐํ ์ ์์ต๋๋ค. ํ๋ฌ๊ทธ์ธ์ด ์ค์น๋๋ฉด ๊ณ ๊ฐ์ด ์น์ฌ์ดํธ์์ ์ผํํ ์ ์๋ ์คํ ์ด ํ์ด์ง๋ฅผ ์๋์ผ๋ก ์์ฑํฉ๋๋ค.
EWWW ์ด๋ฏธ์ง ์ต์ ํ
์ฌ์ง์ ์์ถํ๊ณ ์น์ฌ์ดํธ์ ์ด๋ฏธ์ง๋ฅผ ์ต์ ํํ๋ ์ต๊ณ ์ WordPress ํ๋ฌ๊ทธ์ธ ์ค ํ๋์
๋๋ค. ์ด๋ฏธ์ง ์ต์ ํ์ ์ ์ฒด ํ๋ก์ธ์ค๊ฐ ์๋ํ๋ฉ๋๋ค. ์ฌ๊ธฐ์๋ ์ฌ๋ฐ๋ฅธ ํฌ๊ธฐ์ ํ์ด์ง์ ์ฅ์น์ ๋ง๊ฒ ์ด๋ฏธ์ง๋ฅผ ์์ถํ๊ณ ํฌ๊ธฐ๋ฅผ ์กฐ์ ํ๋ ์์
์ด ํฌํจ๋ฉ๋๋ค. ํ๋ฌ๊ทธ์ธ์
JPEG ๋ฐ PNG ์์ถ
์ฐ๋ฆฌ๊ฐ ์ด๋ฏธ ์๋น์ค๋ฅผ ์ ๊ณตํ๊ณ ์๋ ํ์ด ๋ง๋ ํ๋ฌ๊ทธ์ธ์
๋๋ค.
reSmush.it
์ต๋ 5MB์ ํ์ผ์ ์ํ ๋ฌด๋ฃ WordPress ์ด๋ฏธ์ง ์์ถ ํ๋ฌ๊ทธ์ธ์
๋๋ค. ์
๋ก๋ ์ ์ด๋ฏธ์ง๋ฅผ ์๋์ผ๋ก ์ต์ ํํ๊ณ , ์ด์ ์ด๋ฏธ์ง๋ฅผ ๋๋์ผ๋ก ์ต์ ํํ๊ณ , ์ต์ ํ ํ๋ก๊ทธ๋จ์์ ์ผ๋ถ ์ฌ์ง์ ์ ์ธํ ์ ์์ต๋๋ค.
๋ ๋ง์ ์๋ํ๋ ์ด๋ฏธ์ง ์ต์ ํ ๋๊ตฌ
ํ์ง๋ง WordPress ์น์ฌ์ดํธ๊ฐ ์๋ค๋ฉด ์ด๋ป๊ฒ ๋ ๊น์? ๋ง์ ์์ ์ฌ์ง์ ์๋์ผ๋ก ์ต์ ํํ๋ ๊ฒ์ ํ์คํ
ImageRecycle
JPEG, PNG, GIF ๋ฐ PDF ํ์ผ๊ณผ ๊ฐ์ ๋ค์ํ ์ด๋ฏธ์ง ํ์์ ์ง์ํฉ๋๋ค.
์ด ๋๊ตฌ๋ ์ด๋ฏธ์ง ํฌ๊ธฐ์ ์น์๋ฅผ ๊ธฐ๋ฐ์ผ๋ก ์น์ฌ์ดํธ์ ์ด๋ค ์ด๋ฏธ์ง๋ฅผ ์ต์ ํํด์ผ ํ๋์ง ๊ฒฐ์ ํ ์ ์์ต๋๋ค. ์น์ฌ์ดํธ ์ฃผ์๋ฅผ ์ ๋ ฅํ์๋ฉด ImageRecycle์ด ์ด๋ฉ์ผ์ ํตํด ๋ฌด๋ฃ ๋ณด๊ณ ์๋ฅผ ๋ณด๋ด๋๋ฆฝ๋๋ค. ์ต์ ํ ๋๊ตฌ๊ฐ ์ค์ ๋ก ์๋ํ๋ ๋ชจ์ต์ ๋ณผ ์ ์๋๋ก ๋ฌด๋ฃ ํ๊ฐํ๋ ์ ๊ณต๋ฉ๋๋ค.
ImageKit.io
์ผ๋ฐ ์ด๋ฏธ์ง ์์ถ๊ธฐ๊ฐ ์๋ ์ด๋ฏธ์ง CDN(์ฝํ
์ธ ์ ์ก ๋คํธ์ํฌ)์
๋๋ค. ๊ธ๋ก๋ฒ ์๋ฒ ๋คํธ์ํฌ๋ฅผ ํตํด ์ด๋ฏธ์ง๋ฅผ ์ต์ ํํ๊ณ ํฌ๊ธฐ๋ฅผ ์กฐ์ ํ๊ณ ์ ์กํฉ๋๋ค. ์์ํ ๋ฌด๋ฃ ํ๋์ ๊ฐ์
ํ ์ ์์ต๋๋ค.
์ ํ ์ด๋ฏธ์ง ํธ์ง ๋๊ตฌ
์ฌ์ง์ ์ง์ ํธ์งํ๋ ๊ฒ์ ๊บผ๋ฆฌ์ง ์๊ณ ์ฝ๊ฐ์ DIY๋ฅผ ๋๋ ค์ํ์ง ์๋๋ค๋ฉด ์ฌ์ง ํธ์ง ๋๊ตฌ๊ฐ ๋์์ด ๋ ์ ์์ต๋๋ค. ๊ทธ ์ค ์ผ๋ถ๋ ๋ค์๊ณผ ๊ฐ์ต๋๋ค.
ํฌํ ์ต
ํฌํ ์ต์ ๋ฌด๋ฃ๋ก ์ ๊ณต๋ฉ๋๋ค. ๊ธฐ๋ณธ ์ด๋ฏธ์ง ์กฐ์(์: ์ด๋ฏธ์ง ์๋ฅด๊ธฐ ๋๋ ํฌ๊ธฐ ์กฐ์ )์ ์ฌ์ฉ๋ฉ๋๋ค. ๋ํ ์ฌ์ง์์ ๋ฐฐ๊ฒฝ์ ์ ๊ฑฐํ๊ณ ๋๋น, ๋ฐ๊ธฐ, ์ฑ๋, ๋ฐ๋ปํจ ๋๋ ์ ๋ช
๋์ ๊ฐ์ ๋ค์ํ ์ค์ ์ผ๋ก ์ฌ์ง์ ๋ฏธ์ธ ์กฐ์ ํ ์ ์์ต๋๋ค.
![](https://don16obqbay2c.cloudfront.net/wp-content/uploads/how-to-optimize-images-without-losing-quality-1653562210.png)
์จ๋ผ์ธ Photoshop ํธ์ง๊ธฐ์๋ ์ฌ์ฉํ ์ ์๋ ๋์์ธ ํ ํ๋ฆฟ์ด ์์ต๋๋ค.
๊นถฤถฅ
Windows, Mac, Linux์ ์ ํฉํ ๋ฌด๋ฃ ํ๋ก๊ทธ๋จ์
๋๋ค. ๋ ์ด์ด ๋ฐ ๋ง์คํฌ ๋๊ตฌ, ์์ ๊ต์ , ๋ฆฌํฐ์นญ ๋ฐ ํ์ธํ
๋๊ตฌ๋ฅผ ํฌํจํ์ฌ ์ ๋ฌธ์ ์ธ ๊ทธ๋ํฝ ๋ฐ ์ฌ์ง์ ํ์ํ ๋ชจ๋ ๊ฒ์ ์ ๊ณตํฉ๋๋ค. ๊นถฤถฅ๋ ๋ชจ๋ ์ฃผ์ ์ด๋ฏธ์ง ํ์ผ ํ์์ ์ง์ํฉ๋๋ค.
PicMonkey
๊ฐ๋จํ ์ธํฐํ์ด์ค์ ์๋ฅด๊ธฐ, ํ์ , ์ ๋ช
๋ ์ ์ด, ์์ ์์
, ํด์๋ ์ฌ์ง ์ ํ๊ณผ ๊ฐ์ ๋ชจ๋ ๊ธฐ๋ณธ ๊ธฐ๋ฅ์ ๊ฐ์ถ ์จ๋ผ์ธ ํธ์ง๊ธฐ์
๋๋ค. ๊ด๊ณ , ์์
๊ฒ์๋ฌผ, ๋ก๊ณ , ์ธํฌ๊ทธ๋ํฝ ๋ฑ์ ๋ํ ์ด๋ฏธ์ง๋ฅผ ์์ฑํ๊ธฐ ์ํ ํ
ํ๋ฆฟ์ ์ ๊ณตํฉ๋๋ค. ๊ทธ๊ฒ์
Pixlr
์ด๋ณด์์ ์ ๋ฌธ๊ฐ๋ฅผ ์ํ ๋ฌด๋ฃ ์จ๋ผ์ธ ํธ์ง๊ธฐ์ ๋์์ธ ๋ฆฌ์์ค๋ฅผ ์ ๊ณตํฉ๋๋ค. ์์, ๊ทธ๋ฆฌ๊ธฐ ๋ฐ ์ฌ์ง ํธ์ง์ ์ํ ๋๊ตฌ๊ฐ ์์ต๋๋ค. Pixlr๋ฅผ ์ฌ์ฉํ๋ฉด ๋ ์ด์ด๋ก ์์
ํ๊ณ ๋ค์ํ ํจ๊ณผ์ ํํฐ๋ฅผ ์ฌ์ฉํ ์ ์์ต๋๋ค. ๊ด์ฌ์ด ์์ผ์๋ฉด ํ ์ ์์ต๋๋ค.
์ด๋ฏธ์ง ์ต์ ํ์ ๋ํ ์ถ๊ฐ ์ ๋ณด
ํฐ ์ด๋ฏธ์ง๋ ์น ์ฌ์ดํธ ์๋๋ฅผ ์ ํ์ํฌ ์ ์์ผ๋ฏ๋ก ์น์ ๋ง๊ฒ ์ต์ ํํ๋ ๊ฒ์ด ์ค์ํฉ๋๋ค. ํฌ๊ธฐ๋ฅผ ์กฐ์ ํ๊ณ ์์ถํ์ฌ ์ฌ์ง์ ์ ํฉํ ์ด๋ฏธ์ง ํ์์ ์ฐพ๋ ๊ฒ์ ์น์ฌ์ดํธ ์๋ ๋ก๋์ ๋๋ผ์ด ํจ๊ณผ๋ฅผ ์ค ์ ์์ต๋๋ค.
์ด์ ์ข์ ์์์ ์์ จ์ ๊ฒ๋๋ค. ์ต์ ํ๋ ๋งค์ฐ ์ฝ์ต๋๋ค! ํ์ํ ๋ ์ธ์ ๋ ์ง ๋์์์ ์ด ๊ธฐ์ฌ๋ฅผ ์ฐธ์กฐํ ์๋ ์์ต๋๋ค.
๊ณ ๊ธ ์ฌ์ฉ์์ด๊ณ SEO๋ฅผ ์ํด ์ด๋ฏธ์ง๋ฅผ ์ต์ ํํ๋ ๋ฐฉ๋ฒ์ ๋ํด ์์ธํ ์์๋ณด๊ณ ์ถ๋ค๋ฉด Google์์ ์ ๊ณตํ๋ ์ด ๋์์์ ์์ฒญํ๋ ๊ฒ์ด ์ข์ต๋๋ค. ์น์ฌ์ดํธ์ ๋ง๊ฒ ์ด๋ฏธ์ง๋ฅผ ์ต์ ํํ๋ ๋ฐ ๋ํ ๋ช ๊ฐ์ง ๊ณ ๊ธ ํ์ ์ดํด๋ด ๋๋ค. ์ฌ๊ธฐ์์ ์์ฒญํ์ธ์:
์ ์์๊ฑฐ๋ ์์ ์๋ก์์ ๊ฒฝํ์ด ์๋ฌด๋ฆฌ ํ๋ถํ๋๋ผ๋ ์ด๋ฏธ์ง ์ต์ ํ๋ฅผ ์์ง ๋ง์ญ์์ค. ๊ฐ์ฅ ๊ฐ๋จํ ๋๊ตฌ๋ผ๋ ์ฌ์ง์ ์น์ ์ ํฉํ๊ฒ ๋ง๋ค ์ ์์ต๋๋ค. ์ฌ์ง์ ์ต์ ํํ๋ฉด ๊ณ ๊ฐ์ ์ผํ ๊ฒฝํ์ ํฐ ์ํฅ์ ๋ฏธ์น ์ ์์ต๋๋ค. ์ ํ ์ด๋ฏธ์ง๊ฐ ์๋ฆ๋ต๊ณ ๋น ๋ฅด๊ฒ ๋ก๋๋๋์ง ํ์ธํ์ธ์!
์ ์์๊ฑฐ๋ ์ฌ์ ์ ์์ ๋จ๊ณ์ ์๊ณ ์จ๋ผ์ธ ์์ ์ ๋ง๋ค์ด์ผ ํ๋ ๊ฒฝ์ฐ ๋ค์์ ํ์ธํ์ญ์์ค. ๋ผ์ดํธ์คํผ๋์ ์์๋. ์ฝ๋ฉ์ด๋ ๋์์ธ ๊ธฐ์ ์ด ํ์ ์์ด ๋ฌด๋ฃ ์จ๋ผ์ธ ์์ ์ ์ง์ ์ค์ ํ ์ ์์ต๋๋ค. ๊ฐ๋ฅํ ํ ๋นจ๋ฆฌ ์จ๋ผ์ธ ํ๋งค๋ฅผ ์์ํด์ผ ํ๋ ๊ฒฝ์ฐ์ ์ ํฉํฉ๋๋ค!