์ด๋ฏธ์ง๋ฅผ ์ต๊ณ ํ์ง๋ก ์ ์ฅํ๋ ๋ฐฉ๋ฒ
์ด๋ฏธ์ง๋ฅผ ์ต๊ณ ํ์ง๋ก ๋ค์ด๋ก๋ํ๊ณ ์ ์ฅํ์ธ์. ํํด์๋ ๋ฒ์ ์ ์ฐพ๊ณ ํ์ง์ ๋ณด์กดํ๋ ํ.
ConvertlyPicture ยท
๋๊ตฌ๋ฅผ ์ฌ์ฉํด ๋ณด์ธ์
์ฃผ์ ๋๊ตฌ๋ ํ์ ๊ฐ์ ์์ด ์ด์ฉํ ์ ์์ผ๋ฉฐ ๊ฐ ๋๊ตฌ์ ๋ง๋ ๋ฐฉ์์ผ๋ก ์ฒ๋ฆฌ๋ฉ๋๋ค.
์ด๋ฏธ์ง๋ฅผ ๋ค์ด๋ก๋ํ ๋ ์ฌ์ฉ ๊ฐ๋ฅํ ์ต๊ณ ํ์ง์ ์ํฉ๋๋ค. ์น์ฌ์ดํธ๋ ์ข ์ข ๋ก๋ฉ ์๋๋ฅผ ๊ฐ์ ํ๊ธฐ ์ํด ์์ถ๋๊ฑฐ๋ ๋ฆฌ์ฌ์ด์ฆ๋ ๋ฒ์ ์ ์ ๊ณตํฉ๋๋ค.
์น์ฌ์ดํธ๊ฐ ์ด๋ฏธ์ง๋ฅผ ์ฒ๋ฆฌํ๋ ๋ฐฉ๋ฒ์ ์ดํดํ๋ฉด ์ธ๋ค์ผ์ด๋ ์์ถ ๋ฏธ๋ฆฌ๋ณด๊ธฐ ๋์ ํํด์๋ ๋ฒ์ ์ ์ฐพ๊ณ ๋ค์ด๋ก๋ํ ์ ์์ต๋๋ค.
์ด ๊ฐ์ด๋๋ ์ด๋ฏธ์ง ํ์ง์ ์๋ณํ๊ณ , ๋ ๋์ ํด์๋ ๋์์ ์ฐพ๊ณ , ์ถ๊ฐ ์ด๋ฏธ์ง๋ฅผ ์ ์ฅํ๋ ๋ฐฉ๋ฒ์ ๊ฐ๋ฅด์นฉ๋๋ค.
๋ชฉ์ฐจ
์น ์ด๋ฏธ์ง ํ์ง ์ดํด
์น์ฌ์ดํธ๋ ํ์ง๊ณผ ๋ก๋ฉ ์๋์ ๊ท ํ์ ๋ง์ถฅ๋๋ค. ๋ณด๋ ๋๋ถ๋ถ์ ์ด๋ฏธ์ง๋ ์ต๋ ํ์ง์ด ์๋ ์น ๋ณด๊ธฐ์ ์ต์ ํ๋์ด ์์ต๋๋ค.
๋ฐ์ํ ์ด๋ฏธ์ง๋ ํ๋ฉด์ ๋ฐ๋ผ ๋ค๋ฅธ ํฌ๊ธฐ๋ฅผ ์ ๊ณตํฉ๋๋ค. 800px๊ฐ ์กด์ฌํ ๋ ๋ชจ๋ฐ์ผ์ 400px ๋ฒ์ ์ ๋ฐ์ ์ ์์ต๋๋ค.
CDN์ ์ข ์ข ์ด๋ฏธ์ง๋ฅผ ์๋ ์์ถํฉ๋๋ค. ์๋ณธ ์ ๋ก๋ ํ์ผ์ ํ์๋๋ ๊ฒ๋ณด๋ค ํจ์ฌ ๋์ ํ์ง์ผ ์ ์์ต๋๋ค.
๋ ๋์ ํด์๋ ๋ฒ์ ์ฐพ๊ธฐ
์ด๋ฏธ์ง ๊ทผ์ฒ์ 'ํ์ฌ์ด์ฆ ๋ณด๊ธฐ,' '์๋ณธ' ๋๋ ๋น์ทํ ๋งํฌ๋ฅผ ์ฐพ์ผ์ธ์.
ํฌ๊ธฐ ๋งค๊ฐ๋ณ์(์:? w=800) ์ ๊ฑฐ๋ ๋ ๋์ ๊ฐ์ผ๋ก ๋ณ๊ฒฝํด ์ด๋ฏธ์ง URL์ ์์ ํ์ธ์.
๊ตฌ๊ธ ์ด๋ฏธ์ง ์ญ๋ฐฉํฅ ๊ฒ์์ ์ฌ์ฉํด ๊ฐ์ ์ด๋ฏธ์ง์ ๋ ํฐ ๋ฒ์ ์ ๋ค๋ฅธ ๊ณณ์์ ์ฐพ์ผ์ธ์.
์์ ๋ฏธ๋์ด ํ๋ซํผ์๋ ํน์ ํธ๋ฆญ์ด ์์ต๋๋ค: ํธ์ํฐ๋ ':orig' ์ ๋ฏธ์ฌ ์ฌ์ฉ, ์ธ์คํ๊ทธ๋จ์ ํ์ฌ ๋๊ตฌ๊ฐ ํ์ํฉ๋๋ค.
์ ์ฅ ์ ํ์ง ๋ณด์กด
๊ฐ๋ฅํ๋ฉด ์๋ณธ ํ์์ผ๋ก ์ ์ฅํ์ธ์. ํ์ ๋ณํ(ํนํ JPEG๋ก)์ ํ์ง์ ๋จ์ด๋จ๋ฆด ์ ์์ต๋๋ค.
๋ณํํด์ผ ํ๋ค๋ฉด ๊ณ ํ์ง ์ค์ ์ฌ์ฉ(JPEG์ ๊ฒฝ์ฐ 90-95%).
JPEG ํ์ผ์ ์ฌ๋ฌ ๋ฒ ๋ค์ ์ ์ฅํ์ง ๋ง์ธ์โ์ ์ฅํ ๋๋ง๋ค ํ์ง์ด ์ ํ๋ฉ๋๋ค.
ํ์ผ ํ์ ์ดํด
JPEG: ์ฌ์ง์ ์ต์ . ์์ค ์์ถ์ผ๋ก ์ผ๋ถ ํ์ง ์์ค, ๊ทธ๋ฌ๋ ํ์ผ ํฌ๊ธฐ ์์.
PNG: ๊ทธ๋ํฝ์ ๋ฌด์์ค. ์คํฌ๋ฆฐ์ท, ๋ก๊ณ , ํ ์คํธ ์ด๋ฏธ์ง์ ์๋ฒฝ.
WebP: ์์ ํฌ๊ธฐ์์ ์ข์ ํ์ง์ ํ๋์ ํ์. ์ํํธ์จ์ด ํธํ์ฑ์ ์ํด ํ์์ ๋ณํ.
HEIC: ๊ณ ํ์ง, Apple ๊ธฐ๊ธฐ์์ ํํจ. Windows ํธํ์ฑ์ ์ํด ๋ณํ์ด ํ์ํ ์ ์์.
์ถ์ฒ ๋๊ตฌ
๋ชจ๋ URL์์ ์ฝ๊ฒ ์ด๋ฏธ์ง๋ฅผ ๋ค์ด๋ก๋ํ์ธ์. ๋งํฌ๋ฅผ ๋ถ์ฌ๋ฃ๊ณ ์ฆ์ ์ด๋ฏธ์ง๋ฅผ ๋ฐ์ผ์ธ์. ๋ฌด๋ฃ ๋น ๋ฅธ ์๋น์ค....
3๋จ๊ณ๋ก ํ๋ ๋ฐฉ๋ฒ
๋ค์ด๋ก๋ ์ ๋ ๋์ ํด์๋ ๋ฒ์ ์ด ์๋์ง ํ์ธํฉ๋๋ค(๋งํฌ, URL ์์ ).
์ญ๋ฐฉํฅ ์ด๋ฏธ์ง ๊ฒ์์ผ๋ก ๊ฐ์ฅ ํฐ ๊ธฐ์กด ๋ฒ์ ์ ์จ๋ผ์ธ์์ ์ฐพ์ต๋๋ค.
์ฐํด๋ฆญํ๊ณ ์ด๋ฏธ์ง ์์ฑ์ ํ์ธํด ํฌ๊ธฐ์ ํ์์ ๋ด ๋๋ค.
๋ณํ ํ์ง ์์ค์ ํผํ๊ธฐ ์ํด ์๋ณธ ํ์์ผ๋ก ์ ์ฅํฉ๋๋ค.
์๋ณธ์ ๋ณด๊ดํ๊ณ ์์ถ ๋ฒ์ ์์ ์์ ํ๊ธฐ๋ณด๋ค ๊ณต์ ์ฉ ์์ถ ์ฌ๋ณธ์ ๋ง๋ญ๋๋ค.
์ ๋ฌธ๊ฐ ํ
- ์๋ณธ์ ๋ณด๊ดํ์ธ์.
- ์ฌ๋ฌ ํ์ง ์ค์ ์ ํ ์คํธํ์ธ์.
- ๊ฐ๋ฅํ๋ฉด WebP๋ฅผ ์ฌ์ฉํ์ธ์.
- ์ค๋ช ์ ์ธ ํ์ผ๋ช ์ ์ ํํ์ธ์.
ํผํด์ผ ํ ์ผ๋ฐ์ ์ธ ์ค์
- โํ์ฌ์ด์ฆ ์ด๋ฏธ์ง ๋์ ์ธ๋ค์ผ ๋ฏธ๋ฆฌ๋ณด๊ธฐ ์ ์ฅ.
- โํ์ง์ ์์ผ๋ฉด์ ๋ฌด์์ค PNG๋ฅผ ๋ถํ์ํ๊ฒ JPEG๋ก ๋ณํ.
- โ์ฌ์ํ ํธ์ง ํ JPEG ์ฌ์ ์ฅ์ผ๋ก ์์ถ ์ํฐํฉํธ ๋์ .
- โํ์๋ ์ด๋ฏธ์ง๊ฐ ์ฌ์ฉ ๊ฐ๋ฅํ ์ต๊ณ ํ์ง์ด๋ผ๊ณ ๊ฐ์ .
์์ฃผ ๋ฌป๋ ์ง๋ฌธ
์ฌ์ฉํด ๋ณผ ์ค๋น๊ฐ ๋์ จ๋์?
๋ฌด๋ฃ์ด๋ฉฐ ๊ฐ์ ๋ถํ์, ๊ฐ์ธ์ ๋ณด๋ฅผ ์กด์คํฉ๋๋ค.
URL์์ ์ด๋ฏธ์ง ๋ค์ด๋ก๋ํ๊ธฐ ์ฌ์ฉ๊ด๋ จ ๊ธฐ์ฌ
URL์์ ์ด๋ฏธ์ง ๋ค์ด๋ก๋ํ๊ธฐ์ ๋ํ ๊ฐ์ด๋์ ํํ ๋ฆฌ์ผ ์ดํด๋ณด๊ธฐ์น์ฌ์ดํธ์์ ์ด๋ฏธ์ง๋ฅผ ๋ค์ด๋ก๋ํ๋ ๋ฐฉ๋ฒ
์น์ฌ์ดํธ์์ ์ด๋ฏธ์ง๋ฅผ ๋ค์ด๋ก๋ํ๊ณ ์ ์ฅํ๋ ์ต๊ณ ์ ๋ฐฉ๋ฒ์ ๋ฐฐ์ฐ์ธ์. ๋ฒ์ ๊ณ ๋ ค์ฌํญ, ๊ธฐ๋ฒ, ๋๊ตฌ๋ฅผ ๋ค๋ฃจ๋ ์์ ํ ๊ฐ์ด๋....
์ฌ๋ฌ ์ด๋ฏธ์ง๋ฅผ ํ ๋ฒ์ ๋ค์ด๋ก๋ํ๋ ๋ฐฉ๋ฒ
์ฌ๋ฌ ์ด๋ฏธ์ง๋ฅผ ๋์์ ๋ค์ด๋ก๋ํด ์๊ฐ์ ์ ์ฝํ์ธ์. ํจ์จ์ ์ธ ์ด๋ฏธ์ง ์์ง์ ์ํ ์ผ๊ด ๋ค์ด๋ก๋ ๊ธฐ๋ฒ, ๋๊ตฌ, ๋ธ๋ผ์ฐ์ ํ์ฅ ํ๋ก๊ทธ๋จ....
์์ ๋ฏธ๋์ด ํ๋ซํผ์์ ์ด๋ฏธ์ง๋ฅผ ๋ค์ด๋ก๋ํ๋ ๋ฐฉ๋ฒ
์ธ์คํ๊ทธ๋จ, ํ์ด์ค๋ถ, ํธ์ํฐ, ํํฐ๋ ์คํธ ๋ฑ์์ ์ฌ์ง์ ๋ค์ด๋ก๋ํ์ธ์. ์์ ๋ฏธ๋์ด ์ด๋ฏธ์ง๋ฅผ ์ ์ฅํ๊ธฐ ์ํ ํ๋ซํผ๋ณ ๊ฐ์ด๋....