온라인으로 이미지 100KB로 줄이기

100KB가 합리적인 웹 목표치인 이유

이미지당 100KB는 페이지가 그림 때문에 느려지지 않게 되는 대략의 지점입니다. 페이지가 빠르게 느껴지는지를 결정하는 코어 웹 바이탈 지표인 Largest Contentful Paint는 보통 첫 화면에서 가장 큰 이미지가 좌우하며, 그 이미지를 수백 킬로바이트 아래로 내리는 것이 대부분의 사이트가 쓸 수 있는 가장 값싼 개선입니다. 본문 이미지는 모아 놓으면 더 중요합니다. 장당 2MB인 사진 열다섯 장이 실린 긴 글은 30메가바이트짜리 페이지이고 어떤 모바일 회선도 곱게 그려 주지 않지만, 장당 100KB라면 독자가 흥미를 잃기 전에 로드되는 페이지가 됩니다. 이 숫자에 걸린 확실한 제한도 많습니다. 상당수의 커뮤니티, 위키, 채용 게시판, 티켓 시스템, 이메일 마케팅 플랫폼이 첨부나 본문 이미지를 100KB로 제한하고, 오래된 인트라넷 애플리케이션도 흔히 그렇습니다. 이메일은 그 자체로 별개의 사례입니다. 많은 기업 게이트웨이가 여전히 몇 메가바이트를 넘는 메일을 거부하는데, 원본 그대로였다면 통과하지 못했을 뉴스레터도 이미지가 장당 100KB라면 여유 있게 들어갑니다. 이 숫자가 계속 등장하는 또 다른 이유는, 일반적인 기사 폭으로 표시되는 사진에서 수확 체감이 시작되는 지점이 대략 여기이기 때문입니다. 100KB 아래로 내려가면 선명도를 바이트와 눈에 띄게 맞바꾸기 시작하고, 그 위로는 여분의 데이터 대부분이 표시 크기에서는 드러나지도 않는 디테일에 들어갑니다. 품질 퍼센트 대신 고정된 목표치를 고르면 검증 가능한 답을 얻습니다. 눈으로 판단하고 충분했기를 바라는 설정 대신, 파일이 94KB이며 해상도가 유지되었는지 여부를 페이지가 알려 줍니다.