figma에서 이미지 크기를 문의드립니다
안녕하세요.
선생님께서 제공해주신 피그마 화일에서
움직이는 아이콘을 확대해도
이미지가 깨지지 않습니다.
방법을 알려 주실 수 있을까요?
질문이 많은데, 친절히 설명해주셔서 감사합니다.
답변을 기다리겠습니다. 감사합니다.
Answer 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을 만들 수 있습니다.
26,27강 진행 간 노션, html 프롬프트 파일 불일치
0
12
3
<div id="banner">배너 이미지</div> 관련 질문
0
5
1
변수 설정 시에 질문입니다.
0
9
1
강의자료
0
17
1
윈도우에서 Node js를 설치하고 싶어요
0
24
0
addToFile function에서 path를 사용해 새로운 파일을 생성
0
35
1
[46강] EventEmitter를 활용한 10가지 패턴 중 플러그인 아키텍처
0
31
2
설치 및 설정 가이드 노션 자료는 없나요 ?
0
27
2
강의가 누락된것 같습니다.
0
38
2
용어 발음법이 계속 바뀌는 것 같은데 이런 부분들 개선이 가능할까요...?
0
48
1
counter01.html은 어디있을까요?
1
16
1
수업자료 문의
0
36
2
존재하지 않는 일기 url입력 시 alert이 두 번 떠요
0
42
1
useState 직접 구현 부분에서 질문이 있습니다.
1
46
1
학습을 하고 블로그에 정리를 해도 괜찮을까요?
1
45
1
교재(3쇄)와 강의 내용 문의
0
39
2
7강 도형+펜툴 중 막혔습니다ㅠㅠㅠ
0
31
2
안녕하세요! 작업 속도를 높여주는 단축키와 플러그인 강의는 없는걸까요?!
0
31
3
섹션2번 부분 강의 화면이 잘 못된것 같아서 문의합니다.
0
24
1
폰트나 이미지사용 문의
0
92
1
슬라이드 문의드립니다.
1
137
2
일러스트의 "gif 애니메이션"을 문의드립니다.
1
263
3
이미지를 문의드립니다.
1
277
4
css 관련 질문 있습니다.
1
267
1