Windows 버전 Firefox에서 동일한 src 이미지가 거칠다
같은 이미지를 같은 페이지 내에서 리사이즈해 사용해 주고 있을 때의 이야기.
<img src="http://dummyimage.com/400x150/000/fff/?text=NEW%E6%96%B0%E3%81%97%E3%81%84"/>
<img src="http://dummyimage.com/400x150/000/fff/?text=NEW%E6%96%B0%E3%81%97%E3%81%84" width="200"/>
<img src="http://dummyimage.com/400x150/000/fff/?text=NEW%E6%96%B0%E3%81%97%E3%81%84" width="100"/>
<img src="http://dummyimage.com/400x150/000/fff/?text=NEW%E6%96%B0%E3%81%97%E3%81%84" width="50"/>
fiddle
이 때 축소율이 50%를 자르기 시작하면, 작은 쪽의 화상의 안티앨리어싱이 끊어진 것 같은 느낌이 된다. (니어레스트 네이버법으로 축소되고 있는 것 같다)
뭐야 이 진백경.
대처법
@ 요모츠 씨에 의해 대처법이 발각된다.
<img src="http://dummyimage.com/400x150/000/fff/?text=NEW%E6%96%B0%E3%81%97%E3%81%84"/>
<img src="http://dummyimage.com/400x150/000/fff/?text=NEW%E6%96%B0%E3%81%97%E3%81%84&bugfix1" width="200"/>
<img src="http://dummyimage.com/400x150/000/fff/?text=NEW%E6%96%B0%E3%81%97%E3%81%84&bugfix2" width="100"/>
<img src="http://dummyimage.com/400x150/000/fff/?text=NEW%E6%96%B0%E3%81%97%E3%81%84&bugfix3" width="50"/>
fiddle
각 이미지에 캐시 버스터를 부여하면 거칠지 않습니다.
하지만 왜 이렇게 되는지는 불분명합니다.
참고
Reference
이 문제에 관하여(Windows 버전 Firefox에서 동일한 src 이미지가 거칠다), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/GeckoTang/items/76d2b29c8e81725db005텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
좋은 웹페이지 즐겨찾기
