0
내 WordPress 블로그에서 이미지 크기를 줄이려고합니다. 내가 알고 있듯이 srcset이이를 수행하는 첫 단계입니다. 웹 페이지를 분석 한 결과, WordPress가 srcset을 올바르게 표시하지 않거나 브라우저가 잘못된 이미지를 표시하고 있습니다.Wordpress 'SRCSET'나를 혼란스럽게 만들고, 모바일 용으로 올바르게 사용하는 방법?
SRCSET :
<img class="alignnone size-full wp-image-219923"
src="http://mywebsite.com/wp-content/uploads/2016/10/DSC_8360.jpg" alt="dsc_8360" width="4928" height="3264"
srcset="http://mywebsite.com/wp-content/uploads/2016/10/DSC_8360.jpg 4928w,
http://mywebsite.com/wp-content/uploads/2016/10/DSC_8360-600x397.jpg 600w,
http://mywebsite.com/wp-content/uploads/2016/10/DSC_8360-768x509.jpg 768w,
http://mywebsite.com/wp-content/uploads/2016/10/DSC_8360-1024x678.jpg 1024w,
http://mywebsite.com/wp-content/uploads/2016/10/DSC_8360-150x100.jpg 150w,
http://mywebsite.com/wp-content/uploads/2016/10/DSC_8360-800x530.jpg 800w,
http://mywebsite.com/wp-content/uploads/2016/10/DSC_8360-100x66.jpg 100w,
http://mywebsite.com/wp-content/uploads/2016/10/DSC_8360-200x132.jpg 200w,
http://mywebsite.com/wp-content/uploads/2016/10/DSC_8360-300x199.jpg 300w,
http://mywebsite.com/wp-content/uploads/2016/10/DSC_8360-400x265.jpg 400w,
http://mywebsite.com/wp-content/uploads/2016/10/DSC_8360-500x331.jpg 500w"
sizes="(max-width: 4928px) 100vw, 4928px">
SCREENSHOT 당신이 스크린 샷에서 볼 수 있듯이
, 크롬 URL 600x397에서 currentSrc 이미지 크기를 보여주는 검사합니다. 나는 아이폰 5을 사용자 에이전트로 사용하고 있습니다. 왜 브라우저가 600PX
- 장치의 크기가 320 인 경우? 어떻게
srcset워드 프레스에서 작동합니까? 콘텐츠 이미지 및 기능 이미지에 내srcset - 을 추가 할 수 있나요? 방법?
내 문제를 해결하기 위해 코드가 필요하지 않습니다. 이 문제를 해결하고 이미지 최적화에 대해 자세히 알아 보려면 지침과 제안이 필요합니다.
나는 그것을 얻지 않았다! 미안하지만 나 한테 설명 해줄 수있어? 나는 Chrome에서 화면 크기 320 X 568의 에이전트 IPhone 5와 동일한 것을 시도했습니다. 그러나 결과는 같습니다. –
모바일 화면의 해상도는 컴퓨터 화면과 동일하지 않습니다. 망막 디스플레이에 대해 읽어보십시오. 그러면 어떻게 작동하는지 이해할 수 있습니다. 화면의 픽셀 농도가 같지 않다. –
나는 그것을 얻을 것이라고 생각한다. 망막 디스플레이에 대해 말해 주셔서 감사합니다. 나는 그것에 대해 더 공부할 것이다. 모바일에 저품질 이미지를 표시하고 싶습니다.srcset에 대한 망막 탐지를 비활성화 할 수 있습니까? 그것은 가능한가? –