inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

UIUX 포트폴리오 Part.3 - 반응형 웹 포트폴리오

footer - CSS / JS

figma에서 이미지 크기를 문의드립니다

해결된 질문

278

happinessboom

작성한 질문수 6

1

안녕하세요.

선생님께서 제공해주신 피그마 화일에서

움직이는 아이콘을 확대해도

이미지가 깨지지 않습니다.

방법을 알려 주실 수 있을까요?

질문이 많은데, 친절히 설명해주셔서 감사합니다.

답변을 기다리겠습니다. 감사합니다.

문의1.png.webp문의2.png.webp

HTML/CSS javascript jquery 반응형-웹 media-query

답변 1

1

LIZ.B

네 svg파일은 점과 선,면으로 되어있는 좌표값이 있는 코드형 파일입니다. 피그마 환경이 vector기반의 인터페이스이기 때문에 점,선,면으로 되어있는 vector image는 확대 축소되어도 화질에 변화가 없습니다.

0

happinessboom

안녕하세요. 답변 주셔서 감사합니다.

figma에 svg를 넣으면 확대했을때 깨지지 않는 것을 확인했습니다.

그런데 figma에 gif animation을 넣고 확대하면 이미지가 깨집니다.

애니메이션 인데, svg처럼 깨지지 않게 하는 방법을 알려주실 수 있을까요?

답변을 기다리겠습니다. 감사합니다.

0

LIZ.B

gif animation은 최대 256색이 들어가는 pixel 이미지 입니다. 당연히 깨질 수 밖에 없습니다. 해상도를 높이고 싶다면, 조금더 큰 규격으로 하면 되고, 그렇게 하면 해상도가 커짐으로 파일의 용량은 커지게 됩니다.
svg animation을 진행하고자 한다면, javascript를 이용해 진행할 수 있으며, gsap이나, anime.js를 이용하여 간단한 svg animation을 만들 수 있습니다.

0

happinessboom

안녕하세요. 알려주셔서 감사합니다.

존재하지 않는 일기 url입력 시 alert이 두 번 떠요

0

17

1

useState 직접 구현 부분에서 질문이 있습니다.

1

20

1

학습을 하고 블로그에 정리를 해도 괜찮을까요?

1

23

1

교재(3쇄)와 강의 내용 문의

0

28

2

7강 도형+펜툴 중 막혔습니다ㅠㅠㅠ

0

26

2

안녕하세요! 작업 속도를 높여주는 단축키와 플러그인 강의는 없는걸까요?!

0

24

3

섹션2번 부분 강의 화면이 잘 못된것 같아서 문의합니다.

0

23

1

call stack 표현이 잘못표현된것이 아닌가요?

0

64

2

part3. spy 쪽 / part3,part4 강의자료

0

32

2

최종 코드

0

40

2

Open AI 결제

0

40

2

figma 파일을 받을 수가 없어요

0

48

1

React 와 Virtual DOM 의 이야기 영상 실행이 안됩니다.

0

34

1

다운로드 연결이 되지 않을 때는 어떻게 해야할까요?

0

37

1

Visual Studio Code 대신 Pycharm 써도 되나요?

0

42

2

커서, 클로드, 피그마는 모두 유료버전을 사용해야하나요?

0

56

1

구글 서치콘솔 도메인 소유권 확인 실패

0

39

2

antigravity로 하던 작업 이제 visual code로 하면 되는 거죠?

0

59

1

다음 강의 얼른 올려주세요

0

44

2

폰트나 이미지사용 문의

0

90

1

슬라이드 문의드립니다.

1

131

2

일러스트의 "gif 애니메이션"을 문의드립니다.

1

255

3

이미지를 문의드립니다.

1

270

4

css 관련 질문 있습니다.

1

267

1