[웹/앱디자이너를 위한] PNG vs SVG 차이와 IOS(애플)

2022. 7. 11. 15:00UIUX Design

1. png와 svg의 차이! 지만 svg설명

 

svgXML 기반의 벡터 이미지입니다. (브라우저가 계산하여 패스로 그려준다고 생각하시면 됩니다.)

자세한 설명은

https://svgontheweb.com/ko/

 

웹에서 SVG 사용하기

들어가며 우리는 픽셀의 시대를 살아가고 있습니다. 웹 디자이너와 웹 개발자들에게 픽셀이란 뗄레야 뗄 수 없는 친구이면서 골치덩어리입니다. 완벽한 웹 사이트를 위해서는 파일 용량을 줄여

svgontheweb.com

 

브라우저가 그려주기 때문에 인터넷 없이도 보일 거 같으나 (추측일 뿐 테스트는 안 해봤네요 ^^)

 

CSS, JS로 수정이 용이하단 강점이 있고 용량도 png보다 작습니다.

 

 

2. 개발자분들이 IOS에서는 png 쓰라고 하던데요,  svg만 쓰는 거 안 되나요?

 

우선 스택오버플로우 답변을 살며시 봐봅니다.

https://stackoverflow.com/questions/40703574/which-image-format-i-should-for-ios-development-native-svg-or-p ng

 

Which image format i should for ios development native ? SVG or PNG?

I am into iOS development from past 1+ months and what I have experienced is that I have to put images for 1x 2x 3x for iphone and then 2x retina for ipad. One of the experienced designers has sugg...

stackoverflow.com

대충 저작권 이슈를 예방하겠다는 블러처리

 

 

스택오버플로우 답변에서 참고 링크를 살펴보다 보면.. 공식문서가 나옵니다.

공식문서에서 우리는 상당히 많은 정보를 알 수 있습니다.

 

1. 애플이 신경을 안 쓰고 있다.

2. 앞으로도 신경 안 쓸 거 같다.

 

무려 최신 업데이트가 2012년입니다. 10년 이상 방치됐으니...

https://developer.apple.com/library/archive/documentation/2DDrawing/Conceptual/DrawingPrintingiOS/LoadingImages/LoadingImages.html

 

Loading Images

Loading Images For both functional and aesthetic reasons, images are a pervasive element of app user interfaces. They can be a key differentiating factor for apps. Many images used by apps, including launch images and app icons, are stored as files in the

developer.apple.com

대충 저작권 이슈를 예방하겠다는 블러처리2

갓 글과 갓을 모두가 png 버리지 말라고 얘기하고 있습니다.

 

뜻에 따르는 걸로..!