웹사이트를 열면 손님의 눈이 가장 먼저 닿는 것은 제목도, 글꼴도 아닌 사진입니다. 아직 한 글자도 읽기 전에, 흐릿하고 어두운 사진 한 장은 "이 가게, 정성이 없네"라는 인상을 먼저 심어 버립니다.
반대로 잘 고른 사진 한 장은 같은 가게를 몇 배 더 믿음직해 보이게 합니다. 값비싼 촬영 장비가 없어도 괜찮습니다. 작은 회사 웹사이트의 사진을 '싸 보이지 않게' 다루는 5가지 원칙을 정리했습니다.
1. 어둡고 흐릿한 사진은 그 자체로 마이너스다
손님은 초점이 나간 사진에서 무의식적으로 '대충 만든 곳'을 읽습니다. 스마트폰으로 찍어도 밝은 곳에서, 초점을 한 번 더 맞춰 찍으면 충분합니다.
- 창가 등 자연광이 드는 낮 시간에 촬영한다
- 찍기 전에 화면을 한 번 눌러 초점과 밝기를 맞춘다
- 어두운 사진은 올리지 말고 다시 찍는다
2. 무료 스톡 사진보다 '우리 것' 한 장이 신뢰를 만든다
인터넷에서 받은 말끔한 외국인 미소 사진은 손님도 어디선가 본 이미지입니다. 오히려 실제 매장, 실제 직원, 실제 작업물 사진 한 장이 "여기는 진짜구나"라는 신뢰를 줍니다. 스톡 사진은 어쩔 수 없을 때만, 그것도 우리 업종과 분위기에 맞는 것으로 최소한만 쓰는 편이 좋습니다.
3. 가로세로 비율을 통일하라
사진마다 크기와 비율이 제각각이면, 목록이 들쭉날쭉해지며 화면이 어수선하고 싸 보입니다. 같은 줄에 놓이는 사진은 같은 비율(예: 4:3 또는 1:1)로 잘라 맞추는 것만으로도 정돈된 인상이 생깁니다. 촬영할 때 여백을 넉넉히 두면 나중에 자르기가 쉽습니다.
4. 큰 사진은 화면 속도를 잡아먹는다
스마트폰 원본 사진은 한 장에 5~10MB에 이릅니다. 그대로 올리면 손님이 첫 화면을 보기도 전에 로딩만 기다리다 떠납니다. 웹에 올리기 전 가로 폭을 1600픽셀 안팎으로 줄이고 용량을 압축하세요. 무료 도구(예: Squoosh)로도 화질 손상 없이 용량을 크게 줄일 수 있습니다.
5. 대체 텍스트와 저작권 — 안 보이는 곳의 예의
모든 사진에는 대체 텍스트(alt)를 달아야 합니다. 눈이 불편한 손님에게 사진 내용을 읽어 주고, 검색엔진도 이 문구로 이미지를 이해합니다. 또 하나, 출처가 불분명한 사진을 함부로 가져다 쓰면 저작권 분쟁으로 번질 수 있습니다. 직접 찍은 사진이나 상업적 이용이 허락된 이미지만 쓰는 습관이 가장 안전합니다.
정리하며
사진은 '나중에 채우면 되는 것'이 아니라, 글꼴과 색보다 먼저 인상을 결정하는 첫 관문입니다. 밝고 또렷하게, 우리 것으로, 비율을 맞춰, 가볍게, 그리고 예의를 갖춰. 이 다섯 가지만 지켜도 웹사이트의 격이 달라집니다. CYAN은 작은 회사 웹사이트를 만들 때 사진 촬영 가이드와 이미지 최적화까지 함께 챙깁니다. 사진 한 장이 아쉬운 웹사이트라면, 그 한 장부터 같이 정리해 보시길 권합니다.
