그래픽 허브 · 100% Canvas & WebAssembly 엔진

이미지 및 그래픽 디자인 도구 허브

브라우저 내에서 완벽히 실행되는 안전한 무료 이미지 최적화 도구 모음입니다. 목표 용량(KB) 설정 압축으로 사진 크기를 대폭 줄이고, 가로세로 비율을 유지하며 해상도를 조절하고, WebP, JPEG, PNG, AVIF 간의 변환 및 최신 CSS 스타일 코드를 기기 외부로 사진을 보내지 않고 생성할 수 있습니다.

100% 브라우저 로컬 실행
서버 데이터 전송 없음
회원가입 및 로그인 불필요

사용 목적별로 분류된 도구 목록

이 카테고리의 모든 도구 표시 중 (30)

압축, 리사이징 및 기하학적 편집

파일 용량 최적화, 픽셀 해상도 조절 및 회전과 분할을 브라우저에서 안전하게 수행.

이미지 용량 압축기 (JPEG/WebP)
화질 손실을 최소화하면서 브라우저에서 직접 사진 용량을 압축하여 바이트 절감.
도구 열기 →
이미지 크기 및 해상도 조절기
가로세로 비율을 유지하면서 디지털 사진을 정확한 픽셀 크기로 리사이즈.
도구 열기 →
AI 이미지 고화질 확대
ESRGAN 딥 뉴럴 네트워크를 통해 브라우저에서 이미지를 2배 및 4배로 고화질 확대하고 픽셀 깨짐 없이 세부 디테일을 보존합니다.
도구 열기 →
이미지 업로드 요건 검사기
소셜 미디어 및 포털의 이미지 규격을 검증하세요: 정확한 바이트 한도, 해상도, 화면비, 매직 헤더 및 투명도.
도구 열기 →
PDF 및 이미지 각도 회전 도구
PDF 페이지와 이미지를 90°, 180°, 270°로 회전하고 즉시 저장하세요. 무료, 실시간, 100% 클라이언트 사이드, 무서버.
도구 열기 →
이미지 프라이버시 모자이크 및 블러 도구
민감한 정보 보호를 위해 이미지의 특정 영역을 마우스로 드래그하여 블러 또는 픽셀화 처리합니다. 얼굴, 텍스트, 개인정보 마스킹 지원. 무료, 100% 로컬 연산.
도구 열기 →
소셜 미디어 안전 구역 및 그리드 사진 분할기
인스타그램 캐러셀, 유튜브 배너, 트위터, 틱톡 안전 구역에 맞춰 이미지 크롭.
도구 열기 →

포맷 변환, 아이콘 생성 및 벡터 최적화

이미지 포맷 상호 변환, 규격 파비콘 세트 생성, 배경 제거 및 SVG 코드 경량화.

SVG 벡터 코드 최적화기
사용되지 않는 메타데이터와 편집기 태그를 제거하여 SVG 파일 크기 축소.
도구 열기 →
래스터 to SVG 벡터 변환기
PNG, JPG, WebP 로고, 아이콘 및 그림을 브라우저에서 실제 확장 가능한 SVG 벡터 경로로 변환합니다.
도구 열기 →
오프라인 이미지 배경 투명화 제거기
이미지를 서버에 업로드하지 않고 브라우저 내장 AI로 배경을 즉시 누끼 따기 투명화합니다.
도구 열기 →
파비콘(Favicon) 패키지 생성기
표준 16x16, 32x32, 192x192, 512x512 PNG 앱 및 웹 아이콘 일괄 생성.
도구 열기 →
이미지 워터마크 삽입기
브라우저에서 직접 이미지 위에 맞춤형 사선 텍스트 워터마크 각인.
도구 열기 →
이미지를 PDF로 변환기
JPG, PNG, WebP 이미지 파일을 단일 PDF 문서로 합치고 변환합니다.
도구 열기 →
PSD & PSB 레이어 뷰어
Photoshop PSD/PSB 레이어와 그룹을 검사하고, 원본 합성 이미지와 비교하며, PNG 애셋을 로컬에서 내보냅니다.
도구 열기 →

색상 추출, 조화 및 UI 컬러 팔레트

이미지 픽셀 색상 스포이트 추출, 접근성 대비 검사 및 UI 디자인용 색상표 구성.

색상 팔레트 및 HEX/RGB 스포이트
색상 코드를 추출하고, HEX/RGB/HSL 간 상호 변환하며, 조화로운 배색 생성.
도구 열기 →
만능 색상 코드 변환기 및 배색 조화
HEX, RGB, HSL, CMYK, HSV 간 변환 및 보색, 유사색, 3색 배색 팔레트 생성.
도구 열기 →
이미지 색상 팔레트 추출기
어떤 사진에서든 지배적인 핵심 색상을 HEX 및 RGB 스위치로 즉시 추출합니다. 무료, 실시간, 100% 클라이언트 사이드, 무서버.
도구 열기 →
Tailwind 색상 팔레트 생성기 (50-950)
단일 브랜드 색상에서 Tailwind CSS와 완벽 호환되는 50~950 음영 스케일을 자동 생성.
도구 열기 →
구글 폰트 조합 및 타이포그래피 미리보기
인기 구글 폰트의 제목과 본문 타이포그래피 조합을 실시간 헤드라인으로 미리보기.
도구 열기 →

CSS 스타일링, 그라디언트 및 크리에이티브 시각 도구

글래스모피즘, 메시 그라디언트, 그림자 CSS 코드 및 썸네일 그래픽 생성.

CSS 글래스모피즘 및 그림자 스튜디오
현대적인 반투명 유리 카드, 메시 그라디언트, 다층 CSS 그림자 디자인.
도구 열기 →
CSS 메시 그라디언트 스튜디오
현대적인 감각의 다채로운 유기적 메시 그라디언트 배경을 디자인하고 CSS 코드를 추출.
도구 열기 →
CSS 박스 그림자(Box Shadow) 생성기
실시간 시각적 피드백을 통해 부드럽고 다층적인 CSS 박스 섀도우 디자인.
도구 열기 →
유기적 곡선 CSS 블롭(Blob) 생성기
웹 배경, 프로필 아바타, 감각적인 UI 포인트를 위한 부드러운 유기적 SVG 블롭 도형과 CSS clip-path 마스크 코드를 생성합니다. 무료, 무서버.
도구 열기 →
밈(Meme) 이미지 생성기
이미지를 업로드하고 고전 Impact 폰트 스타일로 상단/하단 텍스트를 추가하여 즉시 짤방을 다운로드하세요. 무료, 100% 클라이언트 사이드, 무서버.
도구 열기 →
유튜브 썸네일 실전 미리보기 도구
영상을 게시하기 전에 YouTube 데스크톱 홈, 모바일 피드, 사이드바 레이아웃에서 최대 3개의 썸네일 후보를 개별 제목으로 비교하세요.
도구 열기 →
페이스북 커버 제작 및 미리보기
페이스북 페이지, 그룹, 이벤트 커버를 데스크톱 및 모바일 자르기 비율로 동시에 확인하며 맞춤 제작 및 다운로드
도구 열기 →

EXIF 메타데이터 정밀 분석 및 프라이버시 삭제

카메라 촬영 정보 및 GPS 좌표를 상세 조회하거나 배포 전 영구적으로 삭제.

사진 EXIF 메타데이터 확인기
카메라 설정, 노출 시간, 조리개 값, 촬영 일시 및 GPS 위치 정보 확인.
도구 열기 →
이미지 EXIF 및 프라이버시 메타데이터 완전 삭제기
사진에서 GPS 위치 정보, 카메라 기종, 촬영 시간 메타데이터를 영구적으로 제거.
도구 열기 →

추가 도구

이 카테고리에서 사용할 수 있는 추가 특화 도구입니다.

SVG를 PNG 래스터 이미지로 변환
확장 가능한 벡터 그래픽(SVG)을 선명한 PNG 래스터 이미지로 렌더링.
도구 열기 →
PDF 이미지 추출기 (모든 사진 원본 저장)
PDF 문서에 포함된 모든 래스터 이미지를 해상도 손실 없이 원본 그대로 추출.
도구 열기 →

빠른 선택 가이드: 어떤 도구가 필요한가요?

포털 제출 규격(예: 300KB 이하)에 맞춰 정확한 용량으로 줄이기

이진 탐색 알고리즘 기반의 목표 파일 크기(Target Size) 모드 제공.

이미지 압축 →
비율 왜곡 없이 웹용 픽셀 해상도 정확히 변경하기

선명도를 유지하는 고품질 바이큐빅 리샘플링 적용.

이미지 크기 조절 →
상품 사진에서 불필요한 배경을 투명하게 잘라내기

외부 서버 전송 없이 브라우저 내에서 경계선과 배경색을 직접 판별.

배경 제거(누끼) →
사진의 촬영 카메라 모델, 셔터 속도, ISO 감도 및 GPS 위치 정보 확인하기

원본 파일의 변경이나 서버 전송 없이 브라우저에서 직접 바이너리 메타데이터 판독.

EXIF 뷰어 →
사진에 포함된 집 위치(GPS)와 기기 정보를 지우고 공유하기

바이트 단위의 안전한 메타데이터 제거로 위치정보 유출 차단.

EXIF 삭제 →
웹사이트용 표준 규격(16, 32, 96, 192, 512 px) 파비콘 아이콘 세트 생성하기

Canvas 기반으로 16, 32, 96, 192, 512 px PNG 아이콘을 즉시 생성하여 개별 다운로드.

파비콘 생성기 →
사진이나 디자인 작업물에 저작권 텍스트 또는 로고 워터마크 새기기

브라우저 Canvas 기반으로 투명도, 폰트, 위치를 정밀하게 조절하여 각인.

워터마크 추가 →
Figma 또는 Illustrator에서 내보낸 불필요한 SVG 벡터 코드 정리 및 경량화

불필요한 편집기 메타데이터와 주석을 제거하고 소수점 자릿수를 최적화.

SVG 최적화 도구 →

실제 기술적 한계 및 브라우저 제약 사항

모바일 브라우저 Canvas 제한

스마트폰 브라우저에서는 HTML5 Canvas의 최대 해상도가 4096 x 4096 픽셀로 제한될 수 있습니다.

손실 압축과 투명도 배경 처리

투명 배경(알파 채널)을 가진 PNG 이미지를 JPEG로 변환할 경우 투명 영역은 자동으로 흰색으로 채워집니다.

움직이는 GIF 이미지

정지 이미지 처리 도구는 움직이는 GIF 파일의 첫 번째 프레임만 처리합니다.

WebAssembly(WASM) 기반 AVIF 인코딩 성능

JPEG, WebP, PNG는 브라우저 내장 API를 사용하여 즉시 처리되지만, AVIF는 네이티브 미지원 환경에서 WebAssembly 모듈로 동작합니다. 2,000만 화소 이상의 초고해상도 사진은 구형 기기에서 수 초간의 CPU 연산 시간이 소요될 수 있습니다.

관련 실전 가이드

전체 관련 실전 가이드 →
이미지 및 그래픽 디자인 도구 허브 • ~5 min read

이미지 압축 심층 비교: 포맷 선택, 품질 설정 및 실제 파일 크기

JPEG, WebP, PNG의 압축 특성을 실측 비교합니다. 브라우저 Canvas 인코딩 측정값, 화질 손실 트레이드오프와 투명도 처리 한계.

가이드 읽기 →
이미지 및 그래픽 디자인 도구 허브 • ~5 min read

사진 공유 전 EXIF 및 GPS 위치 메타데이터 확인 및 삭제 방법: 개인정보 보호 가이드

EXIF 뷰어로 카메라 정보와 상세 GPS 좌표를 확인하고, 메타데이터 스크러버로 데이터를 삭제한 후 결과물을 재검증하는 3단계 가이드.

가이드 읽기 →
이미지 및 그래픽 디자인 도구 허브 • ~5 min read

파비콘(Favicon)이 표시되지 않는 이유와 해결법: 파일 경로, HTML 태그, 캐시 무효화

웹사이트 파비콘 미노출 문제를 해결하세요. 루트 상대 경로, HTTP 200 상태, rel="icon" 태그, MIME 타입, 브라우저 캐시 무효화 및 지원 규격 완전 가이드.

가이드 읽기 →

다른 카테고리 허브 둘러보기

모든 카테고리 보기 →
15 도구
PDF 및 문서 도구 허브

서버 업로드 없는 안전한 무료 브라우저 기반 PDF 도구. 병합, 분할, 압축, 암호화, 페이지 번호 매기기를 100% 비공개로 처리합니다.

28 도구
오디오 및 비디오 도구 허브

서버 업로드 없는 안전한 브라우저 기반 미디어 도구. 동영상 MP3 추출, 오디오 자르기, 화면 녹화, 무음 제거 및 ID3 태그 편집을 100% 로컬로 처리합니다.

10 도구
텍스트 & 문자열 편집 도구 허브

브라우저에서 직접 실행되는 무료 텍스트 유틸리티: 글자수 및 단어수 세기, 대소문자 변환, 중복 줄 제거, 텍스트 차이 비교(Diff), 마크다운 변환. 서버 업로드 없음.

33 도구
개발자 및 코드 도구 허브

서버 업로드 없는 안전한 브라우저 기반 개발자 도구. JSON 포맷터, Base64, SQL, 정규식, JWT, Diff, Cron 및 암호화 유틸리티를 100% 로컬로 실행합니다.

22 도구
금융 & 투자 계산기 허브

브라우저에서 직접 실행되는 무료 금융 계산기: 대출 상환 일정표, 복리 투자 수익률, FIRE 조기 은퇴 목표, 물가 상승률(인플레이션) 및 환율 계산. 금융 데이터 외부 전송 없음.

19 도구
비즈니스 & 프리랜서 도구 허브

브라우저에서 직접 실행되는 무료 비즈니스 도구: 인쇄용 PDF 청구서 제작, 마진율 및 부가세 계산, 프리랜서 적정 시급, 광고 수익률(ROAS) 및 SaaS 핵심 지표 분석.

12 도구
건강 & 일상 라이프 도구 허브

브라우저에서 직접 실행되는 무료 건강 계산기: 기초대사량(BMR), 하루 총 에너지 소비량(TDEE), 체지방률, 90분 렘수면 주기, 하루 물 섭취량 및 간헐적 단식 타이머.

11 도구
단위 변환 & 날짜 / 시간 계산기 허브

브라우저에서 직접 실행되는 무료 단위 및 시간 유틸리티: 미터법/야드파운드법 단위 변환, 두 날짜 사이 일수 계산, 솅겐 조약 90/180일 체류 계산기, 해외 의류/신발 사이즈 표 및 세계 시계.

8 도구
QR & 생성기 도구 허브

브라우저에서 직접 실행되는 무료 생성기: 맞춤형 QR 코드 생성, 안전한 비밀번호, 대량 UUID v4, 암호학적 해시, RSA 키 쌍 및 오프라인 OCR 이미지 텍스트 인식.