이미지 용량을 줄일 때 해상도와 압축 품질을 동시에 크게 바꾸면 무엇 때문에 흐려졌는지 알기 어렵습니다. 원본을 보관하고 표시 크기, 형식, 압축 수준을 하나씩 조정하면서 비교해 보세요.
필요한 크기를 먼저 정합니다
썸네일에 쓸 사진과 확대해서 볼 자료는 요구가 다릅니다. 사진 안의 글자를 읽어야 한다면 전체 인상만 보고 크기를 줄여서는 안 됩니다. 실제로 쓰일 화면에서 가장 작은 글자와 중요한 세부가 보이는지 확인합니다.
같은 원본에서 후보를 만듭니다
이미 줄인 파일을 계속 다시 줄이기보다 원본에서 두세 후보를 만듭니다. 이름에 크기나 품질 설정을 표시하면 비교하기 쉽습니다. 손실 압축과 무손실 압축의 차이는 MDN 이미지 형식 설명을 참고할 수 있습니다.
비교 조건을 고정합니다
- 같은 표시 크기에서 후보를 나란히 봅니다.
- 글자와 경계선, 질감이 많은 부분을 확인합니다.
- 파일 크기와 호환성을 비교합니다.
- 선택한 파일을 실제 게시 위치에 올려 다시 봅니다.
작업 앱의 미리보기와 게시 후 표시 방식이 다를 수 있습니다. 사이트가 추가 압축이나 자르기를 한다면 최종 결과에서 판단해야 합니다.
목표를 숫자 하나로 고정하지 않습니다
모든 이미지를 같은 용량 이하로 맞추면 복잡한 그림에서 설명에 필요한 정보가 손상될 수 있습니다. 필요한 품질과 전달 환경을 함께 고려합니다. 저장 공간을 줄였다는 사실보다 독자가 필요한 내용을 읽을 수 있는지가 우선입니다.