웹 개발 경험에 따라 모든 웹 사이트의 HTML 페이지 디자인에 서로 다른 크기의 동일한 이미지를 표시하는 < img> 태그가있을 수 있습니다. 즉, 웹 사이트의 기본 페이지에 이미지가 500 * 500으로 표시 될 수 있으며, 목록 페이지에는 200 * 150으로 표시되고 웹 사이트의 다른 섹션에는 다른 크기가 사용됩니다. 보시다시피 사용자에게 표시 할 이미지의 비율이 다르므로 이미지가 늘어나거나 픽셀 화되거나 다른 품질 문제가 발생하는 데 문제가 발생할 수 있습니다.권장/표준 이미지 축소판 크기
현재이 문제를 처리하는 방법은 jQuery 자르기 도구를 사용하여 사용자가 축소판 그림을자를 영역을 선택하도록하는 것입니다. 잘라낸 이미지는 imagick을 사용하여 페이지 디자인의 모든 위치에 맞게 크기가 조정됩니다. 그러나 사용자가 사전 정의 된 비율을 기반으로 이미지를 자르도록 강요 할 수는 있지만 HTML에는 미리보기 이미지에 다른 비율을 요구하는 이미지 자리 표시자가 포함됩니다. 따라서 모든 이미지에서 사용자가 내 사이트에 필요한 모든 비율을 기반으로 업로드 된 이미지를 자르도록 강요해야합니다.
나는 이것이 친근한 해결책이라고 생각하지 않습니다. 어떻게 할 것입니까? 웹에 대한 표준/권장 비율이 있습니까?
감사
가능하지만,이 솔루션의 문제는 의존한다. 당신은 확실히 당신의 얼굴 전체가 나타나길 바랄 것입니다. 적절한 얼굴 인식이 없으면 (0,0)에서 (너비/2), (높이/2)에서 자르면 얼굴 반이 나타납니다. 따라서 우리의 제품 컨텐츠 편집자는 업로드 된 이미지에 어떤 일이 일어나는지 반대 할 것입니다. – Maverick
나는 원래의 이미지를 가능한 많이 유지하는 중앙 집중식 작물이 실제로 잘 작동한다는 것을 발견했습니다. 이 방법으로 이미지를 자르기 만하면 이미지의 가운데가 그대로 유지됩니다 (아마도 사진의 가장 중요한 부분이됩니다). –