Pro 무료 체험 횟수가 남아 있는데 압축을 시작할 수 없어요
free TinyImage Pro uses left 메시지는 남은 체험 횟수를 보여 줘요. 체험 횟수가 남아 있는 동안에는 유료 키가 필요 없어요. Figma Design 파일에서 이미지를 압축해 다운로드하려면 TinyImage의 Compress 탭을 열고 Export 버튼을 사용하세요.
- Figma에서 레이어를 선택하고, Figma 속성 패널에서 PNG나 JPG 같은 Export 설정을 추가하세요.
- TinyImage에서 Refresh Exportable Figma Layers를 클릭해 현재 내보내기 설정을 불러오세요. 목록이 다 불러와질 때까지 기다리세요.
- TinyImage 목록에서 내보낼 이미지를 체크하세요. Figma 캔버스에서 레이어를 선택하는 것만으로는 충분하지 않고, 플러그인에서 내보낼 수 있는 이미지를 하나 이상 체크해야 해요.
- Export를 클릭해 압축을 시작하세요. Figma 선택 항목을 바꾼 뒤 내보내기 버튼을 사용할 수 없게 되면, 목록을 새로 고치고 이미지를 다시 체크하세요.
전체 워크플로는 압축 가이드(영어)를 참고하세요. 체험 횟수를 모두 사용했다면 Compress에는 Pro가 필요하지만, Figma 안에서 이미지 채우기를 줄이는 Downsize(영어)는 계속 사용할 수 있어요. TinyImage 무료와 Pro를 비교해 보세요.
이렇게 확인해도 Export를 계속 사용할 수 없다면, TinyImage 창 스크린샷, 남은 사용 횟수 메시지, Figma를 브라우저에서 쓰는지 데스크톱 앱에서 쓰는지를 적어 [email protected]으로 이메일을 보내 주세요.
압축하려면 레이어에 내보내기 설정이 있어야 해요
TinyImage는 Figma 페이지의 레이어에 설정한 내보내기 설정/형식을 감지해, 해당 레이어를 TinyImage 플러그인으로 압축된 이미지로 내보낼 수 있게 해요. Figma 내보내기 설정의 기본 개념과 작동 방식은 Figma 공식 내보내기 가이드(영어)를 참고하세요. 압축할 레이어에는 반드시 내보내기 설정을 추가하세요(Figma 오른쪽 열에서 Export + 클릭). 그렇지 않으면 Figma 기본 내보내기와 마찬가지로 TinyImage를 열어도 해당 레이어가 표시되지 않아요.
PNG와 PDF는 압축하는 데 시간이 더 걸려요
PNG와 PDF 내보내기는 JPG와 SVG 내보내기보다 압축하는 데 시간이 조금 더 걸릴 수 있어요. 특히 아주 세밀하거나 크기가 큰 경우에 그래요. 이미지가 너무 커서 압축할 수 없으면 TinyImage가 경고를 표시해요.
GIF의 색상/그라디언트가 약간 거칠게 보여요
GIF는 일반 JPG/PNG 이미지와 달리 최대 256가지 색상만 담을 수 있어요. 아주 세밀한 이미지나 색상 변화가 많은 그라디언트를 사용하면, GIF 형식의 이런 제한 때문에 원본 이미지만큼 선명하지 않거나 색상 정확도가 떨어지는 것이 정상이에요.
Figma에서 PDF로 내보낼 때 일부 요소가 사라지고 보라색 사각형으로 바뀌는 문제
이미지 대신 보라색 상자가 표시될 수 있는 알려진 Figma 버그예요. TinyImage는 Figma의 기본 PDF 내보내기를 사용하므로 TinyImage로 내보낸 파일에도 같은 문제가 나타날 수 있어요.
문제가 되는 레이어가 실제로 메인 Figma 프레임 안에 들어 있는지 확인하면 도움이 될 수 있어요. 캔버스에서는 레이어가 프레임 위에 “보이게” 놓여 있지만 실제로는 프레임 밖에 있는 경우가 있는데, 이 문제가 가끔 생기는 원인과 관련이 있는 것으로 보여요.
GIF에서 투명도가 표시되지 않아요
GIF 파일 형식은 불투명도 0% 또는 100%만 지원하고 그 사이 값은 지원하지 않아요. 그래서 완전히 투명한 배경 위에 완전히 불투명하게 보이는 요소가 있는 움직이는 GIF는 만들 수 있어요. 즉, 레이어는 완전히 투명하거나 완전히 불투명해야 해요. 불투명도가 50%보다 낮은 레이어는 투명해지고, 50%보다 높은 레이어는 불투명해져요.
처음 ‘refreshing/loading exportable layers’가 끝나는 데 오래 걸려요
아쉽게도 최근 배포된 Figma 업데이트로 생긴 알려진 문제예요. 이제 플러그인이 이미지를 하나라도 사용하거나 내보내려면 현재 페이지의 모든 이미지가 로드될 때까지 기다려야 해요. 이 동작 때문에 큰 Figma 파일에서, 파일을 연 직후 모든 이미지가 로드되기 전에 플러그인을 실행하면 더 자주 발생해요. 해결 방법은 두 가지예요. Figma 파일에서 이미지가 모두 로드될 때까지 조금 더 기다리거나, 몇 개의 레이어만 내보내면 되는데 페이지가 아주 크다면 선택한 레이어를 새 Figma 페이지로 복사한 뒤 거기서 TinyImage를 다시 실행하면 훨씬 빨라요.
내보낸 이미지가 Figma에서보다 1px 크거나 작아요
프레임이나 이미지 속성에 “서브픽셀”을 사용하면 내보낸 이미지 크기가 다른 값으로 “반올림”되거나 “내림”되는 이상한 Figma 버그가 있어요. 내보내려는 프레임이나 상위 프레임(아트보드)에 서브픽셀 값(예: 1000.08)이 없도록 속성에서 소수점을 없애면(예: 1000) 해결돼요. 그러면 예상한 크기로 이미지가 내보내질 거예요. 자세한 내용은 이 문제를 다룬 Figma 포럼 스레드(영어)를 참고하세요.
Windows용 Figma 데스크톱 앱에서 파일 확장자가 비어 있는 문제
Windows용 Figma 데스크톱 앱에서만 발생하는 알려진 문제로, Figma의 일반 파일 내보내기에서도 똑같이 일어나요. 파일을 저장할 때 “all files” 레이블이 보일 수 있어요. 이를 무시하고 “Save”를 클릭하면 올바른 확장자로 저장되어, 컴퓨터에 다운로드된 뒤 정상적으로 열 수 있을 거예요. 그래도 확장자 없이 저장된다면 파일 이름을 바꿔 올바른 확장자를 직접 붙이면 돼요.
PDF 내보내기가 느린 문제
PDF 내보내기가 아주 느리다면 일부 콘텐츠에 고해상도/대용량 이미지 채우기가 있어서 Figma가 PDF를 생성하는 데 훨씬 오래 걸리기 때문일 가능성이 높아요. 이 문제는 TinyImage의 “Downsizer” 기능(영어)으로 이미지 채우기를 레이어 크기에 맞게 줄이면 도움이 돼요. 파일 크기가 줄어들어 Figma 파일에서 훨씬 빠르게 로드돼요. Figma 페이지의 이미지 채우기 크기를 줄인 뒤 TinyImage를 다시 실행해 PDF를 다시 내보내면 훨씬 빨라질 거예요.
Safari는 지원되지 않아요
브라우저 호환성 문제로 TinyImage는 Safari에서 지원되지 않아요. 다른 브라우저(예: Chrome)나 Figma 데스크톱 앱에서 플러그인을 실행하세요.
내보낸 이미지 테두리에 얇은 흰 선이 생기는 문제
가끔 이미지 가장자리에 희미하고 얇은 흰 선이 생길 수 있어요. 레이어가 정수 픽셀 값이 아닌 위치(예: Y: 156.76 또는 X: 56.3)에 놓여 있으면 Figma가 이렇게 처리해서 서브픽셀 선이 내보낸 파일에 자동으로 포함돼요. 이 문제를 해결하려면 레이어 위치가 모두 정수 픽셀 값인지 확인하세요.
이미지가 픽셀이 깨진 채 내보내지는 문제
Figma의 이미지 에셋이 아직 점진적으로 로딩되는 중에 이미지나 PDF를 내보내면, 이미지가 Figma 파일에서 완전히 로드되기 전에 내보내져 픽셀이 깨져 보일 수 있어요. 이 문제를 해결하려면 TinyImage 플러그인으로 이미지나 PDF를 내보내기 전에 모든 이미지가 100% 로드되어 Figma 파일 안에서 선명하게 보이는지 확인하세요. 이 문제를 더 줄이려면 “Downsizer” 기능(영어)으로 이미지 채우기를 레이어 크기에 맞게 줄여 보세요. 파일 크기가 줄어들어 Figma 파일에서 훨씬 빠르게 로드돼요.
Adobe Acrobat에서 PDF를 편집할 때 점선이 보이는 문제
PDF를 편집하는 동안 Acrobat 앱 사이드바에서 “Show bounding boxes” 토글을 해제하면 해결돼요. PDF를 앱에서 열고 “Edit” 모드로 들어가면 Adobe가 기본으로 경계 상자 점선을 표시하지만, “Show bounding boxes” 토글을 끄면 클릭 한 번으로 숨길 수 있어요.
PDF 내보내기에서 타일 이미지가 렌더링되지 않는 문제
현재 일부 “Tile” 이미지 채우기가 압축된 PDF에 포함되지 않는 버그가 있어요. 지금은 Figma에서 채우기를 “Fit”이나 “Fill”로 바꾸는 것이 해결 방법이에요.
중국에서는 VPN이 필요할 수 있어요
중국에 있다면 “만리방화벽(The Great Firewall of China)” 때문에 계정 서버에 연결하지 못할 수도 있어요. 유효한 키를 입력했는데도 활성화 오류가 표시된다면 VPN을 사용해야 문제가 해결될 가능성이 커요.
‘An error occurred while loading the plugin environment’ 오류
Figma 데스크톱 앱에서 Use Developer VM(영어) 디버그 설정이 실수로 켜져 있으면 이 오류가 발생할 수 있어요. Figma 캔버스 아무 곳에서나 마우스 오른쪽 버튼을 클릭하고 Plugins, Development 순으로 마우스를 올린 다음 Use Developer VM이 선택 해제되어 있는지 확인하세요. 선택이 해제되면(옆에 체크 표시가 없으면) Figma 플러그인을 다시 실행했을 때 정상적으로 작동할 거예요.