User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/42.0.2311.152 Safari/537.36 Steps to reproduce: Create a SVG element, position it as to its X and/or Y position contains 0.5 or similar value. This is also true for when the element is positioned dynamically (such as margin:0 auto; or left:50%; + margin-left:half of SVG width) Attachment shows the top SVG displaying the blur problem, the bottom SVG shows the normal behavior. This problem is still present in the latest Nightly 41.0a1 (2015-05-14) Actual results: The SVG element becomes blurry Expected results: The SVG element should remain detailed, not blurry.

Close up comparison of the problem

[Tracking Requested - why for this release]:

Use shape-rendering: crispEdges and read this: http://cairographics.org/FAQ/#sharp_lines

This issue was discovered in YouTube's new SVG player, it is not something I can modify in order to fix the problem for all the YouTube audience using Firefox. I reported it previously here, but received no attention: https://bugzilla.mozilla.org/show_bug.cgi?id=1163366 I am changing it to unconfirmed again because I don't know if that's what I should do. If it isn't then correct me.

So YouTube need to fix it.

Firefox has no intent to resolve this issue and since YouTube doesn't either the only solution (now that the new SVG YouTube player is permanent) is to use a different browser that does not present this issue.

you could create a user script for YouTube that sets shape-rendering: crispEdges on the images.

https://ffeathers.wordpress.com/2013/03/10/how-to-override-css-stylesheets-in-firefox/ has some details.

(In reply to Robert Longson from comment #8) > you could create a user script for YouTube that sets shape-rendering: > crispEdges on the images. That solution replaces one problem with another problem, it makes it look even worse: Comparisons http://i.cubeupload.com/EVifNX.png 500% Zoom http://i.cubeupload.com/zQuyql.png As you can see, your suggestion to set crispedges is not a solution, it is another problem, which is most likely the reason why YouTube decided to not add that CSS property after they were informed of this issue, which you seem determined to not resolve. So, again, this is now very well confirmed to be a fault with Firefox, not with YouTube. Will this be resolved now or will it continue to be ignored?

This bug has been circling around in duplicates with no fix in sight for a problem that is related to the browser Firefox, not the YouTube platform. In https://bugzilla.mozilla.org/show_bug.cgi?id=1311464 it has been confirmed that the Firefox browser up to the Nightly version is blurring vector graphics when they are positioned on a half pixel. Again, this happens anywhere that is using SVG elements, not just YouTube, meaning that this isn't something that YouTube just has to work around to fix it, the browser itself is the one with the problem that needs to be fixed. I would appreciate that the INVALID status would be removed seeing that this is clearly a very valid problem that has been left unfixed for more than a year.

I think this is really a duplicate of bug 608812.