투명한 배경을 평평하게 하지 않고 래스터 로고의 크기를 조정합니다

브랜드 마크는 벡터 드로잉 또는 레이어드 디자인 파일로 시작할 수 있습니다. 미래의 수출 및 전문 생산 작업을 위해 그 마스터를 유지하십시오. 이 페이지는 지원되는 래스터 이미지의 크기를 조정합니다. SVG를 생성하거나 비트맵을 편집 가능한 경로로 변환하거나 적절한 브랜드 자산 라이브러리를 대체하지 않습니다. 가능한 경우 원래 응용 프로그램에서 필요한 래스터 로고를 내보냅니다.

웹사이트 헤더에서 복사한 작은 이미지는 큰 사인이나 인쇄 프로젝트의 좋은 소스가 아닙니다. 여기에 확대하면 원래 윤곽선을 다시 만들지 않고 픽셀을 추가합니다. 웹사이트 또는 프로필 사진의 경우, 의도한 디스플레이에 대해 이미 충분한 세부 정보가 있는 저작물을 선택합니다. 마크의 밝은 또는 어두운 버전을 사용하고 있는지, 시작하기 전에 기존의 투명 공간이 다듬어지지 않았는지 확인하십시오.

시작 설정은 800 x 800 픽셀 내의 소스에 적합합니다. PNG를 사용하고 선명하게 유지하십시오. 맞춤 상자는 필수 로고 크기가 아니라 래스터 배송 자산의 예입니다. 레이아웃에 맞게 변경합니다. Fit Inside는 전체 소스 비율을 유지하고 더 작은 파일을 확대하지 않으므로 긴 워드마크가 갑자기 정사각형이 되지 않습니다.

PNG는 소스에 이미 존재하는 알파를 보존합니다. 이 도구의 JPEG 및 WebP 출력은 흰색으로 평평하게 하여 어두운 헤더에 적합하지 않은 로고를 만들 수 있습니다. 품질 슬라이더는 PNG 크기를 줄이지 않습니다. 더 작은 픽셀 치수가 여기에서 주요 조정 가능한 경로입니다. 축소 후 얇은 스트로크, 문자 내부의 카운터 및 반투명 모서리를 검사합니다. 추가 선명도는 이러한 기능을 왜곡할 수 있으므로 강력하게 브랜드 품질 설정으로 취급하지 마십시오.

다운로드한 이미지를 사용할 페이지 배경에 배치합니다. 모바일 머리글, 데스크톱 머리글 및 작은 바닥글 버전을 확인하십시오. 기술적으로 투명한 로고는 여전히 어두운 표면에서 후광으로 표시되는 창백한 가장자리 픽셀을 가질 수 있습니다. 그런 일이 발생하면 소스 자산을 수정하십시오. 압축은 잘못된 브랜드 색상을 대체하거나 오래된 구운 배경을 제거할 수 없습니다.

원형 프로파일 표시를 위해 대상의 자르기 미리보기를 확인합니다. 정사각형 래스터 파일은 여전히 원 안에 긴 워드마크를 잃을 수 있습니다. 글자를 숨기는 모양으로 짜지 말고 디자인 응용 프로그램에서 적절한 소스 구성을 만드십시오. 웹 접근성을 위해 링크된 로고에 적절한 접근 가능한 이름을 지정하고 중요한 정보가 유일하게 나타나므로 작은 내장 슬로건을 피하십시오. 변형 세트를 처리하기 전에 하나의 자산을 테스트하고 원래 마스터를 변경하지 않은 상태로 유지합니다. 여기에서 모든 처리는 브라우저에 남아 있습니다.

컴팩트 모바일 헤더와 같이 가장 작은 실제 사용 크기에 로고를 배치하고 더 큰 데스크탑 배치와 비교하십시오. 디자인에 필요한 좁은 문자 공간, 작은 기호 및 등록된 표시 세부 정보를 검사합니다. 마크가 해당 크기로 작동하지 않으면 디자이너에게 간소화된 브랜드 변형이 필요할 수 있습니다. 선명도를 높이는 것은 해당 변형을 대체할 수 없습니다. 또한 부드러운 흰색 후광이 흰색 미리보기에서 보이지 않을 수 있으므로 정확한 페이지 색상에 대해 투명 내보내기를 테스트하십시오. 각 배경에 속한 소스 변형의 기록을 유지합니다.