Base64 이미지 복원
Base64 to Image
Base64 문자열이나 data URI를 다시 볼 수 있고 내려받을 수 있는 이미지로 되돌립니다.
스타일시트와 JSON과 메신저를 거쳐 도착한 data URI는 깨끗한 경우가 드뭅니다. url()로 감싸여 있거나, 따옴표가 붙어 있거나, 줄바꿈이 끼어 있거나, data: 접두어가 빠져 있습니다. 이 도구는 그런 것을 모두 받아 디코딩하고, 헤더가 형식을 속이고 있으면 알려 줍니다.
data URI를 붙여넣으세요
url(…) 감싸기, 앞뒤 따옴표, 중간에 낀 줄바꿈, data: 접두어 누락까지 모두 받습니다. 스타일시트와 JSON 파일과 메신저를 거쳐 오면 대개 그런 모습이 됩니다.
사용 방법
가진 것을 그대로 붙여넣습니다
data: 문자열 전체든 Base64 부분만이든 상관없습니다. 감싼 것, 따옴표, 끼어든 줄바꿈은 걷어냅니다.
적힌 형식과 실제를 대조합니다
기준은 바이트입니다. URI에는 image/png라고 적혀 있는데 실제는 JPEG라면 그렇다고 표시합니다. 이런 이미지가 쓰이는 자리에서 표시되지 않는 이유는 대개 이 불일치입니다.
파일로 내려받습니다
확장자는 헤더가 아니라 실제로 판별한 형식을 따릅니다. 그래서 받은 파일이 실제로 열립니다.
자주 묻는 질문
Base64가 잘못되었다고 나옵니다.
거의 언제나 복사하다 잘린 경우입니다. data URI는 아주 긴 한 줄이라 터미널·메신저·로그 뷰어가 잘라 버립니다. 렌더링된 화면이 아니라 원본 파일에서 복사하세요.
크기가 알 수 없음으로 나옵니다.
크기는 이미지를 디코딩해서 얻는데, 특히 SVG는 엔진에 따라 그 경로를 타지 않습니다. 미리보기와 내려받기는 정상적으로 됩니다.
이미지가 어딘가로 전송되나요?
전송되지 않습니다. 디코딩은 `atob`과 Blob으로 이 탭 안에서 끝납니다. 붙여넣는 data URI는 흔히 비공개 문서에서 나온 것이라 이 점이 중요합니다.
이 도구로 이어지는 것
이미지 Base64 변환
Image to Base64 / Data URI
이미지를 Base64 문자열이나 CSS·HTML·JSON에 바로 붙일 수 있는 data URI로 인코딩합니다.
스프라이트 시트 만들기
Sprite Sheet Packer
여러 이미지를 하나의 아틀라스로 묶고 대응하는 CSS 또는 JSON 좌표표를 함께 만듭니다.
더미 이미지 생성
Placeholder Image
원하는 크기의 단색·그라디언트 더미 이미지를 만들고 크기를 이미지 위에 표시합니다.
SVG 최적화
SVG Optimiser
편집기 잔여 데이터를 지우고 변환을 합치며 좌표 자릿수를 줄이고, 결과를 나란히 비교합니다.
다음 단계
이 도구의 결과를 그대로 받을 수 있는 도구들입니다.
EXIF 정보 보기
EXIF Viewer
사진에 들어 있는 카메라·렌즈·촬영 시각·GPS 정보를 보여줍니다. 위치는 지도가 아니라 좌표로 보여주는데, 지도를 그리면 그 위치가 타일 서버로 나가기 때문입니다.
이미지 형식 변환
Image Format Converter
PNG·JPEG·WebP·AVIF·GIF·BMP·TIFF 사이를 변환하며 여러 장을 한 번에 처리합니다.
이미지 Base64 변환
Image to Base64 / Data URI
이미지를 Base64 문자열이나 CSS·HTML·JSON에 바로 붙일 수 있는 data URI로 인코딩합니다.
이미지 배경 제거
Background Remover
단색이나 균일한 배경을 OKLab에서 키잉해 투명한 PNG로 만들고, 브러시로 경계를 다듬을 수 있습니다.
EXIF 정보 삭제
EXIF Remover
화질은 그대로 두고 카메라·GPS·편집 이력 메타데이터만 지웁니다.
파비콘 생성
Favicon Generator
ICO·PNG·애플 터치 아이콘·웹 매니페스트를 한 번에 만들고 붙여넣을 HTML까지 제공합니다.