์ฌ์ง ํฉ์น๊ธฐ
์ฌ์ง์ ํฉ์น๋ ค๋ฉด ์์ ์ด๋ฏธ์ง๋ฅผ ์ถ๊ฐํ๊ณ ๊ฐ๋ก๋ก ๋๋ํ, ์ธ๋ก๋ก ์ด์ด๋ถ์ด๊ธฐ, ๊ฒฉ์ ์ค ํ๋๋ฅผ ๊ณ ๋ฅธ ๋ค์ JPG, PNG, WebP ํ ์ฅ์ผ๋ก ์ ์ฅํ๋ฉด ๋ฉ๋๋ค. ๋์ด๋ ๋๋น๋ฅผ ๋ง์ถ๊ณ ๊ฐ๊ฒฉ, ํ ๋๋ฆฌ, ๋ผ๋ฒจ์ ๋ฃ์ ์ ์์ผ๋ฉฐ, ์ด๋ฏธ์ง ์์ ๋ค๋ฅธ ์ด๋ฏธ์ง๋ฅผ ๊ฒน์น ์๋ ์์ต๋๋ค. ๋ชจ๋ ์์ ์ด ๋ธ๋ผ์ฐ์ ์์์ ์ด๋ฃจ์ด์ง๋ฏ๋ก ์ฌ์ง์ด ์๋ฒ๋ก ์ ๋ก๋๋์ง ์์ต๋๋ค.
์ ํํ ํ์ผ
์์ฌํ๊ณ ์์ ํ์ธ์
- ๊ธฐ๊ธฐ์์ ์ง์ ์ฒ๋ฆฌ
- ํ์ผ ์ ๋ก๋ ์์
- ํ์๊ฐ์ ์์
์ฌ์ง ๋ ์ฅ์ ํ ์ฅ์ผ๋ก ํฉ์น๋ ค๋ฉด ๋ณดํต ํธ์ง ํ๋ก๊ทธ๋จ์์ ์บ๋ฒ์ค๋ฅผ ์ง์ ๋ง๋ค๊ณ , ๊ฐ์ฅ์๋ฆฌ๊ฐ ๋ฑ ๋ง์ ๋๊น์ง ์ฌ์ง์ ํ๋์ฉ ๋๋ฆฌ๊ณ ์ค์ฌ์ผ ํฉ๋๋ค. ์ด ๋๊ตฌ๋ ๋ฐฐ์น๋ง ๊ณ ๋ฅด๋ฉด ๊ฐ ์ด๋ฏธ์ง์ ํฌ๊ธฐ๊ฐ ์๋์ผ๋ก ๋ง์ถฐ์ง๊ณ , ์ํ์ง ์์ ํ์ด๋ ์ด์์์ 1px ์ค๋ ์๊ธฐ์ง ์์ต๋๋ค. JPG, PNG, WebP, GIF, HEIC, AVIF๋ฅผ ์์ด ์ต๋ 20์ฅ๊น์ง ํฉ์น ์ ์์ผ๋ฉฐ, ๋น ๋ฅธ ์์์ ์ฐ๋ฉด 2์ฅ ๋๋ํ, 3์ฅ ๊ฐ๋ก ํ ์ค, 2ร2 ๊ฒฉ์, ๋ผ๋ฒจ์ด ๋ถ์ ๋นํฌ ์ ํํฐ ์ฌ์ง์ ํด๋ฆญ ํ ๋ฒ์ผ๋ก ๋ง๋ค ์ ์์ต๋๋ค.
๊ฒน์น๊ธฐ ๋ชจ๋์์๋ ๊ฐ์ ์ด๋ฏธ์ง๋ฅผ ๋ ์ด์ด๋ก ๋ค๋ฃน๋๋ค. ์ฒซ ๋ฒ์งธ ์ด๋ฏธ์ง๊ฐ ๋ฐฐ๊ฒฝ์ด ๋๊ณ , ๊ทธ ์์ ์ต๋ 5์ฅ์ ์ฌ๋ ค ๊ฐ๊ฐ ํฌ๊ธฐ, ํ์ , ๋ถํฌ๋ช ๋, ํผํฉ ๋ชจ๋๋ฅผ ์ ํ ์ ์์ต๋๋ค. ์ฌ์ง ๋ชจ์๋ฆฌ์ ๋ก๊ณ ๋ฅผ ๋ฃ๊ฑฐ๋ ์ด์ค ๋ ธ์ถ ๋๋์ผ๋ก ํฉ์ฑํ๊ฑฐ๋ ์ง๊ฐ์ ์ ํ ๋ ์ข์ต๋๋ค. ๋ชฉ์ ์ ๋ฐ๋ผ ๋ค๋ฅธ ๋๊ตฌ๊ฐ ๋ ํธํ ๋๋ ์์ต๋๋ค. ์ฌ๋ฌ ์ด๋ฏธ์ง๋ฅผ ๋ฌธ์ ํ๋๋ก ๋ฌถ์ผ๋ ค๋ฉด ์ด๋ฏธ์ง๋ฅผ PDF๋ก ๋ณํํ๊ณ , ์ฐจ๋ก๋ก ๋ฐ๋๋ ์์งค์ ๋ง๋ค๋ ค๋ฉด GIF ๋ง๋ค๊ธฐ๋ฅผ, ์ฌ์ง์ ๊ธ์๋ฅผ ๋ฃ์ผ๋ ค๋ฉด ์ฌ์ง ํธ์ง๊ธฐ๋ฅผ ์ด์ฉํ์ธ์.
์ฌ๋ฌ ์ฅ์ ์ฌ์ง์ ํ ์ฅ์ผ๋ก ํฉ์น๋ ๋ฐฉ๋ฒ
์ด๋ฏธ์ง ์ถ๊ฐ
JPG, PNG, WebP, GIF, HEIC, AVIF ํ์ผ์ ์ต๋ 20์ฅ๊น์ง ๋์ด๋ค ๋๊ฑฐ๋ ๊ธฐ๊ธฐ์์ ์ ํํ๊ฑฐ๋ ์คํฌ๋ฆฐ์ท์ ๋ถ์ฌ ๋ฃ์ต๋๋ค. ๋์ค์ ์ด๋ฏธ์ง ์ถ๊ฐ ๋ฒํผ์ผ๋ก ๋ ๋ฃ์ ์๋ ์์ต๋๋ค.
์์ ์ ํ๊ธฐ
์ธ๋ค์ผ์ ๋๋๊ทธํ๊ฑฐ๋ ์๋ ํ์ดํ ๋ฒํผ์ผ๋ก ์์๋ฅผ ๋ฐ๊ฟ๋๋ค. ์ฒซ ๋ฒ์งธ ์ด๋ฏธ์ง๋ ๊ฐ๋ก ๋ฐฐ์น์์๋ ๋งจ ์ผ์ชฝ, ์ธ๋ก ๋ฐฐ์น์์๋ ๋งจ ์, ๊ฒฉ์์์๋ ์ผ์ชฝ ์์ ๋์ ๋๋ค.
๋ฐฐ์น ๊ณ ๋ฅด๊ธฐ
๊ฐ๋ก๋ก ๋๋ํ, ์ธ๋ก๋ก ์ด์ด๋ถ์ด๊ธฐ, ๊ฒฉ์ ์ค์์ ๊ณ ๋ฅด๊ฑฐ๋ ๋น ๋ฅธ ์์์ผ๋ก ์์ํฉ๋๋ค. ์ด์ด์ ํฌ๊ธฐ ๋ง์ถค ๋ฐฉ์์ ์ ํ๊ณ ๊ฐ๊ฒฉ, ํ ๋๋ฆฌ, ๋ฅ๊ทผ ๋ชจ์๋ฆฌ, ๋ฐฐ๊ฒฝ, ๋ผ๋ฒจ์ ์ค์ ํฉ๋๋ค.
๋ค์ด๋ก๋ ๋๋ ๋ณต์ฌ
PNG, JPG, WebP ์ค์์ ๊ณ ๋ฅด๊ณ ๋ฒํผ ์์ ํ์๋๋ ์ต์ข ํฌ๊ธฐ๋ฅผ ํ์ธํ ๋ค ํฉ์น ์ด๋ฏธ์ง๋ฅผ ๋ค์ด๋ก๋ํฉ๋๋ค. ๋ณต์ฌํด์ ๋ค๋ฅธ ์ฑ์ ๋ถ์ฌ ๋ฃ์ ์๋ ์์ต๋๋ค.
๊ฐ๋ก, ์ธ๋ก, ๊ฒฉ์ ๋ฐฐ์น ๊ณ ๋ฅด๊ธฐ
๊ฐ๋ก๋ก ๋๋ํ๋ ์ด๋ฏธ์ง๋ฅผ ์ผ์ชฝ์์ ์ค๋ฅธ์ชฝ์ผ๋ก ํ ์ค์ ๋์ต๋๋ค. ๋นํฌ ์ ํํฐ, ๋์์ธ ์์ ๋ ๊ฐ ๋น๊ต, ์ธ์คํ๊ทธ๋จ์ ์ฌ์ง ๋ ์ฅ์ ํ ์ฅ์ผ๋ก ์ฌ๋ฆฌ๊ณ ์ถ์ ๋์ฒ๋ผ ๋น์ทํ ๋ชจ์์ ์ฌ์ง 2~3์ฅ์ ์ ๋ง์ต๋๋ค. ๋ค ์ฅ์ด ๋์ผ๋ฉด ๊ฐ๋ก๋ก ๋๋ฌด ๊ธธ์ด์ ธ ํด๋ํฐ ํ๋ฉด์์๋ ํ ์ฅ ํ ์ฅ์ด ์์ฃผ ์๊ฒ ๋ณด์ ๋๋ค.
์ธ๋ก๋ก ์ด์ด๋ถ์ด๊ธฐ๋ ์ด๋ฏธ์ง๋ฅผ ์์์ ์๋๋ก ์์ต๋๋ค. ์นด์นด์คํก ๋ํ ์บก์ฒ, ์ฌ์ฉ๋ฒ ์๋ด ๋จ๊ณ, ์ฌ๋ฌ ๋ฒ ๋๋ ์ฐ์ ๊ธด ์นํ์ด์ง๋ฅผ ์ด์ด ๋ถ์ผ ๋ ์์ฐ์ค๋ฌ์ด ๋ฐฐ์น์ ๋๋ค. ์ธ๋ก ์ฌ์ง์ ์ธ๋ก๋ก ์ด์ด ๋ถ์ด๋ฉด ์ง๋์น๊ฒ ๊ธธ์ด์ง๋ฏ๋ก, ์ด๋ด ๋๋ ๊ฐ๋ก ๋ฐฐ์น๋ ๊ฒฉ์๊ฐ ๋ ๋ณด๊ธฐ ์ข์ต๋๋ค.
๊ฒฉ์๋ ๋ค ์ฅ ์ด์์ ์ด๋ฏธ์ง๋ฅผ ํ๊ณผ ์ด๋ก ๋ฐฐ์นํฉ๋๋ค. ์ด ์๊ฐ ์๋์ด๋ฉด ์ธ ์ฅ๊น์ง๋ ํ ์ค, ๋ค ์ฅ์ 2ร2, ์ํ ์ฅ์ 3ร3, ์ค๋ฌด ์ฅ์ 5์ด 4ํ์ด ๋ฉ๋๋ค. 2~6์ด์ ์ง์ ์ง์ ํ ์๋ ์์ต๋๋ค. ๋ง์ง๋ง ์ค์ด ๋ค ์ฐจ์ง ์์ผ๋ฉด ๋ง์ง๋ง ์ค ์ต์ ์ผ๋ก ์ผ์ชฝ, ๊ฐ์ด๋ฐ, ์ค๋ฅธ์ชฝ ์ ๋ ฌ์ ๊ณ ๋ฆ ๋๋ค.
๋น ๋ฅธ ์์์ ์ด๋ฐ ๋ฐฐ์น๋ก ๊ฐ๋ ์ง๋ฆ๊ธธ์ ๋๋ค. 2์ฅ ๋๋ํ์ 3์ฅ ๊ฐ๋ก ํ ์ค์ ๋์ด๋ฅผ ๋ง์ถ ๊ฐ๋ก ๋ฐฐ์น, 2ร2 ๊ฒฉ์๋ ๊ฐ์ ํฌ๊ธฐ์ ์นธ ๋ ์ด, ๋นํฌ ์ ํํฐ๋ ๋ ์ฅ์ ๋นํฌ์ ์ ํํฐ ๋ผ๋ฒจ์ ๋ถ์ ๋๋ค. ๋ฐ๋๋ ๊ฒ์ ๋ฐฐ์น๋ฟ์ด๊ณ ๋ฐฐ๊ฒฝ, ์ฌ๋ฐฑ, ๋ผ๋ฒจ ๋ฌธ๊ตฌ๋ ๊ทธ๋๋ก ๋จ์ต๋๋ค.
ํฌ๊ธฐ๊ฐ ๋ค๋ฅธ ์ด๋ฏธ์ง ๋ง์ถ๊ธฐ
์ฌ์ง ํฌ๊ธฐ๊ฐ ๊ฐ์ ๊ฒฝ์ฐ๋ ๋๋ฌผ๊ณ , 4,000px ์ฌ์ง๊ณผ 1,200px ์คํฌ๋ฆฐ์ท์ ์์ผ๋ก ๋ง์ถ๋ ์ผ์ ๋ฒ๊ฑฐ๋กญ์ต๋๋ค. ๊ฐ๋ก ๋ฐฐ์น์์๋ ๋์ด ๋ง์ถ๊ธฐ๋ก ๋ชจ๋ ์ด๋ฏธ์ง๋ฅผ ๊ฐ์ ๋์ด๋ก ๋ง๋ค์ด ์์๋ ๊ฐ์ฅ์๋ฆฌ๋ฅผ ๋ง์ถ๊ณ , ์ธ๋ก ๋ฐฐ์น์์๋ ๋๋น ๋ง์ถ๊ธฐ๋ก ์์์ ๋ง์ถฅ๋๋ค. ๊ฐ๋ก์ธ๋ก ๋น์จ์ ํญ์ ์ ์ง๋๋ฏ๋ก ์ฌ์ง์ด ๋์ด๋ ๋ณด์ด์ง ์์ต๋๋ค.
๊ธฐ์ค์์๋ ์ด๋ ์ด๋ฏธ์ง์ ๋์ด๋ ๋๋น์ ๋ง์ถ์ง ์ ํฉ๋๋ค. ๊ธฐ๋ณธ๊ฐ์ธ ๊ฐ์ฅ ์์ ์ด๋ฏธ์ง๋ฅผ ๊ณ ๋ฅด๋ฉด ๋ชจ๋ ์ด๋ฏธ์ง๊ฐ ๊ฐ์ฅ ์์ ์ฌ์ง์ ๋ง์ถฐ ์ค์ด๋ค ๋ฟ ํ๋๋๋ ์ด๋ฏธ์ง๊ฐ ์์ด ์ ๋ช ํจ์ด ์ ์ง๋ฉ๋๋ค. ๊ฐ์ฅ ํฐ ์ด๋ฏธ์ง๋ฅผ ๊ณ ๋ฅด๋ฉด ์์ ์ด๋ฏธ์ง๊ฐ ํ๋๋์ด ๊ฒฐ๊ณผ๋ฌผ์ ์ปค์ง์ง๋ง ํ๋ฆฟํด ๋ณด์ผ ์ ์์ต๋๋ค.
์๋ณธ ํฌ๊ธฐ๋ ๊ฐ ์ด๋ฏธ์ง๋ฅผ ์๋ ํฝ์ ๊ทธ๋๋ก ์๋๋ค. ์์ ์ด๋ฏธ์ง ์์ ์๊ธฐ๋ ๋น ๊ณณ์ ๋ฐฐ๊ฒฝ์ผ๋ก ์ฑ์์ง๊ณ , ์ ๋ ฌ๋ก ๊ฐ๋ก ๋ฐฐ์น์์๋ ์, ๊ฐ์ด๋ฐ, ์๋๋ฅผ, ์ธ๋ก ๋ฐฐ์น์์๋ ์ผ์ชฝ, ๊ฐ์ด๋ฐ, ์ค๋ฅธ์ชฝ์ ๊ณ ๋ฆ ๋๋ค. ํฌ๊ธฐ๋ฅผ ๋ฐ๊พธ๋ฉด ๊ธ์๊ฐ ๋ฒ์ง๋ ์คํฌ๋ฆฐ์ท์๋ ์ด ์ค์ ์ด ๊ฐ์ฅ ์ข์ต๋๋ค.
๊ฒฉ์์์๋ ๋ชจ๋ ์นธ์ ๋ชจ์์ด ๊ฐ์ต๋๋ค. ์๋์ ์ค๊ฐ๊ฐ์ ํด๋นํ๋ ์ด๋ฏธ์ง์ ๋ชจ์์ ์ฐ๊ธฐ ๋๋ฌธ์ ์ธ๋ก ์ฌ์ง ์ฌ์ด์ ํ๋ ธ๋ผ๋ง๊ฐ ํ ์ฅ ์์ฌ๋ ์ ์ฒด ๋ชจ์์ด ๋ฐ๋์ง ์์ต๋๋ค. 1:1, 4:5, 16:9๋ฅผ ๊ณ ๋ฅด๋ฉด ์ ์ฌ๊ฐํ, ์ธ๋กํ, ๊ฐ๋กํ ์นธ์ผ๋ก ๊ณ ์ ๋ฉ๋๋ค. ์ฑ์ฐ๊ณ ์๋ฅด๊ธฐ๋ ์นธ์ ๊ฝ ์ฑ์ฐ๊ณ ๋์น๋ ๋ถ๋ถ์ ์๋ผ ๋ด๋ฉฐ, ์ ์ฒด ๋ณด์ด๊ธฐ๋ ์ฌ์ง์ด ์๋ฆฌ์ง ์๊ฒ ๋ฃ๊ณ ๋ชจ์์ด ๋ง์ง ์๋ ๊ณณ์ ๋ฐฐ๊ฒฝ์ ๋จ๊น๋๋ค. ์นธ ํฌ๊ธฐ ๊ธฐ์ค์ ๊ธฐ์ค๊ณผ ๋ง์ฐฌ๊ฐ์ง๋ก ๊ฐ์ฅ ์์ ์ด๋ฏธ์ง๋ ๊ฐ์ฅ ํฐ ์ด๋ฏธ์ง์ ๋ง์ถฅ๋๋ค.
์ฌ์ง ์์ ๋ค๋ฅธ ์ฌ์ง ๊ฒน์น๋ ๋ฐฉ๋ฒ
๋๋ํ ๋์ง ์๊ณ ๊ฒน์น๊ณ ์ถ๋ค๋ฉด ๋ชจ๋๋ฅผ ๊ฒน์น๊ธฐ๋ก ๋ฐ๊ฟ๋๋ค. ๊ฒฐ๊ณผ๋ฌผ์ ๋ฐฐ๊ฒฝ ์ด๋ฏธ์ง์ ๊ฐ์ ํฌ๊ธฐ๊ฐ ๋๊ณ , ๋ ์ด์ด๊ฐ ๋ฐฐ๊ฒฝ ๋ฐ์ผ๋ก ํ์ด๋์จ ๋ถ๋ถ์ ์๋ฆฝ๋๋ค.
1. ๋ฐฐ๊ฒฝ์ผ๋ก ์ธ ์ด๋ฏธ์ง๋ฅผ ๋จผ์ ์ถ๊ฐํ๊ณ , ์์ ์ฌ๋ฆด ์ด๋ฏธ์ง๋ฅผ ๊ทธ๋ค์์ ์ถ๊ฐํฉ๋๋ค. ๋ชฉ๋ก์ ์ฒซ ๋ฒ์งธ๊ฐ ๋ฐฐ๊ฒฝ, ๋ค์ ๋ค์ฏ ์ฅ์ด ๋ ์ด์ด 1~5๊ฐ ๋ฉ๋๋ค. ๋ค์ ์๋ ๋ ์ด์ด์ผ์๋ก ์์ ๋ณด์ด๋ฏ๋ก, ๋ฌด์์ ๋งจ ์์ ๋์ง๋ ์ธ๋ค์ผ ์์๋ก ๋ฐ๊ฟ๋๋ค.
2. ๋ฏธ๋ฆฌ๋ณด๊ธฐ์์ ๋ ์ด์ด๋ฅผ ๋๋๊ทธํด ์์น๋ฅผ ์ก์ต๋๋ค. ๋ฐฐ๊ฒฝ์ ๊ฐ์ฅ์๋ฆฌ์ ๊ฐ์ด๋ฐ์ ๊ฐ๊น์์ง๋ฉด ์์์ฒ๋ผ ๋ถ์ผ๋ฉด์ ์๋ด์ ์ด ๋ํ๋ฉ๋๋ค. Alt ํค๋ฅผ ๋๋ฅธ ์ฑ ๋๋๊ทธํ๋ฉด ์์ ๋กญ๊ฒ ๋์ ์ ์๊ณ , ํฐ์น์คํฌ๋ฆฐ์์๋ ์๊ฐ๋ฝ์ผ๋ก ์ฎ๊น๋๋ค.
3. ํฌ๊ธฐ๋ฅผ ๋ฐฐ๊ฒฝ ๋๋น์ 1~200%๋ก ์ ํ๊ณ , ํ์ ์ผ๋ก ๋ฐฉํฅ์, ๋ถํฌ๋ช ๋๋ก ๋น์น๋ ์ ๋๋ฅผ ์กฐ์ ํฉ๋๋ค. 1px๋ง ์ฎ๊ธฐ๋ ค๋ฉด ๋ ์ด์ด๋ฅผ ์ ํํ๊ณ ๋ฐฉํฅํค๋ฅผ ๋๋ฅด์ธ์. Shift ํค๋ฅผ ํจ๊ป ๋๋ฅด๋ฉด ํ ๋ฒ์ 10px์ฉ ์์ง์ ๋๋ค.
4. ์๋ ์ด๋ฏธ์ง๋ฅผ ๊ฐ๋ฆฌ์ง ์๊ณ ์์ด๊ฒ ํ๋ ค๋ฉด ํผํฉ ๋ชจ๋๋ฅผ ๊ณ ๋ฅธ ๋ค ๋ค์ด๋ก๋ํฉ๋๋ค. ๋ ์ด์ด ์ด๊ธฐํ๋ฅผ ๋๋ฅด๋ฉด ์ ํํ ๋ ์ด์ด๊ฐ ์ฒ์ ์์น๋ก ๋์๊ฐ๋๋ค.
๋ถํฌ๋ช ๋, ํผํฉ ๋ชจ๋, ์ํฐ๋งํฌ
๋ถํฌ๋ช ๋๋ ๋ ์ด์ด๊ฐ ์ผ๋ง๋ ๋ณด์ผ์ง๋ฅผ ์ ํฉ๋๋ค. 100%๋ฉด ๋ฐฐ๊ฒฝ์ ์์ ํ ๋ฎ๊ณ , 50%๋ฉด ๋ ์ด๋ฏธ์ง๊ฐ ๋ฐ์ฉ ์์ ๋๋ค. ๋ ์ด์ด๋ฅผ ๋ฐฐ๊ฒฝ๊ณผ ๊ฐ์ ๋ชจ์์ผ๋ก ๋ง์ถ๊ณ ํฌ๊ธฐ๋ฅผ 100%๋ก ํ ๋ค ๋ถํฌ๋ช ๋๋ฅผ ๋ฎ์ถ๋ฉด ์ด์ค ๋ ธ์ถ์ฒ๋ผ ๋ ์ฌ์ง์ด ์์ฐ์ค๋ฝ๊ฒ ๊ฒน์นฉ๋๋ค. ๋น์น๋ ์ ๋๋ ๋ ์ด์ด ์ ์ฒด์ ๋๊ฐ์ด ์ ์ฉ๋๋ฉฐ, ๊ทธ๋ฌ๋ฐ์ด์ ์ฒ๋ผ ์ ์ ์ฌ๋ผ์ง๋ ํจ๊ณผ๋ ์ง์ํ์ง ์์ต๋๋ค.
ํผํฉ ๋ชจ๋๋ ๋ ์ด์ด์ ์๋ ์ด๋ฏธ์ง๋ฅผ ์๋ ๋ฐฉ์์ผ๋ก, ๋๋ถ๋ถ์ ์ฌ์ง ํธ์ง ํ๋ก๊ทธ๋จ์ ์๋ ๊ฐ์ ์ด๋ฆ์ ๋ชจ๋์ ๋๊ฐ์ ํ์ค ๊ณ์ฐ์์ ์๋๋ค. ๋จผ์ ์์ ๋ ๊ฒ์ ๊ณฑํ๊ธฐ์ ์คํฌ๋ฆฐ์ ๋๋ค. ๊ณฑํ๊ธฐ๋ ํฐ์์ ์์ ๋ฏ๋ก ํฐ ์ข ์ด์ ์ค์บํ ์๋ช ์ด๋ ๋ก๊ณ ๋ฅผ ์ฌ์ง์ ์ฌ๋ ค๋ ํฐ ์์๊ฐ ๋จ์ง ์์ต๋๋ค. ์คํฌ๋ฆฐ์ ๊ฒ์์์ ์์ ๋ฏ๋ก ๊ฒ์ ๋ฐฐ๊ฒฝ์์ ์ฐ์ ๋ถ๊ฝ๋์ด, ๋น, ๋ณ์ด ์ ์ ๋ก ์ด์ฐ๋ฌ์ง๋๋ค. ์ฌ์ฏ ๊ฐ์ง ๋ชจ๋๋ ์๋ ํ์์ ๋น๊ตํ ์ ์์ต๋๋ค.
๋ก๊ณ ยท์ํฐ๋งํฌ๋ ์ ํํ ๋ ์ด์ด๋ฅผ ๋ค ๋ชจ์๋ฆฌ๋ ๊ฐ์ด๋ฐ์, ๋ฐฐ๊ฒฝ ๋๋น์ 5๋ถ์ 1 ํฌ๊ธฐ์ ๋ถํฌ๋ช ๋ 70%๋ก, ๊ฐ์ฅ์๋ฆฌ์์ ์กฐ๊ธ ๋์ ๋ฐฐ์นํฉ๋๋ค. ์ํฐ๋งํฌ๋ฅผ ๋ฃ์ ๋ ํํ ์ฐ๋ ์ค์ ์ ๋๋ค. ๋ก๊ณ ๋ ๋ฐฐ๊ฒฝ์ด ํฌ๋ช ํ PNG์ฌ์ผ ๋งํฌ๋ง ๊น๋ํ๊ฒ ๋ณด์ ๋๋ค. JPG ๋ก๊ณ ์๋ ๊ฝ ์ฐฌ ๋ฐฐ๊ฒฝ์ด ์์ด์ PNG๋ก ๋ณํํด๋ ์ฌ๋ผ์ง์ง ์์ผ๋, ๋จผ์ ๋ฐฐ๊ฒฝ์ ์ ๊ฑฐํ๊ฑฐ๋ ํฐ ๋ฐํ์ ์ด๋์ด ๋ก๊ณ ๋ผ๋ฉด ๋ ์ด์ด๋ฅผ ๊ณฑํ๊ธฐ๋ก ๋ฐ๊พธ์ธ์.
์ด ๋๊ตฌ๋ก๋ ์ด๋ฏธ์ง๋ฅผ ๊ฒน์น ์ ์๊ณ ๊ธ์๋ ๋ฃ์ ์ ์์ต๋๋ค. ์ฌ์ง์ ๊ธ์ ์ํฐ๋งํฌ๋ฅผ ๋ฃ์ผ๋ ค๋ฉด ์ฌ์ง ํธ์ง๊ธฐ๋ฅผ, ๋ฌธ์์ ๋ชจ๋ ํ์ด์ง์ ํ์๋ฅผ ๋ฃ์ผ๋ ค๋ฉด PDF ์ํฐ๋งํฌ ๋ฃ๊ธฐ๋ฅผ ์ด์ฉํ์ธ์.
ํฌ๋ช ๋ฐฐ๊ฒฝ๊ณผ ์ ์ฅ ํ์
๋ฐฐ๊ฒฝ์ ์ด๋ฏธ์ง ์ฌ์ด ๊ฐ๊ฒฉ, ํ ๋๋ฆฌ, ์นธ์ ๋ค ์ฑ์ฐ์ง ๋ชปํ ์ด๋ฏธ์ง ์์ ๋น ๊ณณ์ ์ฑ์๋๋ค. ํฐ์๊ณผ ๊ฒ์์์ ํด๋ฆญ ํ ๋ฒ์ผ๋ก ๊ณ ๋ฅผ ์ ์๊ณ , ์ ์ง์ ์ผ๋ก ์ํ๋ ์์, ํฌ๋ช ์ผ๋ก ์ด ๋ถ๋ถ์ ๋น์ธ ์ ์์ต๋๋ค. ๋ฏธ๋ฆฌ๋ณด๊ธฐ์ ์ฒดํฌ๋ฌด๋ฌ๋ ํฌ๋ช ํ ํฝ์ ์ ๋ปํฉ๋๋ค.
์๋ณธ ์ด๋ฏธ์ง์ ์๋ ํฌ๋ช ํ ๋ถ๋ถ๋ ๊ทธ๋๋ก ์ ์ง๋ฉ๋๋ค. PNG ๋ก๊ณ ๋ ๋๋ผ ๋ด ์ด๋ฏธ์ง๋ ์ด๋์ ๋์๋ ํฌ๋ช ํฉ๋๋ค. ๋ฐฐ๊ฒฝ์ ํฌ๋ช ์ผ๋ก ํ๊ณ ๋ชจ์๋ฆฌ๋ฅผ ๋ฅ๊ธ๊ฒ ํ๋ฉด ๋ชจ์๋ฆฌ๊ฐ ์ค์ ๋ก ๋ฅ๊ทผ ์ด๋ฏธ์ง๊ฐ ๋์ด ๋ฐํ ์๋ฃ๋ ์นํ์ด์ง์ ๊น๋ํ๊ฒ ๋ค์ด๊ฐ๋๋ค.
PNG๋ ํ์ง ์์ค์ด ์๊ณ ํฌ๋ช ์ ์ ์งํ๋ฏ๋ก ์คํฌ๋ฆฐ์ท, ๊ทธ๋ํฝ, ํฌ๋ช ๋ฐฐ๊ฒฝ ์ด๋ฏธ์ง์ ์๋ง์ต๋๋ค. JPG๋ ์ฌ์ง์ ๊ฐ์ฅ ๊ฐ๋ณ๊ฒ ์ ์ฅํ์ง๋ง ํฌ๋ช ์ ์ง์ํ์ง ์์ ํฌ๋ช ํ ๋ถ๋ถ์ด ํฐ์์ด ๋ฉ๋๋ค. WebP๋ ํฌ๋ช ์ ์ ์งํ๋ฉด์ ๋๊ฐ PNG๋ณด๋ค ๊ฐ๋ณ์ต๋๋ค. ๊ฒฐ๊ณผ๋ฌผ์ ํฌ๋ช ํ ๋ถ๋ถ์ด ์๊ฑฐ๋ ์ฌ์ง์ด ์๋ ์ด๋ฏธ์ง๊ฐ ์์ฌ ์์ผ๋ฉด PNG๊ฐ, ๋ชจ๋ ์ฌ์ง์ด๋ฉด JPG๊ฐ ๋จผ์ ์ ํ๋๋ฉฐ ์ธ์ ๋ ๋ฐ๊ฟ ์ ์์ต๋๋ค.
์์ง์ด๋ GIF๋ ๊ฒฐ๊ณผ๋ฌผ์ด ์ ์ง ์ด๋ฏธ์ง์ด๋ฏ๋ก ์ฒซ ํ๋ ์์ด ์ฐ์ ๋๋ค. ์์ดํฐ HEIC ์ฌ์ง๊ณผ AVIF ํ์ผ๋ ๋ค๋ฅธ ์ด๋ฏธ์ง์ฒ๋ผ ์ด๋ฆฌ๊ณ , ํฉ์น ์ด๋ฏธ์ง๋ PNG, JPG, WebP๋ก ์ ์ฅ๋ฉ๋๋ค.
ํ์ง ์ ํ ์์ด ์ฌ์ง ํฉ์น๊ธฐ
๋ฏธ๋ฆฌ๋ณด๊ธฐ๋ ์ค์ ์ ๋ฐ๊ฟ ๋๋ง๋ค ๋ฐ๋ก ๋ค์ ๊ทธ๋ฆด ์ ์๋๋ก ์ถ์ํ ์ฌ๋ณธ์ ์๋๋ค. ๋ค์ด๋ก๋ํ ํ์ผ์ ์๋ณธ์์ ์ต๋ ํด์๋๋ก ๋ค์ ๋ง๋ค๊ธฐ ๋๋ฌธ์ ๋ฏธ๋ฆฌ๋ณด๊ธฐ์ ๋ฎ์ ํด์๋๊ฐ ํ์ผ์ ๋จ์ง ์์ต๋๋ค.
๊ธฐ๋ณธ๊ฐ์ธ ๊ฐ์ฅ ์์ ์ด๋ฏธ์ง์์๋ ์ฌ์ง์ด ์ค์ด๋ค๊ธฐ๋ง ํด์ ์ ๋ช ํจ์ด ์ ์ง๋๊ณ , ์๋ณธ ํฌ๊ธฐ์์๋ ์์ ํฌ๊ธฐ๋ฅผ ๋ฐ๊พธ์ง ์์ต๋๋ค. ํ์ง์ด ๋จ์ด์ง๋ ๊ฒฝ์ฐ๋ ๊ฐ์ฅ ํฐ ์ด๋ฏธ์ง๋ฅผ ๊ณ ๋ฅด๊ฑฐ๋ ๋ ์ด์ด๋ฅผ ์๋๋ณด๋ค ํฌ๊ฒ ํค์ ํ๋ํ ๋๋ฟ์ ๋๋ค. ๋ธ๋ผ์ฐ์ ๋ ํ์ผ์ ์๋ ๋ํ ์ผ์ ๋ง๋ค์ด ๋ผ ์ ์์ต๋๋ค.
JPG์ WebP๋ ๋ฐ๋ก ๋ฐ๊พธ์ง ์์ผ๋ฉด ํ์ง 92๋ก ์ ์ฅ๋๋ฉฐ, ์ฌ์ง์ด๋ผ๋ฉด ์๋ณธ๊ณผ ๊ฑฐ์ ๊ตฌ๋ถ๋์ง ์์ต๋๋ค. ์ฌ๋ผ์ด๋๋ก 50~100 ์ฌ์ด์์ ์กฐ์ ํ ์ ์๊ณ , PNG๋ ํญ์ ์์ค์ด ์์ต๋๋ค. ํ์ผ์ด ๋๋ฌด ๋ฌด๊ฒ๋ค๋ฉด ๋์ค์ ์ด๋ฏธ์ง ์์ถ์ ๊ฑฐ์น๊ฑฐ๋, ์ฌ์ดํธ๊ฐ ์๊ตฌํ๋ ํฌ๊ธฐ์ ๋ง๊ฒ ์ด๋ฏธ์ง ํฌ๊ธฐ๋ฅผ ์กฐ์ ํ์ธ์.
๋ธ๋ผ์ฐ์ ๋ฉ๋ชจ๋ฆฌ๊ฐ ๋ถ์กฑํด์ง์ง ์๋๋ก ์์ฃผ ํฐ ๊ฒฐ๊ณผ๋ฌผ์๋ ์ํ์ด ์์ต๋๋ค. ์ปดํจํฐ์์๋ 4,000๋ง ํ์ ๋๋ ํ ๋ณ 16,384px, ํด๋ํฐ๊ณผ ํ๋ธ๋ฆฟ์์๋ ์ฝ 1,670๋ง ํ์์ ๋๋ค. ์ด๋ณด๋ค ํฐ ๋ฐฐ์น๋ ์ ์ฒด๊ฐ ์ค์ด๋ค๋ฉฐ, ๊ทธ ์ฌ์ค๊ณผ ์๋ ํฌ๊ธฐ๊ฐ ํ์๋ฉ๋๋ค. ์ฌ์ง์ EXIF ๋ฐฉํฅ ์ ๋ณด์ ๋ฐ๋ผ ๋ฐ๋ฅด๊ฒ ๋๋ ค์ง๊ณ , ํ์ผ์ ์๋ก ๋ง๋ค๊ธฐ ๋๋ฌธ์ ์นด๋ฉ๋ผ ์ ๋ณด์ GPS ์์น๋ ์ฎ๊ฒจ์ง์ง ์์ต๋๋ค.
๊น๋ํ๊ฒ ํฉ์น๋ ์๋ น
ํฉ์น๊ธฐ ์ ์ ์ฌ์ง์ ๋น์จ์ ๋ง์ถฐ ๋์ธ์. 4:3 ์ฌ์ง๋ผ๋ฆฌ๋ ๋๋ํ ๋ฑ ๋ง์ง๋ง, 4:3๊ณผ 9:16์ ๋๋ํ ๋์ผ๋ฉด ๋น ๊ณณ์ด ์๊ธฐ๊ฑฐ๋ ์๋ฆฝ๋๋ค. ์ด๋ฏธ์ง ์๋ฅด๊ธฐ๋ก ๋ ์ฌ์ง์ ๊ฐ์ ๋น์จ๋ก ๋จผ์ ๋ง์ถ ์ ์์ต๋๋ค.
๋นํฌ ์ ํํฐ ์ฌ์ง์ ๊ตฌ๋๋ฅผ ๋๊ฐ์ด ํ๊ณ , ์๋ ์ฌ์ง์ ๋จผ์ ๋๊ณ , ๋์ด ๋ง์ถ๊ธฐ์ ๋ผ๋ฒจ์ ํจ๊ป ์ฐ์ธ์. ํฐ์์ด๋ ๊ฒ์์์ผ๋ก 10~20px ๊ฐ๊ฒฉ์ ๋๋ฉด ์๋ํ ๊ตฌ๋ถ์ ์ฒ๋ผ ๋ณด์ด๊ณ , ๊ฐ๊ฒฉ์ด ์์ผ๋ฉด ๋ ์ฅ์ด ํ ์ฅ์ฒ๋ผ ๋ณด์ ๋๋ค.
๊ฐ๊ฒฉ, ํ ๋๋ฆฌ, ๋ฅ๊ทผ ๋ชจ์๋ฆฌ๋ ์ต์ข ์ด๋ฏธ์ง์ ํฝ์ ๋จ์์ ๋๋ค. ๊ฐ์ 20px์ด๋ผ๋ 4,000px ์ฌ์ง ์ฌ์ด์์๋ ๊ฐ๋๊ณ , ์์ ์คํฌ๋ฆฐ์ท ์ฌ์ด์์๋ ๋๊ป๊ฒ ๋ณด์ด๋ฏ๋ก ์ซ์๋ณด๋ค ๋ฏธ๋ฆฌ๋ณด๊ธฐ๋ฅผ ๋ณด๊ณ ํ๋จํ์ธ์.
์ฌ๋์ด๋ ์ํ์ ์ ๋ฐฐ๊ฒฝ์ ํฉ์ฑํ๋ ค๋ฉด ๋ฐฐ๊ฒฝ ์ ๊ฑฐ๋ก ๋จผ์ ๋๋ผ๋ฅผ ๋ด ๋ค์, ๊ฒน์น๊ธฐ ๋ชจ๋์์ ์ ๋ฐฐ๊ฒฝ์ ์ฒซ ๋ฒ์งธ๋ก, ๋๋ผ ๋ด ์ด๋ฏธ์ง๋ฅผ ๋ ๋ฒ์งธ๋ก ์ถ๊ฐํ์ธ์. ๋น๊ทผ๋ง์ผ์ด๋ SNS์ ์ฌ๋ฆฌ๊ธฐ ์ ์๋ ์ด๋ฏธ์ง ํฌ๊ธฐ ํ์ธ์ผ๋ก ํฝ์ ํฌ๊ธฐ์ ์ฉ๋์ ํ์ธํด ๋๋ฉด ์ข์ต๋๋ค. ๋จ์ ๋ฐฐ๊ฒฝ์ด ํ์ํ๋ฉด ์ํ๋ ํฌ๊ธฐ๋ก ๋น ์ด๋ฏธ์ง๋ฅผ ๋ง๋ ๋ค ๊ฐ์ฅ ๋จผ์ ์ถ๊ฐํ์ธ์.
ํผํฉ ๋ชจ๋ ๋น๊ต
๋ชจ๋ ๋ชจ๋๋ ๋ ์ด์ด์ ๋ฐฐ๊ฒฝ์ ํฝ์ ๋จ์๋ก ๋น๊ตํด ์์ ์ ํฉ๋๋ค. ๋ถํฌ๋ช ๋๋ ๊ทธ ์์ ์ ์ฉ๋๋ฏ๋ก ๋ถํฌ๋ช ๋๊ฐ 50%๋ฉด ํจ๊ณผ๋ ์ ๋ฐ์ ๋๋ค.
| ํผํฉ ๋ชจ๋ | ํจ๊ณผ | ์ด๋ด ๋ ์ข์์ |
|---|---|---|
| ํ์ค | ๋ ์ด์ด๋ฅผ ๊ทธ๋๋ก ๋ณด์ฌ ์ฃผ๋ฉฐ ๋ฐฐ๊ฒฝ์ ๋ฎ์ | ๋ก๊ณ , ์คํฐ์ปค, ์ฌ์ง ์ ์ฌ์ง |
| ๊ณฑํ๊ธฐ | ์์ ๊ณฑํจ. ํฐ์์ด ์ฌ๋ผ์ง๊ณ ๊ฒฐ๊ณผ๋ ํญ์ ๋ ์ด๋์์ง | ํฐ ์ข ์ด์ ์๋ช , ์ ํ, ๋ก๊ณ , ๊ทธ๋ฆผ์ |
| ์คํฌ๋ฆฐ | ๊ณฑํ๊ธฐ์ ๋ฐ๋. ๊ฒ์์์ด ์ฌ๋ผ์ง๊ณ ๊ฒฐ๊ณผ๋ ํญ์ ๋ ๋ฐ์์ง | ๊ฒ์ ๋ฐฐ๊ฒฝ์ ๋ถ๊ฝ๋์ด, ๋น ๋ฒ์ง, ํ๋ ์ด, ๋ณ |
| ์ค๋ฒ๋ ์ด | ๋ฐฐ๊ฒฝ์ ์ด๋์ด ๊ณณ์ ๋ ์ด๋ก๊ฒ, ๋ฐ์ ๊ณณ์ ๋ ๋ฐ๊ฒ ํด ๋๋น๋ฅผ ๋์ | ์ข ์ด, ๋ ธ์ด์ฆ ๊ฐ์ ์ง๊ฐ์ ์ฌ์ง์ ์ ํ ๋ |
| ์ด๋ก๊ฒ ํ๊ธฐ | ์ ์ฑ๋๋ง๋ค ๋ ์ด๋์ด ๊ฐ์ ๋จ๊น | ๋ฐ์ ์ด๋ฏธ์ง ์์ ์ด๋์ด ๊ธ์จ๋ ์ |
| ๋ฐ๊ฒ ํ๊ธฐ | ์ ์ฑ๋๋ง๋ค ๋ ๋ฐ์ ๊ฐ์ ๋จ๊น | ์ผ๊ฒฝ์ฒ๋ผ ์ด๋์ด ๋ฐฐ๊ฒฝ ์์ ๋ฐ์ ํผ์ฌ์ฒด |
์ฌ์ง ํฉ์น๊ธฐ๊ฐ ํ์ํ ์๊ฐ
๋นํฌ ์ ํํฐ ์ฌ์ง
์ธํ ๋ฆฌ์ด, ํค์ด, ์ฒญ์, ๋ณด์ , ๋ค์ด์ดํธ ์ ํ๋ฅผ ๊ฐ์ ๋์ด๋ก ๋๋ํ ๋๊ณ ๋ผ๋ฒจ๋ก ํ์ํฉ๋๋ค.
์ฌ์ง ๋ ์ฅ์ ํ ์ฅ์ผ๋ก
์ธ์คํ๊ทธ๋จ ๊ฒ์๋ฌผ์ด๋ ์นด์นด์คํก ๋ฉ์์ง์์ ๋ ์ฅ์ ๋๊ธฐ์ง ์๊ณ ํ ๋ฒ์ ๋ณด์ฌ ์ค๋๋ค.
์ํ ๋น๊ต
์์๋ณ, ์ฌ์ด์ฆ๋ณ ์ํ์ด๋ ๊ฒฝ์ ์ ํ์ ๊ฐ์ ๋์ด๋ก ํ ์ค์ ๋์ ๊ณต์ ํ๊ฒ ๋น๊ตํฉ๋๋ค.
์ฌ์ฉ๋ฒ ์๋ด์ ์ค๋ฅ ์ ๊ณ ์บก์ฒ
์์ ์์๋ ๊ธด ๋ํ ์บก์ฒ๋ฅผ ์ธ๋ก๋ก ์ด์ด ๋ถ์ฌ ๋ณด๋ด๊ธฐ ์ฌ์ด ํ ์ฅ์ผ๋ก ๋ง๋ญ๋๋ค.
๋ก๊ณ ์ ์ํฐ๋งํฌ
๋ฐฐ๊ฒฝ์ด ํฌ๋ช ํ PNG ๋ก๊ณ ๋ฅผ ์ฌ์ง ๋ชจ์๋ฆฌ์, ์ฌ์ง์ ๊ฐ๋ฆฌ์ง ์์ ํฌ๊ธฐ์ ๋ถํฌ๋ช ๋๋ก ๋ฃ์ต๋๋ค.
์ฌ์ง ๊ฒฉ์์ ์ฝ๋ผ์ฃผ
์ฌํ, ํ์ฌ ์ฌ์ง์ด๋ ๋ฌด๋๋ณด๋๋ฅผ ๊ฐ๊ฒฉ๊ณผ ์นธ ๋ชจ์์ด ๊ณ ๋ฅธ ๊ฒฉ์๋ก ์ ๋ฆฌํฉ๋๋ค.