figma에서 이미지 크기를 문의드립니다
안녕하세요.
선생님께서 제공해주신 피그마 화일에서
움직이는 아이콘을 확대해도
이미지가 깨지지 않습니다.
방법을 알려 주실 수 있을까요?
질문이 많은데, 친절히 설명해주셔서 감사합니다.
답변을 기다리겠습니다. 감사합니다.
답변 1
1
네 svg파일은 점과 선,면으로 되어있는 좌표값이 있는 코드형 파일입니다. 피그마 환경이 vector기반의 인터페이스이기 때문에 점,선,면으로 되어있는 vector image는 확대 축소되어도 화질에 변화가 없습니다.
0
안녕하세요. 답변 주셔서 감사합니다.
figma에 svg를 넣으면 확대했을때 깨지지 않는 것을 확인했습니다.
그런데 figma에 gif animation을 넣고 확대하면 이미지가 깨집니다.
애니메이션 인데, svg처럼 깨지지 않게 하는 방법을 알려주실 수 있을까요?
답변을 기다리겠습니다. 감사합니다.
0
gif animation은 최대 256색이 들어가는 pixel 이미지 입니다. 당연히 깨질 수 밖에 없습니다. 해상도를 높이고 싶다면, 조금더 큰 규격으로 하면 되고, 그렇게 하면 해상도가 커짐으로 파일의 용량은 커지게 됩니다.
svg animation을 진행하고자 한다면, javascript를 이용해 진행할 수 있으며, gsap이나, anime.js를 이용하여 간단한 svg animation을 만들 수 있습니다.
검색엔진 차단 noindex
0
11
1
파트9 강의는 언제 오픈하시나요
0
21
2
ZIP 파일
0
21
2
26강 13F 강의 불일치 및 질문 요청
0
25
3
state 객체로 묶기
0
19
0
XAMPP에서 Apache, DB 재기동 시 접속안되는 문제
0
17
1
Breadth (등락 비율) 분석
0
22
1
26 .강의 프롬프트와 프롬프트파일(part3) 내용이 차이가 있어요.
0
29
2
몽고 db 접속 오류
0
20
1
6-6
0
30
1
Json 플러그인 사용시 variable collection 없음
0
32
2
배리어블 목록 없음
0
34
3
Token 등록 방법 문의
0
25
1
3강 질문
0
42
2
74. 데이터 캐시 - 1 (이론) 강의 영상 누락
0
35
1
2강 nodejs 3단계 설명 질문
0
46
1
6-6 실습 문의
0
33
2
imagesLoaded에 관한 질문
0
22
2
useEffect와 lifecycle문의
0
37
2
폰트나 이미지사용 문의
0
80
1
슬라이드 문의드립니다.
1
120
2
일러스트의 "gif 애니메이션"을 문의드립니다.
1
235
3
이미지를 문의드립니다.
1
240
4
css 관련 질문 있습니다.
1
261
1