Optimize images before uploading?에서 이어지는 토론입니다:
업로드 과정 전에 클라이언트 측에서 이미지를 압축/크기 조정/최적화하는 기능을 선택적으로 사용할 수 있도록 하는 RFC입니다. 이 기능은 테마 컴포넌트를 사용하여 실험적으로 적용될 예정입니다. 유용함이 입증되면 2.8 버전에서 코어에 이 기능을 추가하는 것을 고려하겠습니다.
사용자는 업로드 모달의 간단한 체크박스를 통해 클라이언트 측 최적화를 제어할 수 있습니다.
처음에는 사용자가 스마트폰에서 가장 많이 업로드하는 JPEG 파일 최적화를 실험할 것입니다.
우리의 컴포넌트는 업로드된 이미지가 설정된 최대 크기보다 크면 크기를 조정하고 MozJPEG를 사용하여 다시 인코딩합니다.
제 테스트에 따르면, 중급 안드로이드 스마트폰에서 이 과정은 10초 미만으로 소요되며, 일반적인 사진은 원래 크기의 30% 미만으로 압축됩니다.
원본
최적화됨
크기 50%로 조정 + 최적화
이것이 최종 사용자 옵션으로 설정되어야 하는지 확실하지 않습니다. 특히 사용자가 단순히 복사해서 붙여넣는 경우가 많을 수 있기 때문입니다. 대신 사이트 운영자용 설정이라고 생각합니다.
업로드 전 이미지 최적화 정도: “noting|a bit|a lot” …
이름/값 및 기본값은 미정입니다.
결과가 꽤 훌륭해 보입니다! 또한, 특정 경우에 100% 자동 처리하도록 하는 것은 어떨까요? 포럼의 이미지 “최대” 크기를 2000KB로 설정하면, 해당 크기를 준수하도록 하는 휴리스틱이 작동합니다.
여러 이미지를 업로드할 때 사용자에게 무언가 진행 중임을 알리기 위해 진행 상황 표시기가 매우 유용할 것입니다.
네, 부탁드립니다. 사용자에게 맡기면 간헐적으로만 사용될 것이며, 기술에 익숙하지 않은 사용자는 그 목적을 이해하지 못할 것입니다.
75개의 빠른 압축 기능을 갖춘, 제가 좋아하는 도구: https://squoosh.app/
사이트의 차원/크기 설정을 초과하는 항목이 자동으로 압축되도록 활성화할 수 있는 관리자 옵션이 있으면 유용할 것입니다. 이미지 비중이 높은 사이트에서는 이 기능을 항상 켜 두는 것이 바람직하지 않을 수 있지만, 리사이즈에 익숙하지 않은 사용자가 걱정할 필요가 없는 사용 사례를 커버하기 위해 사용하는 것이 좋습니다.
이 기능은 거의 준비가 되었으며, 곧 테스트할 수 있을 것입니다:
Testing composer image optimization 을 확인해 주세요.
