이미지에 프레임 씌우기

페이지에 그냥 던져 넣은 스크린샷과, 제대로 놓인 것처럼 보이는 스크린샷의 차이입니다. 프레임을 한 번만 정하면 모든 이미지에 적용됩니다.

도구를 불러오는 중…

작동 방식

  1. 이미지를 끌어다 놓으세요.
  2. 테두리와 매트의 두께, 색상, 모서리 반지름, 그림자를 정하세요.
  3. 처리한 뒤 하나씩 또는 ZIP으로 내려받으세요.

왜 아무것도 업로드되지 않는가

이 페이지가 하는 모든 작업은 브라우저 탭 안에서 도는 코드가 처리합니다. 웹 페이지를 그리는 그 엔진을 그대로 씁니다. 파일은 디스크에서 탭의 메모리로 읽어 들여 거기서 변환한 뒤 다시 다운로드 파일로 내보냅니다. 어디로도 전송되지 않습니다. 우리에게도, 제3자에게도.

직접 확인해 보세요

  1. 브라우저 개발자 도구(F12)를 열고 네트워크(Network) 탭을 선택합니다.
  2. 파일을 올리고 도구를 실행합니다.
  3. 보이는 요청은 도구 자체의 코드를 받아 오는 것뿐입니다. 무거운 몇몇 도구는 공개 CDN에서 오픈소스 엔진을 함께 받아 옵니다. 여기에 loreatec.jp로 가는 작은 방문 집계 신호 하나(페이지 주소와 제목, 그 이상은 없습니다)가 더해집니다. 어느 것도 당신의 파일을 실어 나르지 않습니다.

직접 확인하기 →

자주 묻는 질문

크기가 왜 픽셀이 아니라 퍼센트인가요?

한 묶음 안에 크기가 제각각인 이미지가 섞여 있기 때문입니다. 40픽셀짜리 테두리는 썸네일에서는 두껍고 6000픽셀짜리 사진에서는 보이지도 않지만, 짧은 변의 3%는 어느 쪽에서나 똑같아 보입니다. 그래서 설정 하나로 폴더 전체를 처리할 수 있습니다.

매트가 뭔가요?

프레임과 이미지 사이의 안쪽 여백입니다. 액자에 넣은 인화지 둘레의 흰 종이 여백과 같습니다. 얇은 짙은 색 테두리에 흰 매트를 더한 것이 포트폴리오와 제품 사진에서 흔히 쓰는 전형적인 모습입니다.

JPG로 받으면 그림자 둘레에 왜 흰 부분이 생기나요?

그림자는 투명하게 흐려지는데, JPG는 투명도를 담지 못해서 그 부분이 흰색으로 처리되기 때문입니다. 색이 있는 페이지 위에 올릴 이미지라면 PNG나 WebP로 내보내세요. 그러면 페이지 배경이 그대로 비쳐 보입니다.

프레임을 씌우면 이미지의 픽셀이 바뀌나요?

사진 자체는 크기를 바꾸지 않은 채로 더 큰 캔버스 위에 그려질 뿐, 최종 저장 말고는 다시 샘플링되거나 압축되지 않습니다. 결과물은 당신이 더한 프레임의 크기만큼만 원본보다 커집니다.