정말 간단한 수정일 것 같은데, 어떤 설정을 바꿔야 할지 도무지 모르겠네요.
BBC 뉴스나 CBC 뉴스 같은 제3자 웹사이트의 링크를 게시하면 이미지가 제대로 비례 조절되지 않습니다.
미리보기에서는 잘 보이는데
게시하면 이미지가 너무 크게 표시됩니다.
이 예시의 링크는 다음과 같습니다.
아주 사소한 질문인 걸 알지만, 혹시 방향을 잡아줄 수 있는 분이 있을까요?
인용할 때를 말씀하시는 건가요? 아니라면, 이미지를 크게 만드는 데 어떤 작업을 했는지 가능한 한 자세히 설명해 주시겠습니까? 이렇게 하면 질문에 대한 답변을 드리는 데 도움이 됩니다.
불행히도 보고하신 문제를 완전히 재현하지 못했습니다. 원박스(Onebox)에서 이미지 크기를 잘못 식별하는 부분이 있지만, 해당 상태로 진입하기 위한 조건을 어떻게 만들어야 하는지 파악하지 못했습니다.
‘크롤 이미지(crawl images)’ 사이트 설정 값은 어떻게 되어 있나요? 이 설정을 켜 두는 것은 해가 되지 않지만, 현재 상황에서는 문제가 플로우에서 약간 더 앞선 단계에서 발생한다고 생각합니다.
@osioke 님이 말씀하신 내용을 다시 말씀드리면, 문제를 재현해 보시고 그 단계를 알려주시면 정말 도움이 될 것입니다. 특히:
- 이 문제가 모든 게시물에서 발생하나요, 아니면 일부 게시물에서만 발생하나요?
- 게시물이 처음 생성될 때 발생하나요, 아니면 기존 게시물을 수정한 후에만 발생하나요?
- 수정인 경우, 일반 사용자가 수정을 수행하나요, 아니면 관리자가 수행하나요?
- 게시물을 생성/수정할 때 어떤 기기/브라우저를 사용하고 계신가요?
자세한 설명이 부족해서 죄송합니다.
전체 게시물의 대부분에서는 이런 문제가 발생하지 않습니다(95% 이상). 제 커뮤니티의 일부 사용자가 작성한 몇몇 스레드에서 간헐적으로 게시물이 잘못 표시되는 것을 발견했을 뿐입니다. 해당 게시물을 수정하려고 들어갔을 때 미리보기 모드에서는 정상으로 보였지만, 게시 후에는 잘못 표시되었습니다. 다만, 링크 텍스트 전체를 잘라서 다시 붙여넣으면 정상적으로 표시됩니다.
그러나 원본(raw) 모드에서 수정 전후의 차이는 보이지 않습니다:
저의 “이미지 크롤링(crawl images)” 설정은 켜져 있습니다.
“썸네일 생성(create thumbnails)” 설정도 켜져 있습니다.
Discourse의 대부분의 설정은 기본값으로 되어 있습니다. “파일(Files)” 항목에서 몇 가지 예외가 있습니다:
"최대 이미지 크기(kb)"는 1000KB로 설정되어 있습니다.
"최대 이미지 메가픽셀"은 5로 설정되어 있습니다.
"원격 이미지를 로컬로 다운로드"는 꺼져 있습니다.
"모든 출처 임베드(embed any origin)"는 켜져 있습니다.
이 문제는 사용하는 테마와 무관해 보입니다. 제 3자의 링크를 동일하게 사용하면 저에게는 문제가 발생하지 않습니다. 커뮤니티 멤버들(게시물을 작성하고 이상한 리사이징 문제를 경험한 사람들)에게 어떤 기기를 사용했는지 물어볼 예정입니다. 이를 통해 문제를 재현해 보려 합니다.
음, 문제를 어느 정도 좁혀놓은 것 같습니다.
Firefox의 줌이 120%로 설정되어 있을 때 발생하는 문제인 것 같습니다.
문제를 경험하는 한 사용자와 함께 여러 번 시도해 보았습니다. 다른 브라우저, 기기 등을 사용해 보았죠. 요약하자면, Firefox Nightly(91.0a1 (2021-05-31) (64-bit))에서 줌을 120%로 설정하면 링크가 리사이즈되지 않는 문제가 발생합니다.
줌을 110%나 100%로 다시 조정하면 게시물이 완벽하게 리사이즈됩니다.
이상하긴 하지만, 관련 스레드는 여기 있습니다:
아하. 당신의 탐지를 바탕으로 문제를 재현할 수 있었습니다.
컴포저의 미리보기 패널에서 썸네일 중 하나라도 64px x 64px 미만이면 이 문제가 발생합니다. 데스크톱 브라우저를 매우 좁게 조정하거나(당신이 발견한 것처럼) 확대 배율을 높이면 이 상황을 만들 수 있습니다.
수정까지 멀지 않았습니다!
해당 수정 사항이 병합되었습니다. 사이트를 업데이트하시면 정상적으로 사용하실 수 있습니다!