상세페이지를 만들 때 가장 먼저 결정해야 하는 것은 ‘가로 폭’입니다. 가로 폭이 흔들리면 이미지가 늘어나거나 줄어들면서 글자가 흐려지고, 모바일에서 가독성이 급격히 떨어지기 쉽습니다. 그래서 많은 판매 채널에서 공통적으로 무난하게 맞는 기준으로 860px이 자주 쓰입니다.
상세페이지 가로 사이즈, 왜 860px이 기준이 될까?
상세페이지는 PC와 모바일에서 모두 보이지만, 실제로는 다양한 화면 폭 안에서 자동으로 축소·확대되어 보여집니다. 이때 원본 가로 폭이 너무 작으면 확대 과정에서 픽셀이 깨지고, 너무 크면 업로드 용량이 커져 로딩이 느려질 수 있습니다. 그래서 여러 채널을 동시에 고려할 때는 ‘크게 만들고 필요하면 줄이는’ 방식이 안전합니다.
1. 여러 판매 채널에서 자주 쓰이는 안전 폭
판매 채널마다 권장 폭이 조금씩 다르지만, 800px대 후반을 기준으로 제작하면 대부분의 환경에서 축소로 대응할 수 있습니다. 특히 860px은 대표적인 오픈마켓 계열에서 흔히 언급되는 폭이라, 처음 작업 기준으로 잡기 좋습니다.
2. 작은 이미지를 키우는 순간 품질이 무너진다
이미지는 줄이면 상대적으로 선명함을 유지하지만, 늘리는 순간 계단 현상과 뭉개짐이 생깁니다. 상세페이지는 텍스트가 이미지 안에 들어가는 경우가 많기 때문에, 확대에 취약한 사이즈로 시작하면 모바일에서 글자가 흐릿해져 신뢰감이 떨어질 수 있습니다.
채널 확장까지 고려한 권장 가이드
한 채널만 운영하면 그 채널의 권장 폭만 맞추면 되지만, 실제로는 같은 상세페이지를 여러 채널에 재활용하는 경우가 많습니다. 이럴 때는 ‘기준 폭’을 하나 정하고, 필요하면 그때그때 리사이즈해서 쓰는 방식이 작업 시간을 크게 줄여줍니다.
1. 860px로 제작하고, 채널별로 축소 버전만 만든다
작업 파일의 기준을 860px로 두고, 다른 채널에서 700px대 또는 800px대 폭을 권장하더라도 내려서 맞추는 편이 안정적입니다. 특히 이미지 안에 들어간 글자 크기는 축소해도 상대적으로 자연스럽게 보이는 경우가 많습니다.
2. 세로 길이는 ‘한 장의 최대 길이’만 관리한다
상세페이지 전체 길이를 한 장으로 길게 만들기도 하지만, 업로드 정책상 한 장의 세로 길이에 권장 범위가 있는 경우가 있습니다. 그래서 결과물을 내보낼 때는 적당한 구간으로 잘라 여러 장으로 업로드하는 방식이 관리가 쉽습니다.
실무에서 자주 하는 실수와 체크 포인트
가로 폭을 맞췄다고 끝이 아닙니다. 실제 전환율과 연결되는 부분은 ‘읽히는가’와 ‘막힘 없이 내려가는가’입니다. 아래 항목은 상세페이지 제작 과정에서 자주 놓치는 지점이라, 업로드 전에 한 번 더 체크하는 것이 좋습니다.
1. 글자가 얇고 작게 보이는 문제
PC에서는 괜찮아 보이는데 모바일에서 글자가 너무 작아지는 경우가 많습니다. 특히 연한 색상, 얇은 폰트, 촘촘한 자간은 모바일에서 뭉개져 보일 수 있습니다. 텍스트가 이미지 안에 들어가 있다면, 모바일 기준으로 더 크게 잡는 것이 안전합니다.
2. 용량이 커져서 로딩이 느려지는 문제
- 이미지 장수가 많아질수록 로딩이 느려질 수 있으니, 같은 내용을 반복하는 구간은 줄입니다.
- 한 장당 용량이 커지지 않도록 저장 품질을 조절합니다.
- 불필요한 여백을 줄이면 전체 용량도 함께 줄어드는 경우가 많습니다.
3. 업로드 후 비율이 깨지는 문제
채널에 따라 이미지가 ‘꽉 차게’ 보이도록 자동 리사이즈되는 경우가 있습니다. 그래서 업로드 후에는 반드시 PC와 모바일에서 확인하고, 글자 영역이 찌그러지거나 잘리는 부분이 없는지 점검해야 합니다.
860px 상세페이지 제작, 이렇게 시작하면 편하다
처음부터 완벽한 상세페이지를 만들려고 하면 시간이 오래 걸립니다. 기준 폭을 먼저 고정하고, 필요한 구성 요소를 순서대로 쌓는 방식이 현실적입니다. 특히 제품을 바꿔도 재활용할 수 있는 ‘섹션 템플릿’을 만들어두면, 다음 작업이 훨씬 빠릅니다.
1. 기본 섹션을 고정한다
첫 화면, 핵심 장점, 사용 장면, 구성품 안내, 구매 전 주의사항처럼 반복되는 섹션을 정해두면, 작업할 때마다 구조를 다시 고민하지 않아도 됩니다.
2. 채널별로 달라지는 것은 마지막에만 조정한다
기본 파일은 860px로 유지하고, 업로드 규격이 다를 때만 내보내기 단계에서 폭을 조정합니다. 이렇게 하면 ‘원본 파일’은 하나로 관리하면서, 채널별 납품만 빠르게 대응할 수 있습니다.
결론
상세페이지 가로 폭은 디자인 취향의 문제가 아니라, 글자 가독성과 이미지 품질을 지키기 위한 기준입니다. 여러 채널을 함께 운영한다면 860px을 기본으로 두고 필요할 때 축소하는 방식이 작업 안정성을 높여줍니다.
이 주제를 찾아보는 분들이라면, 업로드 이후에 비율이 깨지거나 글자가 흐려지는 상황을 한 번쯤 겪어보셨을 가능성이 큽니다. 눈에 잘 보이지 않는 문제일수록 뒤에서 수정 시간이 길어지기 때문에, 기준 폭과 내보내기 같은 회사의 규칙을 먼저 정리해두는 편이 낫습니다.
상세페이지를 만들 때 가장 먼저 결정해야 하는 것은 ‘가로 폭’입니다. 가로 폭이 흔들리면 이미지가 늘어나거나 줄어들면서 글자가 흐려지고, 모바일에서 가독성이 급격히 떨어지기 쉽습니다. 그래서 많은 판매 채널에서 공통적으로 무난하게 맞는 기준으로 860px이 자주 쓰입니다.
상세페이지 가로 사이즈, 왜 860px이 기준이 될까?
상세페이지는 PC와 모바일에서 모두 보이지만, 실제로는 다양한 화면 폭 안에서 자동으로 축소·확대되어 보여집니다. 이때 원본 가로 폭이 너무 작으면 확대 과정에서 픽셀이 깨지고, 너무 크면 업로드 용량이 커져 로딩이 느려질 수 있습니다. 그래서 여러 채널을 동시에 고려할 때는 ‘크게 만들고 필요하면 줄이는’ 방식이 안전합니다.
1. 여러 판매 채널에서 자주 쓰이는 안전 폭
판매 채널마다 권장 폭이 조금씩 다르지만, 800px대 후반을 기준으로 제작하면 대부분의 환경에서 축소로 대응할 수 있습니다. 특히 860px은 대표적인 오픈마켓 계열에서 흔히 언급되는 폭이라, 처음 작업 기준으로 잡기 좋습니다.
2. 작은 이미지를 키우는 순간 품질이 무너진다
이미지는 줄이면 상대적으로 선명함을 유지하지만, 늘리는 순간 계단 현상과 뭉개짐이 생깁니다. 상세페이지는 텍스트가 이미지 안에 들어가는 경우가 많기 때문에, 확대에 취약한 사이즈로 시작하면 모바일에서 글자가 흐릿해져 신뢰감이 떨어질 수 있습니다.
채널 확장까지 고려한 권장 가이드
한 채널만 운영하면 그 채널의 권장 폭만 맞추면 되지만, 실제로는 같은 상세페이지를 여러 채널에 재활용하는 경우가 많습니다. 이럴 때는 ‘기준 폭’을 하나 정하고, 필요하면 그때그때 리사이즈해서 쓰는 방식이 작업 시간을 크게 줄여줍니다.
1. 860px로 제작하고, 채널별로 축소 버전만 만든다
작업 파일의 기준을 860px로 두고, 다른 채널에서 700px대 또는 800px대 폭을 권장하더라도 내려서 맞추는 편이 안정적입니다. 특히 이미지 안에 들어간 글자 크기는 축소해도 상대적으로 자연스럽게 보이는 경우가 많습니다.
2. 세로 길이는 ‘한 장의 최대 길이’만 관리한다
상세페이지 전체 길이를 한 장으로 길게 만들기도 하지만, 업로드 정책상 한 장의 세로 길이에 권장 범위가 있는 경우가 있습니다. 그래서 결과물을 내보낼 때는 적당한 구간으로 잘라 여러 장으로 업로드하는 방식이 관리가 쉽습니다.
실무에서 자주 하는 실수와 체크 포인트
가로 폭을 맞췄다고 끝이 아닙니다. 실제 전환율과 연결되는 부분은 ‘읽히는가’와 ‘막힘 없이 내려가는가’입니다. 아래 항목은 상세페이지 제작 과정에서 자주 놓치는 지점이라, 업로드 전에 한 번 더 체크하는 것이 좋습니다.
1. 글자가 얇고 작게 보이는 문제
PC에서는 괜찮아 보이는데 모바일에서 글자가 너무 작아지는 경우가 많습니다. 특히 연한 색상, 얇은 폰트, 촘촘한 자간은 모바일에서 뭉개져 보일 수 있습니다. 텍스트가 이미지 안에 들어가 있다면, 모바일 기준으로 더 크게 잡는 것이 안전합니다.
2. 용량이 커져서 로딩이 느려지는 문제
3. 업로드 후 비율이 깨지는 문제
채널에 따라 이미지가 ‘꽉 차게’ 보이도록 자동 리사이즈되는 경우가 있습니다. 그래서 업로드 후에는 반드시 PC와 모바일에서 확인하고, 글자 영역이 찌그러지거나 잘리는 부분이 없는지 점검해야 합니다.
860px 상세페이지 제작, 이렇게 시작하면 편하다
처음부터 완벽한 상세페이지를 만들려고 하면 시간이 오래 걸립니다. 기준 폭을 먼저 고정하고, 필요한 구성 요소를 순서대로 쌓는 방식이 현실적입니다. 특히 제품을 바꿔도 재활용할 수 있는 ‘섹션 템플릿’을 만들어두면, 다음 작업이 훨씬 빠릅니다.
1. 기본 섹션을 고정한다
첫 화면, 핵심 장점, 사용 장면, 구성품 안내, 구매 전 주의사항처럼 반복되는 섹션을 정해두면, 작업할 때마다 구조를 다시 고민하지 않아도 됩니다.
2. 채널별로 달라지는 것은 마지막에만 조정한다
기본 파일은 860px로 유지하고, 업로드 규격이 다를 때만 내보내기 단계에서 폭을 조정합니다. 이렇게 하면 ‘원본 파일’은 하나로 관리하면서, 채널별 납품만 빠르게 대응할 수 있습니다.
결론
상세페이지 가로 폭은 디자인 취향의 문제가 아니라, 글자 가독성과 이미지 품질을 지키기 위한 기준입니다. 여러 채널을 함께 운영한다면 860px을 기본으로 두고 필요할 때 축소하는 방식이 작업 안정성을 높여줍니다.
이 주제를 찾아보는 분들이라면, 업로드 이후에 비율이 깨지거나 글자가 흐려지는 상황을 한 번쯤 겪어보셨을 가능성이 큽니다. 눈에 잘 보이지 않는 문제일수록 뒤에서 수정 시간이 길어지기 때문에, 기준 폭과 내보내기 같은 회사의 규칙을 먼저 정리해두는 편이 낫습니다.