Upload images for the first time on a website

Asked

Viewed 85 times

0

On this website www.nomalism.com There is a problem: When opening the site for the first time, especially in the store (search or search option) you notice that the images appear blurred or disproportionate. We make F5 and then appear correctly, because they are loaded via cache.

If we clean the browser temps, it happens again. What can be?

Site developed in Laravel 4 and angular.js

Effect "first time" inserir a descrição da imagem aqui

Effect "2nd time" after page refresh: inserir a descrição da imagem aqui

Here we have internet Fiber 100Mb and can check in Firefox and Chrome, latest versions on Windows 7.

  • I accessed the site and didn’t notice anything unusual. At what point exactly is the problem? I’m using Chrome last version on Windows 7.

  • It didn’t seem to be a problem here either, I’m using Chrome Windows 8. http://imgur.com/j3nwmAH

  • Here also no abnormality - FF 38.0.5 + WIN7 64

  • I have a colleague, outside of here, who confirms to me the problem described, only in Firefox.

  • Yes, really is with the problem, my internet is 60 megas, I use windows 10, but it is too fast and have to visualize well.... I shall await your reply as it may be useful in the future.

  • Could be "bug" in Angulajs script?

  • What I realized is this. Your images are larger than what is being displayed and there is a discrepancy between the resolution that should be as Dots per pixel but is in Dots per inch. I switched here @media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-resolution:144dpi) in your Chosen.css file for @media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:144dppx) but it hasn’t worked out yet. It also has a Transition effect with time of 150ms. Maybe it is in one of these items or it can be the interlacing of the images

  • I believe that this is not a bug but the normal behavior of displaying images. They are being loaded and probably your jpegs are like progressive. There is nothing to do unless you do not want this at all and in this case you will need to use a pre-load-images script, but you will have the drawback of having a wait before the image is fully loaded.

Show 3 more comments
No answers

Browser other questions tagged

You are not signed in. Login or sign up in order to post.