테두리는 보이는 것보다 많은 일을 합니다. 이미지를 주변에서 분리해 주는데, 가장자리가 어두운 사진을 어두운 페이지에 올렸을 때 그냥 배경에 녹아버리는 상황에서 특히 중요합니다. 여러 이미지에 일관된 제시 방식을 부여해 제품 사진 그리드가 대충 모아 놓은 것이 아니라 의도된 것으로 보이게 합니다. 그리고 넉넉한 흰 테두리는 가장 오래된 제시 기법입니다. 갤러리의 매트가 하는 일이 바로 그것이고, 그림을 잘 고려된 하나의 사물로 읽히게 만듭니다.
테두리는 잘라내기가 아니라 캔버스 확장으로 추가되므로 이미지의 어떤 부분도 사라지지 않습니다. 1000 × 800 사진에 16픽셀 테두리를 두르면 원본이 손대지 않은 채 가운데 놓인 1032 × 832 파일이 나옵니다.
테두리는 브라우저에서 로컬로 그려집니다. 이미지가 액자를 두르기 위해 업로드되지 않습니다.
| 이미지 너비 | 권장 두께 | 효과 |
|---|---|---|
| 600 px 미만 | 8 px | 화면을 잡아먹지 않는 깔끔한 가장자리 |
| 800~1200 px | 16 px | 확실히 보이면서 절제된 느낌 |
| 1500~2500 px | 32 px | 작은 파일의 16 px와 비율상 비슷함 |
| 3000 px 초과 | 64 px | 이 크기에서 테두리로 읽히는 유일한 두께 |
테두리 두께는 비율이 아니라 절댓값이므로, 같은 설정이라도 썸네일과 고해상도 사진에서 완전히 다르게 보입니다. 여러 크기의 이미지에 같은 느낌을 주려면 먼저 공통 너비로 크기를 맞춘 뒤 테두리를 추가하세요.
흰색이 기본인 데는 이유가 있습니다. 갤러리 매트를 흉내 내고, 거의 모든 배경에서 이미지를 분리해 주며, 내용과 경쟁하지 않습니다. 검정은 밝고 하이키한 이미지에 잘 맞고 사진에 영화적인 무게를 주지만, 어두운 페이지에서는 사라집니다.
브랜드 색은 여러 이미지를 하나로 묶어 주므로 제품 그리드나 소셜 게시물에서 값어치를 합니다. 다만 두께는 절제하세요. 채도 높은 색이 넓게 깔리면 정작 보여주려던 그림에서 시선을 빼앗습니다.
아니요. 캔버스를 확장해 바깥쪽에 테두리를 그리므로 원본 이미지는 가운데에 온전히 보존됩니다. 출력 크기가 테두리 두께의 두 배만큼 커집니다.
옵션은 8, 16, 32, 64픽셀입니다. 다른 두께가 필요하면 두 번 적용하세요. 32 다음 32면 64가 되고, 색을 다르게 하면 이중 액자가 됩니다.
네. 색상 선택기가 어떤 값이든 받으므로 브랜드 색이나 임의의 색조도 가능합니다.
크기가 같을 때만 그렇습니다. 두께가 절대 픽셀이므로 600 px 이미지에서 16 px는 두드러지고 4000 px 이미지에서는 거의 안 보입니다. 일관된 세트를 원하면 먼저 공통 너비로 맞추세요.
PNG 출력은 알파 채널을 유지하고 테두리 자체는 단색으로 그려집니다. 다만 테두리는 투명한 이미지 영역 뒤가 아니라 보이는 내용 둘레에 놓입니다.
아니요. 캔버스 확장과 채색이 브라우저 안에서 이뤄집니다.