figma에서 이미지 크기를 문의드립니다
안녕하세요.
선생님께서 제공해주신 피그마 화일에서
움직이는 아이콘을 확대해도
이미지가 깨지지 않습니다.
방법을 알려 주실 수 있을까요?
질문이 많은데, 친절히 설명해주셔서 감사합니다.
답변을 기다리겠습니다. 감사합니다.
Câu trả lời 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을 만들 수 있습니다.
프론트엔드 학습 수준 문의
0
17
2
선생님 각 강좌마다 예시로 보여주시는 웹페이지들은 어디서
0
10
1
퍼플렉시티 최소 결제단위 50달러로 바뀐 것 같습니다.
0
31
2
리액트 챕터별 코드에서 eslint 설정파일이 없어요
0
35
2
claude plugin 방법 자세히 부탁드려요
0
35
2
강의에 적용한 스크립트를 받아 볼수 있을까요?
0
27
2
28강 프롬프트가 없습니다.
0
31
2
최근 코테, 과제 테스트 트렌드
0
49
2
노션 25 인터렉션 구현 파트 안 보입니다!
0
30
2
lucide react 아이콘 설치
0
34
2
파트3 13F부분도 짤린거같은데 확인해주세요
0
33
2
17강 zustand store 서버에서 생성
1
29
1
신규 업데이트 내용
0
27
2
10강과 11강 동영상 내용이 중복입니다.
0
25
2
9강 영상에 나오는 프롬프트와 첨부파일 프롬프트가 다릅니다.
0
20
2
Gemini로 진행가능 여부 궁금합니다.
0
55
2
뉴스페이퍼 싱글템플릿 디자인 관련 상담 요청
0
24
2
프롬프트 11 진행 완료
0
37
2
파트3 수급 부분
0
38
2
폰트나 이미지사용 문의
0
79
1
슬라이드 문의드립니다.
1
117
2
일러스트의 "gif 애니메이션"을 문의드립니다.
1
232
3
이미지를 문의드립니다.
1
235
4
css 관련 질문 있습니다.
1
260
1