2017-05-04 3 views
0

내 Swift/iOS 앱에 폭 20, 높이 20의 이미지가있는 UIButton이 있습니다.UIButton 용 SVG에서 PNG 이미지 해상도 iOS

UIButton의 이미지에 사용하고 싶은 SVG 아이콘이 있습니다. 이 SVG를 PNG로 변환하면 1x, 2x, 3x 중 어떤 해상도를 사용해야합니까?

지금은 30x30, 60x60 및 90x90 PNG 파일을 만들고 있지만 대부분 추측입니다.

대신 100x100, 200x200 및 300x300 PNG 파일을 사용해야합니까?

큰 해상도는 더 좋아 보이지만로드하는 데 시간이 더 걸릴 수 있습니까?

또한 UIButton에서 설정할 올바른 콘텐츠 모드는 무엇입니까? 채우기 또는 채우기 비율?

답변

1

대답은 "이 달려있다"입니다 :

각 내용 모드는 자신의 목적을 가지고있다. 이미지가 버튼을 정확히 채우 길 원한다고 가정 해 봅시다. 그런 다음 버튼의 경계를 물어 보면 이미지의 1 배 크기가됩니다. 2x 및 3x 크기는 거기에서 진행됩니다.

콘텐츠 모드의 경우 이미지 크기와 버튼 크기의 관계에 따라 다릅니다. 이미지 크기가 버튼의 크기와 1 : 1이라면 아무런 차이가 없습니다. 이미지가 버튼보다 크거나 작 으면 컨텍스트 모드는 다른 모양을 제공합니다.

내가 제안하는 것은 많은 버튼으로 테스트 프로그램을 만드는 것입니다. 폭이 넓고 짧은 이미지와 키가 큰 마른 이미지를 사용하십시오. 해당 이미지를 버튼에 설정하고 다른 내용 모드를 시도하여 관계가 어떻게 변하는 지 확인하십시오.

+0

정말 고마워요! DPI가 전혀 중요합니까? SVG에서 PNG로 변환하는 데 사용하는 온라인 변환기를 사용하면 DPI도 변경할 수 있습니다. 지금은 기본적으로 96 DPI로 설정되어 있습니다. 이걸 내가 바꿔야 하나? – JK140

1

20 포인트를 채워야하는 경우 20, 40, 60 픽셀로 설정해야합니다. 더 큰 이미지는 불필요하며 아무런 차이가 없으며로드하는 데 더 많은 시간이 걸리고 렌더링 시간과 응용 프로그램의 크기가 커집니다. 귀하의 질문에 Difference between UIViewContentModeScaleAspectFit and UIViewContentModeScaleToFill?

+0

정말 고마워요! DPI가 전혀 중요합니까? SVG에서 PNG로 변환하는 데 사용하는 온라인 변환기를 사용하면 DPI도 변경할 수 있습니다. 지금은 기본적으로 96 DPI로 설정되어 있습니다. 이걸 내가 바꿔야 하나? – JK140

+0

그건 중요하지 않아, 나는 생각하지 않아. 당신이 원하는 것은 도트 피치가 무의미한 픽셀 해상도 (높이와 너비)입니다. –

+0

대단히 감사합니다! – JK140