본문으로 건너뛰기

펀키스 키캡 아트 변환기

사용 방법

  1. 키캡아트로 변환하고자 하는 이미지를 업로드 합니다.
    • 업로드한 이미지를 키캡아트로 정교하게 제작하고자 하는 경우 가로 수와 세로 수의 개수가 많아져야 합니다.
    • 가로 세로 20개로 키캡아트를 만들 때에는 비교적 간단한 캐릭터 이미지들을 활용하시면 좋습니다.
  2. 업로드한 이미지를 키캡 아트로 변환하기 위한 크기 및 색상을 설정합니다. 예를 들어, 가로 10개 / 세로 10개 / 색상 16색을 선택한 경우 16가지 색상의 총 100개의 키캡이 필요합니다.
  3. 크기에서 설정한 비율에 맞춰 업로드한 이미지의 자르기 영역을 조절합니다.
  4. 영역의 조절이 완료되면 서버에서 변환 버튼을 클릭합니다.
  5. 변환이 완료되면 원본과 변환된 이미지를 확인할 수 있습니다.
  6. 결과 편집 창에서 픽셀을 정교하게 수정할 수 있습니다.
  7. 변환된 이미지는 변환 요약에서 크기, 색상수, 그리드선 표시 여부를 확인할 수 있으며, 사용 색상에서 총 사용된 색상의 개수를 확인할 수 있습니다.
  8. 보내기에서 공통으로 적용할 옵션과, PNG 또는 SVG로 변환된 이미지를 저장할 옵션을 설정할 수 있습니다.
  9. 이미지로 저장하기 전에 PNG SVG 미리보기에서 실제 이미지를 확인할 수 있습니다.
  10. 실제 키캡 아트를 위해 필요한 키캡 색상의 색상을 표시하기 원한다면 공통 푸터에 색상별 셀 개수 (푸터) 옵션을 활성화 합니다.

업로드, 설정, 크롭 및 변환

업로드

원본 이미지를 올리면 중앙에서 미리보기됩니다. 이전에 저장한 JSON을 불러와 픽셀만 이어서 편집할 수도 있습니다.

이미지를 끌어다 놓거나 파일 선택 버튼으로 이미지를 추가합니다.

PNG, JPEG, WebP 지원

크기 및 색상 설정

격자 크기와 변환 옵션을 선택합니다.

적응형 팔레트 경로에서는 중요도 맵·다중 초기 해·Lab 정제·선택적 디더가 적용됩니다.

Floyd–Steinberg (API 연동 시 적용)

PNG 저장 시 그리드 옵션과 별도

중요도·오차맵 등 base64 프리뷰 포함(응답 크기 증가)

100%

0%에 가까울수록 선이 옅어집니다.

12px

자르기 · 변환

비율 4040 · API https://pixel.funkeys.co.kr

이미지를 업로드하면 자르기 영역을 조절할 수 있습니다.

원본 / 변환 비교

원본 / 변환

이미지를 업로드하고 변환하면 원본과 픽셀 결과를 비교할 수 있습니다.

업로드한 이미지가 없어 지금은 비교할 수 있는 상태가 아닙니다.

결과 편집

결과 · 편집

팔레트 그리드 · 클릭/드래그 · 키보드(포커스 후 화살표·스페이스) · 「원본 색상 적용」으로 업로드 이미지 셀 평균색만 사용

확대 미리보기

슬라이더로 셀 크기를 조절합니다.

12px

아직 변환 결과가 없습니다.

자르기 패널에서 「서버에서 변환」을 누르면 이곳에 격자가 나타납니다. 업로드만 된 상태라면 먼저 크롭 비율을 맞춘 뒤 변환하세요.

변환 요약 및 사용 색상

변환 요약

격자 설정·옵션·소스 메타데이터

격자 크기
40 × 40
요청 팔레트 색 수
16
변환 품질
balanced
디더링
꺼짐
미리보기 그리드선
표시 · 불투명도 100%
결과 그리드
없음

사용 색상

고유 팔레트 인덱스 0색 · 각 색 사용 셀 수 표시

미리보기가 없습니다.

보내기

보내기

PNG · SVG · 각 분할 ZIP · JSON (API). 푸터·그리드 옵션을 맞춘 뒤 저장하세요.

제작 시 부품 수량(베이스 1개 = 10×10칸, 키캡 100개)

총 필요 키캡 베이스
16

10×10칸(100키캡) 단위 베이스 기준입니다.

총 필요 키캡
1600

격자 칸 수(가로×세로)와 동일합니다. 색상별 개수는 사용 색상 패널을 참고하세요.

예상 실측 크기
실측(키캡 베이스 기준): 약 76×76 cm

공통 푸터 (PNG/SVG)

스와치를 켜면 각 스와치 옆에 표시하고, 끄면 한 줄에 인덱스:개수 형식입니다. 색상별 개수는 실제 칸 수와 주문 단위(10개=1세트)를 함께 보여 줍니다. 견적은 베이스 1개 10,000원, 키캡 10개(1세트)당 2,000원이며 색마다 세트 수를 합산합니다.

푸터 글자 크기13px

PNG

셀 픽셀16px

「PNG·SVG 분할(ZIP)」은 10×10칸 단위 타일과 동일 옵션의 전체 합본(full.png / full.svg)을 한 번에 담습니다. 타일명 tile-가로-세로이며, 공통 푸터의「분할 번호」를 켜면 푸터에 타일 위치·전체 격자 안내 줄이 들어갑니다.

SVG

셀 크기16px

A4 가로 분할 시트 (PNG / SVG)

ISO A4 가로 300 DPI (3508×2480px). PNG는 위 셀 픽셀·그리드 라인, SVG는 오른쪽 SVG 패널의 셀 크기·그리드·행 병합 설정을 씁니다. 기본은 전체 격자를 가로·세로 개수만큼 균등으로 나눠 한 장에 배치합니다. 「고정 타일로 여러 장」을 켜면 ZIP 분할과 같이 셀 N×M 크기로 자른 뒤, 한 A4에 가로×세로 슬롯만큼만 채우고 넘치면 a4-01… ZIP으로 이어 저장합니다. 라벨은 전역 행-열(위→아래 행). 기본으로 ZIP에 full.png / full.svg(전체 격자)도 넣습니다.

PNG · SVG 미리보기

PNG · SVG 미리보기

API로 렌더한 결과를 확인한 뒤 필요하면 위 보내기에서 저장하세요. 푸터가 켜져 있으면 미리보기에도 색상별 셀 개수가 항상 포함됩니다.

그리드가 있을 때 PNG 또는 SVG 미리보기를 누르면 여기에 표시됩니다.