해결된 질문
작성
·
34
1
안녕하세요.
선생님께서 제공해주신 피그마 화일에서
움직이는 아이콘을 확대해도
이미지가 깨지지 않습니다.
방법을 알려 주실 수 있을까요?
질문이 많은데, 친절히 설명해주셔서 감사합니다.
답변을 기다리겠습니다. 감사합니다.
답변 1
1
네 svg파일은 점과 선,면으로 되어있는 좌표값이 있는 코드형 파일입니다. 피그마 환경이 vector기반의 인터페이스이기 때문에 점,선,면으로 되어있는 vector image는 확대 축소되어도 화질에 변화가 없습니다.
gif animation은 최대 256색이 들어가는 pixel 이미지 입니다. 당연히 깨질 수 밖에 없습니다. 해상도를 높이고 싶다면, 조금더 큰 규격으로 하면 되고, 그렇게 하면 해상도가 커짐으로 파일의 용량은 커지게 됩니다.
svg animation을 진행하고자 한다면, javascript를 이용해 진행할 수 있으며, gsap이나, anime.js를 이용하여 간단한 svg animation을 만들 수 있습니다.
안녕하세요. 답변 주셔서 감사합니다.
figma에 svg를 넣으면 확대했을때 깨지지 않는 것을 확인했습니다.
그런데 figma에 gif animation을 넣고 확대하면 이미지가 깨집니다.
애니메이션 인데, svg처럼 깨지지 않게 하는 방법을 알려주실 수 있을까요?
답변을 기다리겠습니다. 감사합니다.