PNG을 내보낼 때 투명한 배경을 유지하세요.

투명 자산에는 표시되는 픽셀을 설명하는 알파 채널이 포함되어 있습니다. 바둑판 사진과는 다릅니다. 로고 뒤의 체커보드를 보여주는 스크린샷을 다운로드한 경우 해당 사각형은 일반적으로 보이는 픽셀일 수 있습니다. 해당 스크린샷을 PNG로 저장해도 제거되지 않습니다. 편집기에서 실제 자산을 열고 배경이 실제로 보일 수 있는지 확인하십시오.

이 워크플로우는 더 작은 전달 버전이 필요한 기존 컷아웃, 래스터 로고 또는 오버레이에 유용합니다. 피사체를 식별하거나 배경을 지우거나 잘린 가장자리를 교체할 수 없습니다. 먼저 원본 디자인을 편집하세요. 편집 가능한 마스터를 유지하고 여기에서 투명한 PNG을 내보낸 다음 의도적으로 배경을 병합하지 않고 다른 래스터 크기가 필요할 때 이 페이지를 사용하십시오.

사전 설정은 원본 픽셀을 유지하고 PNG을 선택하고 선명하게 하기를 끕니다. PNG은 기존 투명성을 유지하는 출력입니다. 이 도구의 JPEG 및 WebP 내보내기는 불투명한 흰색 배경을 사용하므로 다양한 페이지 색상에서 작동해야 하는 자산에는 선택하지 마십시오. 품질 슬라이더는 PNG의 무손실 압축을 제어하지 않습니다.

더 작은 복사본의 경우 Fit inside를 선택하고 사용 가능한 상자를 입력합니다. 가장자리를 자르지 않고 소스 비율을 유지합니다. 정확한 크기는 선택한 모양으로 자르고 그림자나 표시의 일부를 제거할 수 있으므로 자르기를 원하는 경우에만 사용하십시오. 마스터 자산에 불필요한 바이트 제한을 피하십시오. 꽉 조이는 캡에 도달하려면 픽셀을 줄여야 할 수 있으며 이로 인해 작은 로고나 좁은 윤곽선을 읽기 어려울 수 있습니다.

밝은 배경과 어두운 배경 모두에서 다운로드한 PNG을 봅니다. 컷아웃에는 이전 흰색 배경 편집의 희미한 가장자리 픽셀이 포함될 수 있습니다. 투명도는 기술적으로 손상되지 않았지만 어두운 부분에서는 후광이 여전히 잘못 보일 수 있습니다. 마찬가지로 내보내기가 올바른 경우에도 어두운 페이지에서 어두운 로고가 사라질 수 있습니다. 반복적으로 압축하는 대신 소스에서 이러한 디자인 문제를 수정하세요.

실제 디스플레이 크기로 이미지를 확인하세요. PNG 출력을 사용해도 반투명 그림자와 좁은 획이 줄어들면 시각적으로 바뀔 수 있습니다. 웹 게시의 경우 요소의 크기를 설정하고 이미지가 정보를 전달할 때 유용한 대체 텍스트를 제공하세요. 장식 오버레이는 연결된 회사 로고와 다른 접근성 처리가 필요할 수 있습니다. 일치하는 자산 그룹을 처리하기 전에 테스트 내보내기를 다운로드하여 실제 레이아웃에 배치하세요. 변환이 진행되는 동안 소스는 장치에 남아 있습니다.

부드러운 그림자가 있는 어두운 로고와 어두운 배경을 위해 디자인된 두 번째 로고를 사용해 보세요. 다운로드한 두 PNG를 모두 레이아웃의 임시 밝은 섹션과 어두운 섹션에 배치합니다. 의도한 표시 크기에서 좁은 획과 그림자 경계를 살펴보세요. 한 버전이 보이지 않게 되면 다른 배경색으로 병합하기보다는 올바른 소스 변형을 선택하세요. 흰색 후광이 나타나면 원래 컷아웃을 다시 방문하세요. 파일은 알파 채널을 유지하면서도 여전히 특정 페이지와 시각적으로 일치하지 않을 수 있습니다. 모든 변형에 공유 설정을 적용하기 전에 두 속성을 모두 확인하세요.