PNG 파일 크기가 적절한 이유가 무엇일까요?

  • PNG 파일 크기가 잘못되면 레티나 디스플레이에서 흐릿하게 표시됩니다.
  • 크기가 지나치게 큰 투명 PNG 파일은 대역폭과 메모리를 낭비합니다.
  • 일관된 크기 조정은 UI 구성 요소의 레이아웃 변경을 방지합니다.
  • 디자인 시스템의 PNG 에셋은 토큰에 정의된 크기와 정확히 일치해야 합니다.

PNG 크기 조정 모범 사례

  • 항상 가장 큰 원본 이미지를 기준으로 크기를 조정하세요. 작은 PNG 이미지를 확대하는 것은 절대 금물입니다.
  • 레티나 및 고해상도 디스플레이용 @2x 및 @3x 변형을 생성합니다.
  • 크기 조정 후 PNG 알파 채널 가장자리를 확인하세요. 링잉이나 헤일로 현상이 있는지 살펴보세요.
  • 나중에 다른 크기로 다시 조정할 때를 대비하여 PNG 원본 파일을 보관하십시오.
  • 알파 채널 정확도를 확인하기 위해 밝은 배경과 어두운 배경 모두에서 PNG 출력물을 테스트합니다.