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을 만들 수 있습니다.
81강 실습 자료 없음
0
6
1
선생님 공유해주신 핸드북에 링크가 몇개 잘못되었어요
0
16
2
62강 실습자료가 잘못되었습니다.
0
16
1
코드 자료는 없는걸까요?
0
30
3
강의 목표
0
33
1
강의 노트 위주로 학습
0
34
1
[무료 강의] AI로 브랜드 가이드라인, 디자인 시스템 구축부터, 앱 제작, 피칭 덱, 카드 캐러셀까지
0
33
1
'CSS Level 3: grid'의 정리본 PDF도 올려주시면 좋을 듯 합니다.
0
54
2
쿠키 생성 관련
0
64
3
JWT auth error invalid token
0
59
2
경력기술서는 어떤 방향이 좋을까요?
0
52
2
MSA 와 BFF 아키텍처 설명 부분에 대한 문의
0
51
1
왜 https://via.placeholder.com/150 등 링크가 연결이 안되나요?
0
74
3
어플리케이션 실행 후 에러에 관하여 질문 드립니다.
2
60
2
eslint.config.js 설정 질문입니다.
0
63
2
7강 흐름 제어 아키택쳐 코드 순서
1
53
1
수업자료 어디서 찾아볼 수 있나요?
0
47
2
함수 강의의 정답.. 어떤가요?
0
40
1
깃권한요청드립니다
0
39
1
폰트나 이미지사용 문의
0
97
1
슬라이드 문의드립니다.
1
146
2
일러스트의 "gif 애니메이션"을 문의드립니다.
1
274
3
이미지를 문의드립니다.
1
291
4
css 관련 질문 있습니다.
1
270
1