홈페이지 제작이 멈추는 지점은 대개 사진입니다
홈페이지를 처음 만들면 메뉴 구성이나 글보다 사진에서 먼저 막히는 경우가 많습니다. 소개 문구는 어떻게든 써지는데, 첫 화면에 크게 걸 사진 한 장과 본문에 넣을 사진 두세 장이 없어서 작업이 그대로 멈춥니다. 검색으로 나온 사진을 내려받아 쓰면 저작권 문제가 생길 수 있고, 무료라고 적힌 곳도 상업적 이용 조건이 제각각이라 하나하나 확인하다 보면 반나절이 지나갑니다.
아이비전트 기능형 빌더 호스팅 소개를 보면 드래그와 인라인 편집으로 직접 고칠 수 있고, 무료 이미지 라이브러리가 편집 도구 안에 내장되어 있다고 안내되어 있습니다. 사진을 구하러 밖으로 나갔다 돌아오는 과정 자체를 없앤 구조입니다. 실제로 어떤 흐름이 되는지 편집 화면 기준으로 정리해봤습니다.
사진을 밖에서 구해 올 때 생기는 일
내장 라이브러리를 쓰기 전에, 사진을 외부에서 구해 올 때 어떤 단계를 거치는지 먼저 적어봤습니다.
- 무료 사진 사이트를 찾아 검색어를 넣고 마음에 드는 사진을 고릅니다.
- 라이선스 표기를 읽고 상업적 이용과 출처 표기 의무를 확인합니다.
- 원본을 내려받으면 용량이 커서 홈페이지에 그대로 올리기 어렵습니다. 크기를 줄이는 작업이 한 번 더 붙습니다.
- 줄인 파일을 다시 홈페이지 관리 화면으로 올리고, 어느 영역에 넣을지 지정합니다.
- 사진이 어울리지 않으면 첫 단계로 돌아갑니다.
사진 한 장에 다섯 단계입니다. 페이지 하나에 사진이 다섯 장 들어간다면 이 과정을 다섯 번 반복하게 됩니다. 홈페이지 제작을 시작했다가 중간에 손을 놓는 이유가 대단한 기술 문제가 아니라 이 반복 작업인 경우가 생각보다 많습니다.
편집 화면 안에서 고르고 바로 넣는 방식
기능형 빌더의 이미지 라이브러리는 위 다섯 단계 중 앞의 네 개를 편집 화면 안으로 끌어들인 형태입니다. 페이지를 편집하다가 사진 영역을 선택하고 라이브러리를 열어 원하는 사진을 고르면, 그 자리에 바로 들어갑니다. 파일을 내려받아 보관했다가 다시 올리는 왕복이 없습니다.
정리하면 이런 순서가 됩니다.
- 편집 화면에서 사진을 넣을 영역을 클릭합니다.
- 이미지 라이브러리를 열고 검색어로 원하는 분위기의 사진을 찾습니다.
- 고른 사진이 해당 영역에 바로 반영됩니다.
- 어울리지 않으면 다른 사진으로 다시 고릅니다. 되돌리는 비용이 거의 들지 않습니다.
- 저장하면 그대로 홈페이지에 반영됩니다.
여기서 가장 체감이 큰 부분은 네 번째입니다. 사진을 밖에서 구해 오는 방식에서는 한 장을 바꾸는 데 다시 다섯 단계가 필요하니 어지간해서는 그냥 두게 됩니다. 반면 라이브러리에서 고르는 방식은 마음에 안 들면 다시 고르면 되니, 여러 장을 놓고 비교하다가 가장 나은 것을 남기게 됩니다. 결과적으로 완성된 화면의 수준이 올라갑니다.
업종별 스킨과 함께 쓰면 손이 덜 갑니다
기능형 빌더는 카페, 학원, 법인, 포트폴리오 같은 업종별 기능형 스킨을 클릭 한 번으로 적용할 수 있습니다. 스킨을 먼저 적용하면 사진이 들어갈 자리와 비율이 이미 잡혀 있는 상태가 됩니다. 그 위에서 라이브러리로 사진만 갈아 끼우면 되니, 빈 화면에서 시작할 때보다 훨씬 빨리 형태가 나옵니다.
사진을 고를 때는 업종 분위기를 먼저 정해두면 흔들리지 않습니다. 예를 들어 카페라면 커피 잔 한 잔을 크게 잡은 사진보다, 매장 내부의 공간감이 드러나는 사진이 첫 화면에 더 맞습니다. 방문을 결정하는 사람이 궁금해하는 것은 음료 자체보다 그 공간에 앉아 있는 자기 모습이기 때문입니다.
어떤 스킨이 있는지는 템플릿 갤러리에서 미리 살펴보실 수 있습니다. 스킨은 나중에 다른 것으로 교체할 수 있으므로, 처음부터 완벽하게 고르려고 오래 붙잡을 필요는 없습니다.
사진을 고를 때 확인한 세 가지
라이브러리에서 사진을 고를 때 실제로 확인한 기준을 적어둡니다. 무료로 제공되는 사진이라고 아무거나 넣으면 오히려 홈페이지가 흔해 보입니다.
1. 화면에 글자가 얹히는 자리를 비워둔 사진인가
첫 화면 배경으로 쓸 사진은 위에 제목 문구가 올라갑니다. 피사체가 정중앙을 꽉 채운 사진을 배경으로 쓰면 글자가 묻혀서 읽히지 않습니다. 한쪽이 비교적 단순하게 비어 있는 사진을 고르면 문구가 또렷하게 살아납니다.
2. 화면 안의 글자가 우리 것이 아닌가
매장 사진에 간판이나 메뉴판이 찍혀 있는 경우가 있습니다. 다른 상호가 또렷하게 보이는 사진을 우리 홈페이지 첫 화면에 걸면 보는 사람이 혼란스러워합니다. 글자가 크게 보이는 사진은 피하거나, 글자가 흐리게 처리된 것으로 고르는 편이 안전합니다.
3. 모바일에서 잘렸을 때도 말이 되는가
기능형 빌더는 모바일 화면을 자동으로 맞춰주지만, 가로로 넓은 사진은 세로 화면에서 좌우가 잘립니다. 중요한 요소가 화면 가장자리에 있는 사진은 모바일에서 사라집니다. 사진을 넣은 뒤 모바일 화면으로 한 번 확인하고 넘어가시면 됩니다.
직접 찍은 사진이 반드시 나은 자리도 있습니다
내장 라이브러리로 모든 자리를 채우는 것을 권하지는 않습니다. 사진의 역할에 따라 나눠서 쓰는 편이 결과가 좋습니다.
- 배경, 분위기, 섹션 사이를 채우는 이미지 — 라이브러리에서 고르면 충분합니다.
- 실제 매장 외관, 내부, 작업물, 시술 전후, 수강 현장 — 직접 찍은 사진이 낫습니다.
- 대표자나 직원 소개 — 직접 촬영한 사진이 아니면 신뢰가 오히려 떨어집니다.
방문 여부를 결정하는 자리에는 실제 사진이 들어가야 합니다. 라이브러리 사진은 그 사이를 자연스럽게 이어주는 역할로 쓰면 됩니다. 직접 찍은 사진은 편집 화면에서 그대로 올려 사용하실 수 있으니 두 방식을 섞는 데 제약은 없습니다.
저작권 부분은 이렇게 정리했습니다
내장 라이브러리에서 고른 사진은 홈페이지 제작에 쓰라고 제공되는 소재이므로, 사이트 안에서 사용하는 것에는 문제가 없습니다. 다만 홈페이지 밖으로 나가는 용도라면 한 번 더 확인하시는 편이 좋습니다.
- 홈페이지 안에서 사용 — 그대로 쓰시면 됩니다.
- 명함, 전단, 간판 같은 인쇄물 — 해당 사진의 라이선스 표기를 확인한 뒤 사용하십시오.
- 외부 광고 소재나 상품 포장 — 별도 확인이 필요합니다.
- 사진 속 인물의 얼굴이 크게 나온 이미지를 특정 서비스의 후기처럼 쓰는 것 — 사실과 다른 인상을 주므로 피해야 합니다.
마지막 항목은 저작권보다 표시광고 쪽 문제입니다. 라이브러리 사진을 실제 고객 후기 사진처럼 배치하면 이용자가 오해할 수 있으므로, 그런 자리에는 실제 사진만 넣는 것을 원칙으로 잡아두시면 됩니다.
정리
홈페이지를 만들다 멈추는 이유가 사진이라면, 사진을 구해 오는 과정 자체를 줄이는 쪽이 답입니다. 기능형 빌더는 편집 화면 안에서 사진을 고르고 바로 반영하는 구조라, 여러 장을 비교하며 고르는 것이 부담이 되지 않습니다. 업종별 스킨으로 뼈대를 세우고 라이브러리로 사진을 채운 다음, 매장과 작업물처럼 신뢰가 걸린 자리만 직접 찍은 사진으로 바꿔 넣는 순서를 권합니다.
기능형 빌더의 다른 기능과 요금은 기능형 빌더 호스팅 안내와 요금제 페이지에서 확인하실 수 있습니다. 사용 중 막히는 부분은 고객센터로 문의하시면 됩니다.
