용량을 줄이다가 글씨까지 흐려지면 안 되니까요 — Snapply v1.1.1

이전에 디스콰이엇에서 이런 개선 의견을 받았습니다.

“목표 용량은 맞췄는데 작은 글자가 흐려졌다면, 원본과 결과를 확대해서 비교할 수 있으면 좋겠어요.”

그래서 원본과 압축 후보를 같은 화면에서 확대 비교하고, 원하는 결과를 선택하는 기능을 추가했습니다.

그런데 만들면서 제 경험 하나가 떠올랐습니다.

네이버쇼핑에서 물건을 사려고 상세페이지를 보다가, 글씨가 너무 흐려서 그 판매자는 그냥 지나쳤던 일이 종종 있었거든요.

사진은 조금 흐려져도 대략적인 모양을 알 수 있지만, 상품 설명의 숫자나 작은 글씨는 획 하나만 뭉개져도 읽기 어려워집니다.

그렇게 상품 상세페이지, 특히 글씨가 흐리면 그 판매자는 신뢰가 잘 가지 않는다고 느꼈습니다.

비교 화면을 만들고 나니, 압축 과정에서 중요한 부분을 보호하는 기능까지 있으면 좋겠다는 생각이 들었습니다.

텍스트 보호 압축과 영역 보호 압축

이번 Snapply Engine v1.1.1에 두 가지 기능을 추가했습니다.

• 텍스트 보호: 한글·영문 글자 영역을 자동으로 찾아 보호합니다.
• 영역 보호: 사용자가 이미지에서 직접 드래그해 보호할 부분을 지정합니다.
• 두 방식을 함께 사용할 수도 있습니다. 자동 검출이 놓친 글자나 로고, 도표의 중요한 부분을 직접 추가하는 식입니다.

보호 모드를 선택하면 별도의 로컬 압축 엔진이 동작합니다. 보호 영역을 따로 관리하고, 그 밖의 영역에 압축을 적용하는 구조입니다. 텍스트 검출과 압축 모두 기기 안에서 처리하며, 출력 형식도 사용자가 선택한 그대로 유지합니다.

WebP·PNG·AVIF에서는 보호 영역의 원본 픽셀을 유지하고, JPEG에서는 보호 블록을 최고 정밀도로 저장합니다. JPEG 자체의 변환 오차는 남을 수 있습니다.

중요한 부분을 보존하는 만큼 파일이 커지거나 목표 용량을 못 맞출 수도 있습니다. 그때는 비교 화면에서 실제 용량과 선명도를 보고 원하는 결과를 선택할 수 있습니다.

의견을 남겨주신 분께 감사드립니다!

상품 상세페이지나 발표 자료처럼 작은 글씨가 중요한 이미지를 압축할 때 써보시고, 검출이 놓치는 부분이나 아쉬운 점이 있다면 알려주세요.

👉 Snapply 보호 압축 사용하기