# 较长帖子中的图片已模糊处理

**URL:** <https://meta.discourse.org/t/images-in-longer-posting-are-blurred/113735>\
**Category:** Support\
**Created:** [2019年四月8日 09:59 UTC](https://meta.discourse.org/t/images-in-longer-posting-are-blurred/113735 "2019-04-08T09:59:20Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![uwe\_keim](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/uwe_keim/32/326762_2.png) [@uwe\_keim](https://meta.discourse.org/u/uwe_keim)\
**Post date:** [2019年四月8日 09:59 UTC](https://meta.discourse.org/t/images-in-longer-posting-are-blurred/113735/1 "2019-04-08T09:59:20Z")

</div>

I’m having this posting:

[https://community.elemob.de/t/mein-tesla-model-3-soll-ende-maerz-2019-kommen/206/13?u=uwekeim](https://community.elemob.de/t/mein-tesla-model-3-soll-ende-maerz-2019-kommen/206/13?u=uwekeim)

Whenever I load/reaload the posting for the very first time, some/all images look blurry:

 ![image](https://global.discourse-cdn.com/meta/original/3X/9/5/95ad5075f02cf8f13b0e606dc8db3c0a70755d82.jpeg)

When _then_ hitting F5 to reload the page, it is getting better and shows all or at least nearly all of the images:

 ![image](https://global.discourse-cdn.com/meta/original/3X/3/0/305988c2b6ddda2d37ffcd391cff10850ea192e1.jpeg)

Sometimes, a second F5 is needed to really load all of the images.

When inspecting the blurry images, I discovered that they are not the acutal JPEGs, but some 10×10 pixel PNGs.

**My environment**

- Windows 10 64 bit German
- Google Chrome Version 75.0.3753.4 (Offizieller Build) dev (64-Bit)

**My question**

Are there some settings I could adjust to always have the images loaded initially?

---

<div class="post-metadata">

**Author:** ![Chaboi\_3000](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chaboi_3000/32/163015_2.png) [@Chaboi\_3000](https://meta.discourse.org/u/Chaboi_3000)\
**Post date:** [2019年四月8日 10:15 UTC](https://meta.discourse.org/t/images-in-longer-posting-are-blurred/113735/2 "2019-04-08T10:15:12Z")

</div>

I can’t seem to repro this. The images all load on Safari, Chrome, and Firefox.

---

<div class="post-metadata">

**Author:** ![uwe\_keim](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/uwe_keim/32/326762_2.png) [@uwe\_keim](https://meta.discourse.org/u/uwe_keim)\
**Post date:** [2019年四月8日 10:59 UTC](https://meta.discourse.org/t/images-in-longer-posting-are-blurred/113735/3 "2019-04-08T10:59:47Z")

</div>

Thanks. I can reproduce it, when selecting the third option in Google Chrome’s reload button:

> “Clear cache and fully reload”

(Translated from German).

The first few images are visible, the later images are blurry, again.

When looking in Chrome’s Developer Console, I do see no errors and some warnings:

```
[Violation] Added non-passive event listener to a scroll-blocking 'touchstart' event. Consider marking event handler as 'passive' to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952
add @ _ember_jquery-5dbd79abddf53926275c73f77dbe61e7351258de8d2e886bf2ce86f144368848.js:5053
(anonymous) @ _ember_jquery-5dbd79abddf53926275c73f77dbe61e7351258de8d2e886bf2ce86f144368848.js:4953
each @ _ember_jquery-5dbd79abddf53926275c73f77dbe61e7351258de8d2e886bf2ce86f144368848.js:368
each @ _ember_jquery-5dbd79abddf53926275c73f77dbe61e7351258de8d2e886bf2ce86f144368848.js:203
A @ _ember_jquery-5dbd79abddf53926275c73f77dbe61e7351258de8d2e886bf2ce86f144368848.js:4952
on @ _ember_jquery-5dbd79abddf53926275c73f77dbe61e7351258de8d2e886bf2ce86f144368848.js:5561
setupHandler @ _ember_jquery-5dbd79abddf53926275c73f77dbe61e7351258de8d2e886bf2ce86f144368848.js:38309
setup @ _ember_jquery-5dbd79abddf53926275c73f77dbe61e7351258de8d2e886bf2ce86f144368848.js:38174
setupEventDispatcher @ _ember_jquery-5dbd79abddf53926275c73f77dbe61e7351258de8d2e886bf2ce86f144368848.js:39664
_bootSync @ _ember_jquery-5dbd79abddf53926275c73f77dbe61e7351258de8d2e886bf2ce86f144368848.js:39584
didBecomeReady @ _ember_jquery-5dbd79abddf53926275c73f77dbe61e7351258de8d2e886bf2ce86f144368848.js:40649
e.invoke @ _ember_jquery-5dbd79abddf53926275c73f77dbe61e7351258de8d2e886bf2ce86f144368848.js:56670
e.flush @ _ember_jquery-5dbd79abddf53926275c73f77dbe61e7351258de8d2e886bf2ce86f144368848.js:56582
e.flush @ _ember_jquery-5dbd79abddf53926275c73f77dbe61e7351258de8d2e886bf2ce86f144368848.js:56753
e._end @ _ember_jquery-5dbd79abddf53926275c73f77dbe61e7351258de8d2e886bf2ce86f144368848.js:57249
e.end @ _ember_jquery-5dbd79abddf53926275c73f77dbe61e7351258de8d2e886bf2ce86f144368848.js:56969
e._run @ _ember_jquery-5dbd79abddf53926275c73f77dbe61e7351258de8d2e886bf2ce86f144368848.js:57294
e._join @ _ember_jquery-5dbd79abddf53926275c73f77dbe61e7351258de8d2e886bf2ce86f144368848.js:57270
e.join @ _ember_jquery-5dbd79abddf53926275c73f77dbe61e7351258de8d2e886bf2ce86f144368848.js:57023
c @ _ember_jquery-5dbd79abddf53926275c73f77dbe61e7351258de8d2e886bf2ce86f144368848.js:45520
(anonymous) @ _ember_jquery-5dbd79abddf53926275c73f77dbe61e7351258de8d2e886bf2ce86f144368848.js:45621
p @ _ember_jquery-5dbd79abddf53926275c73f77dbe61e7351258de8d2e886bf2ce86f144368848.js:3548
h @ _ember_jquery-5dbd79abddf53926275c73f77dbe61e7351258de8d2e886bf2ce86f144368848.js:3616
_ember_jquery-5dbd79abddf53926275c73f77dbe61e7351258de8d2e886bf2ce86f144368848.js:5053 [Violation] Added non-passive event listener to a scroll-blocking 'touchstart' event. Consider marking event handler as 'passive' to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952
add @ _ember_jquery-5dbd79abddf53926275c73f77dbe61e7351258de8d2e886bf2ce86f144368848.js:5053
(anonymous) @ _ember_jquery-5dbd79abddf53926275c73f77dbe61e7351258de8d2e886bf2ce86f144368848.js:4953
each @ _ember_jquery-5dbd79abddf53926275c73f77dbe61e7351258de8d2e886bf2ce86f144368848.js:368
each @ _ember_jquery-5dbd79abddf53926275c73f77dbe61e7351258de8d2e886bf2ce86f144368848.js:203
A @ _ember_jquery-5dbd79abddf53926275c73f77dbe61e7351258de8d2e886bf2ce86f144368848.js:4952
on @ _ember_jquery-5dbd79abddf53926275c73f77dbe61e7351258de8d2e886bf2ce86f144368848.js:5561
setupComposerResizeEvents @ _application-02da28b6813b1b32a18ca63f17b17a6324621575b9a375552668c1d2444c9dc4.js:42426
didInsertElement @ _application-02da28b6813b1b32a18ca63f17b17a6324621575b9a375552668c1d2444c9dc4.js:42438
n @ _ember_jquery-5dbd79abddf53926275c73f77dbe61e7351258de8d2e886bf2ce86f144368848.js:36445
trigger @ _ember_jquery-5dbd79abddf53926275c73f77dbe61e7351258de8d2e886bf2ce86f144368848.js:38862
n @ _ember_jquery-5dbd79abddf53926275c73f77dbe61e7351258de8d2e886bf2ce86f144368848.js:36445
r.didCreate @ _ember_jquery-5dbd79abddf53926275c73f77dbe61e7351258de8d2e886bf2ce86f144368848.js:16345
e.commit @ _ember_jquery-5dbd79abddf53926275c73f77dbe61e7351258de8d2e886bf2ce86f144368848.js:53274
e.commit @ _ember_jquery-5dbd79abddf53926275c73f77dbe61e7351258de8d2e886bf2ce86f144368848.js:53360
t.commit @ _ember_jquery-5dbd79abddf53926275c73f77dbe61e7351258de8d2e886bf2ce86f144368848.js:15515
e._renderRoots @ _ember_jquery-5dbd79abddf53926275c73f77dbe61e7351258de8d2e886bf2ce86f144368848.js:16894
e._renderRootsTransaction @ _ember_jquery-5dbd79abddf53926275c73f77dbe61e7351258de8d2e886bf2ce86f144368848.js:16919
e._renderRoot @ _ember_jquery-5dbd79abddf53926275c73f77dbe61e7351258de8d2e886bf2ce86f144368848.js:16852
e._appendDefinition @ _ember_jquery-5dbd79abddf53926275c73f77dbe61e7351258de8d2e886bf2ce86f144368848.js:16777
e.appendOutletView @ _ember_jquery-5dbd79abddf53926275c73f77dbe61e7351258de8d2e886bf2ce86f144368848.js:16765
e.invoke @ _ember_jquery-5dbd79abddf53926275c73f77dbe61e7351258de8d2e886bf2ce86f144368848.js:56672
e.flush @ _ember_jquery-5dbd79abddf53926275c73f77dbe61e7351258de8d2e886bf2ce86f144368848.js:56582
e.flush @ _ember_jquery-5dbd79abddf53926275c73f77dbe61e7351258de8d2e886bf2ce86f144368848.js:56753
e._end @ _ember_jquery-5dbd79abddf53926275c73f77dbe61e7351258de8d2e886bf2ce86f144368848.js:57249
e.end @ _ember_jquery-5dbd79abddf53926275c73f77dbe61e7351258de8d2e886bf2ce86f144368848.js:56969
e._run @ _ember_jquery-5dbd79abddf53926275c73f77dbe61e7351258de8d2e886bf2ce86f144368848.js:57294
e._join @ _ember_jquery-5dbd79abddf53926275c73f77dbe61e7351258de8d2e886bf2ce86f144368848.js:57270
e.join @ _ember_jquery-5dbd79abddf53926275c73f77dbe61e7351258de8d2e886bf2ce86f144368848.js:57023
c @ _ember_jquery-5dbd79abddf53926275c73f77dbe61e7351258de8d2e886bf2ce86f144368848.js:45520
(anonymous) @ _ember_jquery-5dbd79abddf53926275c73f77dbe61e7351258de8d2e886bf2ce86f144368848.js:45621
p @ _ember_jquery-5dbd79abddf53926275c73f77dbe61e7351258de8d2e886bf2ce86f144368848.js:3548
h @ _ember_jquery-5dbd79abddf53926275c73f77dbe61e7351258de8d2e886bf2ce86f144368848.js:3616
Show 2 more frames
_ember_jquery-5dbd79abddf53926275c73f77dbe61e7351258de8d2e886bf2ce86f144368848.js:2027 [Violation] 'setTimeout' handler took 629ms
[Violation] Forced reflow while executing JavaScript took 53ms

```

The screen then looks like this:

 ![image](https://global.discourse-cdn.com/meta/original/3X/6/7/6713f23298dae7b594012f4b561786f71516bede.jpeg)

---

<div class="post-metadata">

**Author:** ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)\
**Post date:** [2019年四月8日 11:26 UTC](https://meta.discourse.org/t/images-in-longer-posting-are-blurred/113735/4 "2019-04-08T11:26:05Z")

</div>

Can you repro this in a clean install of Firefox? Try that first. If it does not repro there, it is something about your Chrome install.

If you are the site owner have you tried in Discourse [safe mode](https://meta.discourse.org/t/53504?silent=true)?

---

<div class="post-metadata">

**Author:** ![uwe\_keim](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/uwe_keim/32/326762_2.png) [@uwe\_keim](https://meta.discourse.org/u/uwe_keim)\
**Post date:** [2019年四月8日 12:02 UTC](https://meta.discourse.org/t/images-in-longer-posting-are-blurred/113735/5 "2019-04-08T12:02:00Z")

</div>

[Safe mode](https://meta.discourse.org/t/53504?silent=true) didn’t help.

Will try clean Firefox now in VMware.

---

<div class="post-metadata">

**Author:** ![uwe\_keim](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/uwe_keim/32/326762_2.png) [@uwe\_keim](https://meta.discourse.org/u/uwe_keim)\
**Post date:** [2019年四月9日 05:09 UTC](https://meta.discourse.org/t/images-in-longer-posting-are-blurred/113735/6 "2019-04-09T05:09:46Z")

</div>

The issue also happens on the new [Edge Canary that is based on Chromium](https://www.microsoftedgeinsider.com/en-us/download/?platform=win10):

On my development PC:

 ![image](https://global.discourse-cdn.com/meta/original/3X/6/b/6bb0403a76946b63dcb01241eb3e702b31e947c7.jpeg)

On a VMware machine:

 ![image](https://global.discourse-cdn.com/meta/original/3X/c/7/c7e92641ac2f15abaa07de077ddf4a109629846a.jpeg)

Even in incognito mode:

 ![image](https://global.discourse-cdn.com/meta/original/3X/e/5/e5c3b38ab75e6c25a4ad7ad29887b1aa5c9d8aa3.jpeg)

It does not happen on Firefox or the normal Edge.

What I discovered is that on Firefox, the blurry images _do_ occur, but only for approx. half a second and then they are replaced by the actual images.

So to me it _looks_ like some JavaScript events (maybe some “image gets scrolled into viewport”) do not get fired in Chromium as they are getting in non-Chromium.

---

<div class="post-metadata">

**Author:** ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)\
**Post date:** [2019年四月9日 05:29 UTC](https://meta.discourse.org/t/images-in-longer-posting-are-blurred/113735/7 "2019-04-09T05:29:01Z")

</div>

Most likely is that edge canary is pretending it supports [intersection observer](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API) and in fact does not.

There is a big reason we don’t support alpha browsers.

---

<div class="post-metadata">

**Author:** ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)\
**Post date:** [2022年六月25日 02:42 UTC](https://meta.discourse.org/t/images-in-longer-posting-are-blurred/113735/8 "2022-06-25T02:42:52Z")

</div>



---

<div class="post-metadata">

**Author:** ![RGJ](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/rgj/32/523185_2.png) [@RGJ](https://meta.discourse.org/u/RGJ)\
**Post date:** [2022年六月25日 09:24 UTC](https://meta.discourse.org/t/images-in-longer-posting-are-blurred/113735/9 "2022-06-25T09:24:24Z")

</div>