손님은 우리 가게 문을 밀기 전에 홈페이지 사진부터 본다. 그런데 그 사진이 어둡고 흐릿하면, 맛이나 실력을 보기도 전에 '여기 별로겠다'고 지레짐작하고 창을 닫는다. 글은 끝까지 읽지 않아도, 사진 한 장은 0.1초 만에 인상을 남긴다. 작은 회사일수록 사진이 곧 첫인상이자 신뢰의 근거다. 오늘은 돈 들여 스튜디오를 부르지 않아도 지킬 수 있는, 웹사이트 사진·이미지 설계의 다섯 가지 원칙을 정리한다.
1. 첫 화면 사진은 '진짜 우리 것'이어야 한다
홈페이지를 열자마자 보이는 큰 사진은 손님이 '여기가 뭐 하는 곳인지, 믿을 만한지'를 판단하는 첫 단서다. 이 자리에 어디서 본 듯한 무료 스톡 사진을 걸면, 손님은 무의식중에 '남의 사진을 빌려 쓸 만큼 보여줄 게 없나'라고 느낀다. 우리 가게의 실제 공간, 실제 제품, 실제로 일하는 모습을 넣어야 한다. 어설퍼도 진짜가 매끈한 가짜보다 훨씬 잘 팔린다.
2. 스마트폰으로도 '팔리는 사진'은 찍을 수 있다
비싼 장비가 아니라 몇 가지 습관이 사진의 질을 가른다.
- 자연광을 쓴다. 낮에 창가에서 찍으면 형광등 아래보다 훨씬 산뜻하다. 정면 조명보다 옆에서 들어오는 빛이 입체감을 만든다.
- 배경을 정리한다. 피사체 뒤의 잡동사니 하나만 치워도 사진이 '정돈된 가게'로 보인다.
- 수평을 맞춘다. 기울어진 사진은 그 자체로 아마추어 티가 난다. 격자선 기능을 켜고 찍자.
- 여러 장 찍는다. 같은 대상을 각도만 바꿔 열 장 찍고 그중 제일 나은 한 장을 고르는 게 정석이다.
3. 이미지에도 '통일감'이 필요하다
사진 하나하나는 괜찮은데 모아 놓으면 어수선한 사이트가 있다. 어떤 건 노랗고 어떤 건 파랗고, 비율도 제각각이기 때문이다. 색감·밝기·비율을 한 톤으로 맞추면 사진 실력과 무관하게 사이트 전체가 정돈돼 보인다. 무료 편집 앱의 같은 필터를 모든 사진에 똑같이 적용하고, 목록에 들어가는 이미지는 같은 비율(예: 4:3)로 잘라 쓰는 것만으로도 완성도가 확 올라간다.
4. 예쁜 사진이 페이지를 느리게 만들 때
고화질 사진을 원본 그대로 올리면 파일 하나가 수 메가바이트에 달한다. 이런 사진이 열 장 걸린 페이지는 모바일에서 몇 초씩 하얗게 멈추고, 손님은 그새를 못 참고 나간다. 웹에 올릴 사진은 반드시 크기를 줄여야 한다. 화면에 표시되는 실제 크기(보통 가로 1200~2000px)로 리사이즈하고, JPG나 WebP 포맷으로 압축한다. 눈으로는 차이를 못 느끼면서 용량은 10분의 1로 줄어든다. 화면 밖 이미지는 스크롤할 때 불러오는 '지연 로딩(lazy loading)'을 걸어 첫 화면을 가볍게 유지한다.
5. 사람이 못 보는 손님도 사진을 '읽는다'
화면을 읽어 주는 프로그램을 쓰는 손님이나 검색엔진은 사진을 눈으로 보지 못한다. 이들이 이미지를 이해하는 유일한 통로가 대체 텍스트(alt)다. 사진마다 '무엇을 찍은 사진인지' 한 줄 설명을 넣어 두면, 접근성이 좋아질 뿐 아니라 검색 노출에도 도움이 된다. '이미지1.jpg' 같은 파일명 대신 'ㅇㅇ베이커리-크루아상.jpg'처럼 내용이 담긴 이름을 쓰는 습관도 함께 들이면 좋다.
사진은 '나중에'가 아니라 '처음부터'
많은 사장님이 홈페이지를 다 만든 뒤 '사진은 급한 대로 아무거나' 채워 넣는다. 하지만 손님이 가장 먼저, 가장 오래 보는 것이 바로 그 사진이다. 좋은 사진 몇 장은 어떤 화려한 디자인보다 강력한 설득 도구다. CYAN 에이전시는 웹사이트를 만들 때 사진 촬영 가이드부터 이미지 최적화, 대체 텍스트 설계까지 함께 챙긴다. 홈페이지가 있어도 '사진 때문에 어딘가 아쉽다'는 생각이 든다면, 사진 한 세트를 정리하는 것만으로도 인상이 달라질 수 있다.
