Development Tip

PNG 이미지에서 픽셀의 알파 채널 투명도 값을 찾는 방법은 무엇입니까?

yourdevel 2020. 11. 19. 22:05
반응형

PNG 이미지에서 픽셀의 알파 채널 투명도 값을 찾는 방법은 무엇입니까?


알파 채널 투명도가있는 이미지가 있습니다.

CSS의 RGBA 값으로 동일한 배경색을 재현하고 싶지만 배경 픽셀의 실제 색상과 알파 채널 값을 찾을 수 없습니다. 어떤 종류의 색상 선택기를 사용하면 배경색과 관련된 픽셀 색상의 절대 값을 제공합니다.

픽셀의 실제 알파 채널 값을 찾는 트릭을 알고 있습니까?


Photoshop의 정보 패널에서 읽기 모드로 '불투명도'를 선택할 수 있지만 실제 알파 값이 아닌 백분율로 표시됩니다.

활성화하려면 정보 창을 열고 패널 옵션 을 선택한 다음 두 번째 색상 판독 모드를 불투명도 로 설정하면 됩니다.


Gimp 를 사용 하면 색상 선택기를 사용할 수 있습니다 .

shift픽셀을 클릭하는 동안 누릅니다 .
(또는 Use info window도구의 옵션을 선택하십시오)

픽셀을 클릭 Color Picker Information window하면가 팝업되어 알파 레벨을 포함한 세부 정보를 보여줍니다.

gimp 문서의 스크린 샷


Photoshop에서 정확한 알파 값 을 얻는 방법을 찾았습니다 . 다른 솔루션은 실제 알파에 가장 가까운 정수 백분율 만 얻습니다.

  • 검정색 배경 레이어 (# 000000)를 만듭니다.
  • 알파가 필요한 레이어를 편집해야하므로 복제하십시오. (또는 여러 레이어의 합성 알파가 필요한 경우 복제하여 병합)
  • 검은 색 배경과 새 복제본 만 보이도록 원본 레이어를 숨 깁니다.
  • 새 레이어를 클릭 한 다음 "투명 픽셀 잠금"(레이어 위에있는 작은 바둑판 아이콘)을 클릭합니다.
  • 레이어 (Shift + 백 스페이스)를 흰색으로 채 웁니다.

이제 그레이 스케일로 된 원본 이미지의 알파 값이 포함 된 그림이 있습니다. Color Picker를 사용하여 이미지의 픽셀을 선택하고 정확한 알파 값을 얻으십시오 (예 : # 7f7f7f는 0x7f 또는 127의 알파를 의미 함).


절대 색상을 사용하고 올바르게 보일 때까지 Photoshop에서 투명도를 조정 한 다음 해당 백분율을 값으로 사용합니다.


PS 정보 패널을 사용하고 두 번째 색상 판독 모드를 불투명도로 설정합니다. 분석중인 개체의 레이어를 제외한 모든 레이어의 가시성을 끕니다 (배경은 투명한 바둑판이어야 함). -info는 이제 원래 rgb 값과 rgba로 변환 할 수있는 올바른 불투명도를 제공합니다.

참고 URL : https://stackoverflow.com/questions/2131949/how-to-find-the-alpha-channel-transparency-value-of-a-pixel-in-a-png-image

반응형