inflearn logo
강의

講義

知識共有

UIUX ポートフォリオ Part.3 - レスポンシブ Web ポートフォリオ

footer - CSS / JS

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

解決済みの質問

256

happinessboom

投稿した質問数 6

1

안녕하세요.

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

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

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

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

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

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

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

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

回答 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

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

윈도우에서는동작줄이기가어디에있을까요??

0

1

0

백오피스를 개발할 때 아키텍처 구성에 대한 질문

0

25

2

ai가 만든 강의인가요?

0

47

1

VSCode 설정 문의

0

34

2

PPT 코드 관련 질문

0

31

2

검색엔진 차단 noindex

0

34

2

파트9 강의는 언제 오픈하시나요

0

34

2

ZIP 파일

0

29

2

26강 13F 강의 불일치 및 질문 요청

0

39

3

state 객체로 묶기

0

28

1

XAMPP에서 Apache, DB 재기동 시 접속안되는 문제

0

19

1

Breadth (등락 비율) 분석

0

24

1

26 .강의 프롬프트와 프롬프트파일(part3) 내용이 차이가 있어요.

0

31

2

몽고 db 접속 오류

0

20

1

6-6

0

31

1

Json 플러그인 사용시 variable collection 없음

0

36

2

배리어블 목록 없음

0

46

3

Token 등록 방법 문의

0

28

1

3강 질문

0

48

2

폰트나 이미지사용 문의

0

81

1

슬라이드 문의드립니다.

1

120

2

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

1

235

3

이미지를 문의드립니다.

1

240

4

css 관련 질문 있습니다.

1

262

1