Bild fuzzy nach dem Übergang CSS 3

Question

Wenn ich auf meinem web site scrollen, sehe ich mein Logo Bild verschwommen einige Sekunden. CSS ist:

#logo img { 
    -webkit-transition: height .4s ease, opacity .3s ease; 
    -o-transition: height .4s ease, opacity .3s ease; 
    transition: height .4s ease, opacity .3s ease; 
} 

Eine Idee, warum das Logo ist unscharf fews Sekunden nach einer Übergang (CSS)?

Answer 1

Das kann manchmal bei der Größenänderung eines PNG passieren - aber es hilft nicht wirklich, dass Ihr aktuelles Logo 1600px breit ist!

http://be-crowd.com/images/Be-Crowd-30.png 

Ich würde vorschlagen, es doppelte Größe seiner Standard maximale Größe (für Retina), so vielleicht um 600px breit machen.

Oder verwenden Sie ein SVG, da diese besser skalieren!