πŸ‘€μ•„λ°”νƒ€ 이미지 적정 해상도 κ°€μ΄λ“œ

ν‘œμ‹œ ν¬κΈ°Β·λ ˆν‹°λ‚˜ 배율 기반 아바타 이미지 μ΅œμ†Œ 해상도

아바타 이미지 ν•΄μƒλ„λŠ” μ™œ μ‹ κ²½ 써야 ν• κΉŒ?

ν”„λ‘œν•„ μ•„λ°”νƒ€λŠ” 화면에 48px처럼 μž‘κ²Œ λ³΄μ΄μ§€λ§Œ, λ ˆν‹°λ‚˜ λ””μŠ€ν”Œλ ˆμ΄μ—μ„œλŠ” μ‹€μ œλ‘œ 그보닀 λͺ‡ λ°° 더 λ§Žμ€ 픽셀을 μš”κ΅¬ν•©λ‹ˆλ‹€. ν‘œμ‹œ 크기에 맞좰 λ”± λ§žλŠ” ν•΄μƒλ„λ§Œ μ€€λΉ„ν•˜λ©΄ 고밀도 ν™”λ©΄μ—μ„œ 아바타가 νλ¦Ών•˜κ²Œ λ³΄μ΄λŠ” λ¬Έμ œκ°€ μƒκΉλ‹ˆλ‹€. 이 κ³„μ‚°κΈ°λŠ” ν‘œμ‹œ 크기와 λ ˆν‹°λ‚˜ λ°°μœ¨μ„ μž…λ ₯ν•΄ μ‹€μ œλ‘œ ν•„μš”ν•œ μ΅œμ†Œ 해상도λ₯Ό κ³„μ‚°ν•©λ‹ˆλ‹€.

계산 κΈ°μ€€

ν•„μš” ν•΄μƒλ„λŠ” ν‘œμ‹œ 크기에 λ ˆν‹°λ‚˜ λ°°μœ¨μ„ κ³±ν•œ κ°’μž…λ‹ˆλ‹€. 예λ₯Ό λ“€μ–΄ 48px둜 ν‘œμ‹œλ˜λŠ” 아바타λ₯Ό 2x λ””μŠ€ν”Œλ ˆμ΄μ—μ„œ μ„ λͺ…ν•˜κ²Œ 보이렀면 μ΅œμ†Œ 96x96px 원본이 ν•„μš”ν•©λ‹ˆλ‹€.

싀무 적용 팁

λŒ€λΆ€λΆ„μ˜ λͺ¨λ˜ 슀마트폰과 λ…ΈνŠΈλΆμ€ 2x ν”½μ…€ 밀도λ₯Ό μ‚¬μš©ν•˜λ―€λ‘œ 2xλ₯Ό κΈ°λ³Έκ°’μœΌλ‘œ, κ³ κΈ‰ λ””μŠ€ν”Œλ ˆμ΄κΉŒμ§€ λŒ€μ‘ν•˜λ €λ©΄ 3xκΉŒμ§€ μ€€λΉ„ν•˜λŠ” 것을 ꢌμž₯ν•©λ‹ˆλ‹€. μ•„λ°”νƒ€λŠ” 이미지 μžμ²΄κ°€ μž‘κΈ° λ•Œλ¬Έμ— 3x둜 쀀비해도 파일 μš©λŸ‰ 뢀담이 크지 μ•Šκ³ , WebP 같은 μ••μΆ• 포맷을 ν•¨κ»˜ μ‚¬μš©ν•˜λ©΄ λ”μš± κ°€λ³κ²Œ μœ μ§€ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

자주 λ¬»λŠ” 질문

λ ˆν‹°λ‚˜ λ°°μœ¨μ€ λͺ‡ 배둜 μ€€λΉ„ν•˜λŠ” 게 μ•ˆμ „ν•œκ°€μš”?

λŒ€λΆ€λΆ„μ˜ λͺ¨λ˜ λ””λ°”μ΄μŠ€λ₯Ό κ³ λ €ν•˜λ©΄ 2xκ°€ κΈ°λ³Έ, κ³ κΈ‰ λ””μŠ€ν”Œλ ˆμ΄κΉŒμ§€ λŒ€μ‘ν•˜λ €λ©΄ 3xκΉŒμ§€ μ€€λΉ„ν•˜λŠ” 것이 μ•ˆμ „ν•©λ‹ˆλ‹€.

κ³ ν•΄μƒλ„λ‘œ μ€€λΉ„ν•˜λ©΄ 파일 μš©λŸ‰μ΄ λ„ˆλ¬΄ 컀지지 μ•Šλ‚˜μš”?

μ•„λ°”νƒ€μ²˜λŸΌ μž‘μ€ μ΄λ―Έμ§€λŠ” 3x라도 파일 μš©λŸ‰μ΄ 크지 μ•ŠμŠ΅λ‹ˆλ‹€. WebP λ“± μ••μΆ• 포맷을 μ‚¬μš©ν•˜λ©΄ μš©λŸ‰ λΆ€λ‹΄ 없이 고해상도λ₯Ό μœ μ§€ν•  수 μžˆμŠ΅λ‹ˆλ‹€.