웹사이트 이미지를 선택하는 방법
적절한 이미지가 웹사이트의 신뢰도를 높이는 이유
글쓰기를 시작하고 페이지의 형태가 잡혀가고 있습니다. 이제 비어 있는 이미지 공간을 보며 그곳에 무엇을 넣어야 할지 고민하고 계실 것입니다.
이미지는 단순히 웹사이트를 예쁘게 보이게 하는 것 이상의 역할을 합니다. 방문자가 귀하가 제공하는 서비스를 이해하고, 비즈니스의 개성을 느끼며, 사이트에 머물지 떠날지를 결정하도록 돕습니다. 잘 선택한 이미지 하나는 긴 문단으로 설명해야 할 내용을 한순간에 전달할 수 있습니다.
전문적인 사진 촬영 기술은 필요하지 않습니다. 그저 이미지를 조금 다른 관점에서 생각하기만 하면 됩니다.
직접 찍은 사진을 써야 할까요, 스톡 이미지를 써야 할까요?
오래된 휴대폰으로 찍은 사진이라도 직접 촬영한 사진이 세련된 스톡 이미지보다 더 효과적인 경우가 많습니다. 방문자들은 실제 모습과 정형화된 이미지의 차이를 금방 알아차립니다.
실제 작업 공간을 찍은 약간 구도가 어긋난 사진은 방문자에게 "이곳이 바로 작업이 이루어지는 곳이구나"라는 메시지를 줍니다. 반면 컴퓨터 앞에 앉아 웃고 있는 모델의 스톡 사진은 귀하에 대해 아무것도 알려주지 못합니다.
귀하의 비즈니스를 특별하게 만드는 것이 무엇인지 생각해 보세요. 사용하는 도구, 작업하는 공간, 직접 만든 제품 등이 해당됩니다. 이러한 세부 사항은 귀하만의 고유한 것이며, 일반적인 이미지로는 구축할 수 없는 신뢰를 쌓아줍니다.
스톡 이미지도 쓰임새가 있습니다. 추상적인 개념을 설명해야 하거나 관련 사진이 전혀 없는 경우, 잘 고른 스톡 이미지는 이미지가 아예 없는 것보다 낫습니다.
웹사이트 콘텐츠를 뒷받침하는 이미지를 선택하는 방법
좋은 웹사이트 이미지는 다음 세 가지 중 하나를 수행합니다.
보여주기: 설명하는 내용을 시각화합니다. 수제 도자기에 대해 설명하는 블록이라면 도자기 사진을 보여주세요. 이미지와 텍스트가 서로를 뒷받침하게 하세요.
환기하기: 감정을 불러일으킵니다. 헤더 이미지는 사이트 전체의 분위기를 설정합니다. 방문자가 느끼길 원하는 경험과 일치하는 이미지를 선택하세요.
초대하기: 방문자가 서비스를 이용하는 자신의 모습을 상상하게 합니다. 게스트하우스를 운영한다면 투숙객의 시선에서 본 객실을 보여주세요. 음악을 가르친다면 연습 중인 학생들의 모습을 보여주세요. 사람들이 귀하와 함께하는 것이 어떤 모습일지 상상할 수 있도록 도와주세요.
웹사이트 이미지 선택 시 자주 하는 실수
이미지 내부의 텍스트는 모든 사용자에게 적합하지 않습니다. 방문자가 복사하거나 검색하거나 번역할 수 없기 때문입니다. 작은 화면에서는 글자가 너무 작아져 읽기 힘든 경우가 많습니다. 중요한 정보는 모든 사용자가 활용할 수 있도록 실제 콘텐츠 텍스트로 작성하세요.
관련 없는 이미지는 도움보다는 혼란을 줍니다. 아름다운 일몰 사진이 눈길을 끌 수는 있지만, 비즈니스와 아무 관련이 없다면 과감히 제외하세요.
흐릿하거나 깨진 사진은 사이트 전체의 신뢰도를 떨어뜨립니다. 화면에서 보기에 선명하지 않은 사진이라면 더 좋은 사진을 찾아보세요.
너무 많은 이미지는 개별 이미지의 임팩트를 약화시킵니다. 별로인 사진 여러 장보다 강렬한 사진 몇 장이 더 효과적입니다.
웹사이트에서 합법적으로 사용할 수 있는 사진을 찾는 곳
온라인상의 대부분 이미지는 저작권의 보호를 받습니다. Google 이미지에서 사진을 저장해 마음대로 사용할 수 없습니다. 사진을 찍은 사람에게 소유권이 있기 때문입니다.
직접 찍은 사진은 일반적으로 자유롭게 사용할 수 있습니다.
다른 이미지가 필요한 경우, SimDif는 누구나 자유롭게 사용할 수 있는 사진 라이브러리인 Unsplash와 직접 연결됩니다. 사이트를 편집하는 동안 저작권 걱정 없이 이러한 이미지를 검색하고 추가할 수 있습니다.
AI 생성 이미지는 어떤가요?
Nano banana와 같은 AI 이미지 도구는 분위기를 설정하거나 추상적인 아이디어를 시각화할 때 가장 유용합니다. 실제 제품이나 작업 공간의 경우 실제 사진으로 시작하는 것이 좋습니다. AI는 조명을 개선하거나, 지저분한 배경을 제거하거나, 제품을 새로운 환경에 배치하는 데 도움을 줄 수 있지만, 실제 사진을 바탕으로 작업할 때 가장 결과가 좋습니다.
때로는 완벽하지 않은 사진이 매끄럽게 다듬어진 사진보다 더 큰 신뢰를 줍니다. 지역 비즈니스를 운영한다면 방문자들은 너무 완벽해 보이는 이미지보다 매장의 솔직한 스냅사진에 더 친근감을 느낄 수 있습니다. 상황에 맞는 적절한 선택을 하시면 됩니다.
이미지 설명에 써야 할 내용(그리고 그것이 중요한 이유)
모든 이미지에는 "대체 텍스트(alt text)"라고도 불리는 설명을 넣을 수 있습니다. 이 설명을 페이지에 캡션으로 표시할지, 아니면 코드에만 남겨둘지 선택할 수 있습니다. 하지만 숨기더라도 이 설명은 여전히 중요합니다.
첫째, 웹사이트를 모든 사람이 이용할 수 있게 만듭니다. 페이지를 소리 내어 읽어주는 소프트웨어를 사용하는 방문자는 이미지를 보는 대신 귀하의 설명을 듣게 됩니다. 설명이 없으면 메시지의 일부를 놓치게 됩니다.
둘째, 검색 엔진이 이미지를 이해하도록 돕습니다. Google의 기술은 비약적으로 발전했지만, 여전히 귀하의 설명을 이미지가 무엇을 의미하고 왜 그곳에 있는지에 대한 공식적인 설명으로 간주합니다.
단순히 눈에 보이는 것뿐만 아니라 그 의도를 설명하세요. 이미지가 가격 옵션 표라면 단순히 "가격표"라고 쓰지 마세요. 대신 "기본부터 프리미엄까지 세 가지 멤버십 등급과 연간 할인 혜택 강조"와 같이 전달하고자 하는 내용을 설명하세요.
작업실 사진의 경우, "맞춤형 벨트 제작을 위해 작업대에 정렬된 가죽 공예 도구들"이라고 쓸 수 있습니다. 이는 방문자가 단순히 무엇을 보는지뿐만 아니라, 그것이 페이지에서 왜 중요한지 이해하도록 돕는 것입니다.
설명은 짧고 자연스럽게 작성하세요. 명확한 한 문장이면 충분합니다.
한 번에 이미지 하나씩
오늘 당장 모든 이미지 공간을 채울 필요는 없습니다. 각 페이지를 작업하면서 스스로에게 물어보세요. '방문자가 이 내용을 더 잘 이해하도록 돕는 것은 무엇일까?'
메시지를 뒷받침하는 이미지를 하나 추가해 보세요. 어떤 느낌인지 확인해 보세요. 나머지는 자연스럽게 따라올 것입니다.
