Bug 8026 - Blurry TAG SVG images in the HTML version
Summary: Blurry TAG SVG images in the HTML version
Status: NEW
Alias: None
Product: ThinLinc
Classification: Unclassified
Component: Documentation (show other bugs)
Version: trunk
Hardware: Other Other
: P2 Normal
Target Milestone: MediumPrio
Assignee: Bugzilla mail exporter
Depends on:
Reported: 2022-11-15 16:11 CET by Tobias
Modified: 2023-05-17 11:21 CEST (History)
0 users

See Also:
Acceptance Criteria:


Description Tobias cendio 2022-11-15 16:11:10 CET
Certain browsers are seemingly not grid-fitting SVG images, resulting in blurry edges which are particularly noticeable for 1px lines; there is no analogous problem with PNG images. Firefox seems to be grid-fitting, while Chrome, Chromium, Edge, and Safari, are presently not.

A simple CSS work-around on the figure level is to use 

display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
Comment 1 Tobias cendio 2022-11-15 16:14:46 CET
See for instance Fig. 23 (Web Access toolbar) and Fig. 24 (Web Access toolbar extra-keys):

Comment 2 Tobias cendio 2022-11-22 15:33:30 CET
Phenomenon reported to Chromium and Webkit:

Comment 4 Tobias cendio 2022-12-07 14:24:28 CET
For some yet unknown reason, displayed document dimensions in Inkscape do not
necessarily transfer to the XML file, but may be off by a tiny margin. For
instance, a document width displayed as precisely 100px in Inkscape may save as
99.999997px in the XML file. Some browsers, e.g. Chrome, evidently do not treat
this artifact properly and consistently. Making sure these XML parameters are
integer numbers facilitates grid fitting in the browser and increases the
likelihood that images are rendered sharply.

Note You need to log in before you can comment on or make changes to this bug.