inflearn logo
강의

Khóa học

Chia sẻ kiến thức

Danh mục UIUX Phần 3 - Danh mục Web đáp ứng

chân trang - CSS/JS

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

Đã giải quyết

276

happinessboom

6 câu hỏi đã được viết

1

안녕하세요.

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

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

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

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

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

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

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

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

Câu trả lời 1

1

lizb

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

0

happinessboom

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

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

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

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

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

0

lizb

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

0

happinessboom

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

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

0

10

1

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

0

10

1

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

0

10

1

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

0

29

2

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

0

27

2

최종 코드

0

34

2

Open AI 결제

0

35

2

figma 파일을 받을 수가 없어요

0

46

1

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

0

33

1

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

0

34

1

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

0

41

2

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

0

47

1

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

0

33

2

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

0

55

1

다음 강의 얼른 올려주세요

0

42

2

선생님 섹션 2의 색상 설명 자료는

0

34

2

일반 강의와 차이점?

1

37

1

!= 연산자의 역할

0

33

1

중요하진 않지만 설명하신부분에서 안된부분..

0

30

0

폰트나 이미지사용 문의

0

89

1

슬라이드 문의드립니다.

1

130

2

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

1

253

3

이미지를 문의드립니다.

1

265

4

css 관련 질문 있습니다.

1

265

1