안녕하세요. 기업홈페이지제작 전문 바이파인더입니다 😊
리뉴얼 고객 문의를 받다보면 간혹 보이는 통이미지로 제작된 홈페이지를 보게 되는데요.
새로 제작을 원하시는 이유를 여쭤보면, 디자인적인 문제보다는 관리의 불편함/과도한 수정 비용 발생 등의 문제로 리뉴얼을 원하신다고 합니다.
홈페이지를 제작할 때 깊게 고민해야 되는 일이 바로 사이트 전체를 하나의 통이미지로 붙여넣기 하는 일이라고 할 수 있습니다.
통이미지를 사용한 홈페이지가 양산되는 이유는 제작에 드는 시간이 훨씬 줄어들기 때문인데요.
홈페이지 제작 비용은 "시간이 얼마나 소요되느냐?"에 달려있습니다.
만약 통이미지를 사용한다면 그에 맞게 저렴한 비용을 제공하는 것이 당연하죠.
하지만 오히려 디자인적으로는 더 이쁘게 제작될 수 있기에 뒤에 숨겨진 많은 단점을 모른채 고객은 눈 뜨고 당할 수 밖에 없습니다.
1. 페이지 로딩 속도 저하
통이미지를 사용하면 전체 이미지 파일의 크기가 커지기 마련입니다. 이는 페이지의 로딩 속도를 늦추며 인터넷 속도가 느린 사용자에게는 큰 불편을 초래할 수 밖에 없죠. 로딩 속도가 느려진다면 사용자는 페이지를 떠날 가능성이 높아지며 이는 전환율 감소로 이어질 수 있습니다.
2. SEO(검색 엔진 최적화) 문제
모든 포털사이트의 검색 엔진은 웹페이지의 내용을 이해하기 위해 텍스트 정보를 필요로 합니다. 하지만 통이미지는 모든 텍스트가 이미지로 되어 있기 때문에 검색 엔진이 페이지의 내용을 파악할 수 없으며 이로 인해 SEO 측면에 불리할 수 밖에 없습니다.
텍스트 콘텐츠가 부족하면 검색 결과에서 낮은 순위를 기록하게 되고 이는 웹사이트 검색 결과 순위가 낮아져 방문자가 오지 않는 결과를 가져올 수 있는데요. 검색엔진은 통이미지로 이쁘게 만든 홈페이지보다, 이쁘지 않더라도 텍스트로 친절하게 설명한 홈페이지를 더 높게 평가합니다. 홈페이지가 아무리 이쁘더라도 고객을 유입시키지 못한다면 무슨 의미가 있을까요?
3. 유연성 부족
웹사이트를 보고 있는 기기에 맞게 자동으로 최적화 된 디자인을 보여주는 웹 기술을 반응형 작업이라고 합니다. 하지만 통이미지는 기기의 크기나 해상도에 맞게 자동으로 조정할 수가 없는데요. 즉 반응형 작업이 불가능하다는 말입니다.
이미지가 화면 크기에 따라 잘리지 않도록 조정하는 작업 자체가 복잡하며 해상도가 낮은 디스플레이에서는 이미지가 흐릿하게 보일 수 있고 고해상도 디스플레이에서는 이미지가 깨져 보일 수 있습니다. 이는 사용자에게 부정적인 영향을 미칠 수 있습니다.
4. 편집 및 관리의 어려움
통이미지의 콘텐츠를 업데이트하거나 수정하려면 전체 이미지를 다시 작업해야 합니다. 이는 시간과 노력을 훨씬 더 많이 소모하며 웹 페이지를 자주 업데이트해야 하는 홈페이지의 경우, 불편함은 배가 되며 상당한 비효율을 제공하죠.
만약 이미지 원본을 고객에게 제공한다면 고객은 직접 이미지를 수정할 줄 알아야하며 제공하지 않는다면 제작 업체에 의뢰를 해야 합니다. 제작 업체도 번거롭기는 마찬가지인데요. 번거로운 작업은 곧 비용으로 이어지고 그 몫은 고객이 부담하게 됩니다.
이 외에도 텍스트 복사가 불가능하여 링크와 같은 경우 사용자가 일일이 이미지를 보고 타이핑을 해야 하는 문제, 낱개 단위의 애니메이션 구현 불가의 문제 등 많은 단점이 존재합니다. 통이미지를 사용해야 하는 경우도 있긴 합니다. 조직도와 같이 구조를 도식화 해야 하는 경우 등 코딩으로 작업하기 복잡한 경우에는 차라리 통이미지 사용이 훨씬 효율적입니다.
홈페이지를 제작할 때는 통이미지를 최소화하고 텍스트 기반 콘텐츠를 적절히 결합하여 보다 나은 사용자 경험을 제공하는 것이 중요합니다.
이렇게 통이미지로 된 페이지는 절대 값싼 선택이 아닙니다.
📢 저희 바이파인더는 시간이 다소 소요되더라도 텍스트와 이미지를 분리하여 제작 이후에도 효율적인 홈페이지 운영이 가능토록 제작하고 있습니다.
글자(text)로 쓸 내용을 이미지(image)로 만들지 말아 주세요.
사이트 내에 좋은 정보들은 이미지로 제작하지 말고 가급적 글자(text)를 사용하여 표현하는 것이 좋습니다. 실제 페이지를 실제로 보는 이용자는 이미지로 제작된 내용을 읽는 데 아무런 문제가 없지만, 검색로봇은 해당 글자를 인식할 수 없기 때문입니다. 물론 OCR(이미지 내의 텍스트 추출) 기술 등 문자들을 추출하는 기술이 있긴 합니다만 비용적/기술적 한계가 있어서 적용하고 있지 않습니다.
제공 : 네이버 콘텐츠 가이드라인
안녕하세요. 기업홈페이지제작 전문 바이파인더입니다 😊
리뉴얼 고객 문의를 받다보면 간혹 보이는 통이미지로 제작된 홈페이지를 보게 되는데요.
새로 제작을 원하시는 이유를 여쭤보면, 디자인적인 문제보다는 관리의 불편함/과도한 수정 비용 발생 등의 문제로 리뉴얼을 원하신다고 합니다.
홈페이지를 제작할 때 깊게 고민해야 되는 일이 바로 사이트 전체를 하나의 통이미지로 붙여넣기 하는 일이라고 할 수 있습니다.
통이미지를 사용한 홈페이지가 양산되는 이유는 제작에 드는 시간이 훨씬 줄어들기 때문인데요.
홈페이지 제작 비용은 "시간이 얼마나 소요되느냐?"에 달려있습니다.
만약 통이미지를 사용한다면 그에 맞게 저렴한 비용을 제공하는 것이 당연하죠.
하지만 오히려 디자인적으로는 더 이쁘게 제작될 수 있기에 뒤에 숨겨진 많은 단점을 모른채 고객은 눈 뜨고 당할 수 밖에 없습니다.
1. 페이지 로딩 속도 저하
통이미지를 사용하면 전체 이미지 파일의 크기가 커지기 마련입니다. 이는 페이지의 로딩 속도를 늦추며 인터넷 속도가 느린 사용자에게는 큰 불편을 초래할 수 밖에 없죠. 로딩 속도가 느려진다면 사용자는 페이지를 떠날 가능성이 높아지며 이는 전환율 감소로 이어질 수 있습니다.
2. SEO(검색 엔진 최적화) 문제
모든 포털사이트의 검색 엔진은 웹페이지의 내용을 이해하기 위해 텍스트 정보를 필요로 합니다. 하지만 통이미지는 모든 텍스트가 이미지로 되어 있기 때문에 검색 엔진이 페이지의 내용을 파악할 수 없으며 이로 인해 SEO 측면에 불리할 수 밖에 없습니다.
텍스트 콘텐츠가 부족하면 검색 결과에서 낮은 순위를 기록하게 되고 이는 웹사이트 검색 결과 순위가 낮아져 방문자가 오지 않는 결과를 가져올 수 있는데요. 검색엔진은 통이미지로 이쁘게 만든 홈페이지보다, 이쁘지 않더라도 텍스트로 친절하게 설명한 홈페이지를 더 높게 평가합니다. 홈페이지가 아무리 이쁘더라도 고객을 유입시키지 못한다면 무슨 의미가 있을까요?
3. 유연성 부족
웹사이트를 보고 있는 기기에 맞게 자동으로 최적화 된 디자인을 보여주는 웹 기술을 반응형 작업이라고 합니다. 하지만 통이미지는 기기의 크기나 해상도에 맞게 자동으로 조정할 수가 없는데요. 즉 반응형 작업이 불가능하다는 말입니다.
이미지가 화면 크기에 따라 잘리지 않도록 조정하는 작업 자체가 복잡하며 해상도가 낮은 디스플레이에서는 이미지가 흐릿하게 보일 수 있고 고해상도 디스플레이에서는 이미지가 깨져 보일 수 있습니다. 이는 사용자에게 부정적인 영향을 미칠 수 있습니다.
4. 편집 및 관리의 어려움
통이미지의 콘텐츠를 업데이트하거나 수정하려면 전체 이미지를 다시 작업해야 합니다. 이는 시간과 노력을 훨씬 더 많이 소모하며 웹 페이지를 자주 업데이트해야 하는 홈페이지의 경우, 불편함은 배가 되며 상당한 비효율을 제공하죠.
만약 이미지 원본을 고객에게 제공한다면 고객은 직접 이미지를 수정할 줄 알아야하며 제공하지 않는다면 제작 업체에 의뢰를 해야 합니다. 제작 업체도 번거롭기는 마찬가지인데요. 번거로운 작업은 곧 비용으로 이어지고 그 몫은 고객이 부담하게 됩니다.
이 외에도 텍스트 복사가 불가능하여 링크와 같은 경우 사용자가 일일이 이미지를 보고 타이핑을 해야 하는 문제, 낱개 단위의 애니메이션 구현 불가의 문제 등 많은 단점이 존재합니다. 통이미지를 사용해야 하는 경우도 있긴 합니다. 조직도와 같이 구조를 도식화 해야 하는 경우 등 코딩으로 작업하기 복잡한 경우에는 차라리 통이미지 사용이 훨씬 효율적입니다.
홈페이지를 제작할 때는 통이미지를 최소화하고 텍스트 기반 콘텐츠를 적절히 결합하여 보다 나은 사용자 경험을 제공하는 것이 중요합니다.
이렇게 통이미지로 된 페이지는 절대 값싼 선택이 아닙니다.
📢 저희 바이파인더는 시간이 다소 소요되더라도 텍스트와 이미지를 분리하여 제작 이후에도 효율적인 홈페이지 운영이 가능토록 제작하고 있습니다.