본문으로 건너뛰기

브라우저에서 로컬로 모든 처리

Image Machine logo
Image Machine

홈으로 돌아가기

픽셀 데이터 추출기 — 이미지를 헥스 그리드, JS/C 배열 또는 CSS 픽셀 아트로 변환

이미지의 정확한 픽셀 값을 코드로 추출합니다: 헥스 색상 그리드, JavaScript 2D 배열, C uint32 배열 또는 CSS box-shadow 픽셀 아트 문자열. 원하는 크기로 축소하고, 알파를 토글한 다음 복사하거나 다운로드하세요. 모든 작업은 브라우저에서만 실행되며, 아무것도 업로드되지 않습니다.

이미지의 정확한 픽셀 값을 코드로 내보냅니다. 16진수 색상 그리드, JavaScript 2차원 배열, C uint32 배열, 또는 CSS box-shadow 픽셀 아트 문자열로 출력할 수 있습니다. 원하는 크기로 다운스케일하고 알파를 켜고 끈 뒤, 결과를 복사하거나 다운로드하세요. 임베디드 디스플레이, LED 매트릭스, 게임 개발, 교육용으로 만들어졌으며 전적으로 브라우저에서 실행됩니다.

사용 방법

1

도구 선택

120+개의 도구 중에서 골라 이미지를 크기 조정, 변환, 압축하거나 향상시키세요.

2

업로드 및 편집

이미지를 끌어다 놓고 설정을 조정하세요. 파일은 기기에 그대로 유지됩니다.

3

다운로드

결과물을 즉시 저장하세요 — 워터마크도, 가입도 필요 없습니다.

왜 Image Machine인가요?

파일이 기기를 벗어나지 않습니다

모든 처리는 브라우저에서 로컬로 실행됩니다. 이미지가 서버에 업로드되는 일은 절대 없습니다.

완전 무료

모든 도구가 무료이며, 사용 제한도, 워터마크도, 숨겨진 비용도 없습니다.

번개처럼 빠른 속도

업로드 대기 없이 — 이미지가 사용자의 기기에서 즉시 처리됩니다.

전문가급 품질

픽셀 단위까지 완벽한 결과물, 포맷·크기·품질을 자유롭게 제어할 수 있습니다.

자주 묻는 질문

이미지에서 원시 픽셀 값을 어떻게 얻나요?

이미지를 불러오고, 필요하면 다루기 쉬운 그리드 크기로 다운스케일하면, 도구가 모든 픽셀을 읽어 선택한 형식(16진수 그리드, 배열, 또는 CSS 문자열)으로 출력하며, 이를 복사하거나 다운로드할 수 있습니다.

어떤 내보내기 형식을 사용할 수 있나요?

16진수 색상 그리드, JavaScript 2차원 배열, C uint32 배열, 또는 이미지를 순수 CSS 픽셀 아트로 그려내는 CSS box-shadow 문자열로 내보낼 수 있습니다. 대상 코드에 맞는 형식을 고르세요.

내보내기 전에 왜 다운스케일하나요?

픽셀 데이터는 가로 곱하기 세로에 비례해 늘어나므로, 전체 사진은 엄청나게 큰 배열이 됩니다. 16×16이나 32×32 정도로 다운스케일하면 출력이 작게 유지되며, 이는 LED 매트릭스나 스프라이트 작업에 딱 필요한 크기입니다.

픽셀을 읽으려면 이미지가 업로드되나요?

아니요. 모든 픽셀은 브라우저에서 읽으므로 이미지는 내 기기 밖으로 나가지 않습니다.

편집 도구

BlurHash 생성기

이미지 유사도 검사기

이미지 스테가노그래피

자동 보정

이전/이후 비교

테두리 추가