Commons:Graphics village pump/January 2014

I need help

Could someone be so kind to upload a SVG version of this file? I need a file similar to this, but I don't know how to create it. Thanks, --Earthh (talk) 23:52, 6 January 2014 (UTC)

This is actually close to impossible to do in SVG—smoke effects are extremely difficult to pull off and you'd probably be better using the PNG—Love, Kelvinsong talk 15:34, 31 January 2014 (UTC)

Thank you for your reply :) --Earthh (talk) 14:54, 24 February 2014 (UTC)

No probb!¡—Love, Kelvinsong talk 07:52, 25 February 2014 (UTC)

CSS3 SVG animation broken in Firefox

Animated SVG

Would any SVG expert know why the animated SVG linked to the graphic on the right (the thumbnail is not animated) is broken on Firefox 26.0 (as though the from and to translations are at the wrong place)? It runs as I intended on Chromium 29.0. Thanks! cmglee (talk) 20:48, 8 January 2014 (UTC)

---

And what's about viewing under restricted Internet-Access?

e. g.: In my Library the computers are using Firefox - Version 19.0.2 (release)

• The main file directly opened in a browser-window is animated

https://upload.wikimedia.org/wikipedia/commons/8/8f/Snow_css3_animation_example.svg

• The small svg-version right on this page is frozen

• Jaybear • ...disc. • 12:57, 18 January 2014 (UTC)

---

Oops ...

The "small svg-version right on this page" is a png-thumbnail !!!

Does any simple standard wiki-markup exist, to insert a _real_ mini-version of a svg-image?

• Jaybear • ...disc. • 13:04, 18 January 2014 (UTC)

Trying to view the SVG file directly kind of semi-crashed my browser window, so I can't really help there. However, SVGs are standardly rendered as PNGs on Wikimedia, to avoid possible compatibility problems with different browsers, etc... AnonMoos (talk) 00:28, 21 January 2014 (UTC)

Text disappears in picture

Below the arrow the text "Rotate 7 times" should be present. It shows after a two clicks on the picture. E.g. It renders OK in Firefox. The file is created with Inkscape using the Text > Put on path menu.

The above schedule can also be represented by a graph, as shown below:

Round Robin Schedule Span Diagram

Why is the text not rendered ?

Clpippel (talk) 19:03, 20 January 2014 (UTC)

The "rsvg" software used to render SVGs to PNGs on Wikimedia simply ignores text laid out along a path. You have to resolve it into individually-positioned separate letters, or just "convert text to paths", to be compatible with the software here... AnonMoos (talk) 00:33, 21 January 2014 (UTC)

It might get fixed with the release of SVG v2, but I sincerely plea you not to convert text to path at this point, it only creates more problems. You can simply reposition the text and rotate it a bit to fit alongside the arrowed line. -- Sameboat - 同舟 (talk) 04:50, 21 January 2014 (UTC)

The updating of the W3C SVG standard won't automatically update the RSVG software. And while converting text to paths can create problems for editing or translating text, sometimes it's the only way (or the only reasonably convenient way) to get files to display correctly on Commons/Wikipedia... AnonMoos (talk) 06:32, 21 January 2014 (UTC)

I agree with AnonMoos that you sometimes just have to convert text to paths. It's not really such a big thing as it's not a lot of text if it should be translated or else edited. --Goran tek-en (talk) 20:37, 30 January 2014 (UTC)

Fixed and preserved text data in invisible group—Love, Kelvinsong talk 15:31, 31 January 2014 (UTC)

BlankMap-World-alt.svg

I have now added South Sudan to this image BlankMap-World-alt.svg but I can't overwrite the existing one as it's protected someway, and there is a note also about something with the code that should be done men it's added. Can anyone help me how to achieve those things, thanks. --Goran tek-en (talk) 20:33, 30 January 2014 (UTC)

It's not protected as far as I can see, but you can ask at Commons:Administrators' noticeboard/Blocks and protections for help with protected file. Other map files have special id codes on country etc. outlines for ease in creating derivative maps (attribute id="US" in the element which represents the outline of the United States, etc.), but I don't see that in this file... AnonMoos (talk) 09:36, 31 January 2014 (UTC)

You are right, thanks. I just couldn't find the upload new version link before. --Goran tek-en (talk) 18:11, 31 January 2014 (UTC)

Text disappears in picture

Below the arrow the text "Rotate 7 times" should be present. It shows after a two clicks on the picture. E.g. It renders OK in Firefox. The file is created with Inkscape using the Text > Put on path menu.

The above schedule can also be represented by a graph, as shown below:

Round Robin Schedule Span Diagram

Why is the text not rendered ?

Clpippel (talk) 19:03, 20 January 2014 (UTC)

SVG typography and Wikimedia's PNG renderer

I've always struggled with Wikimedia's SVG PNG renderer based on font issues. We all know it doesn't allow embedding of fonts, which can be a real pain to the designer. I have recently created File:Integration in Deutsch.svg and File:Integration in English.svg in Adobe Illustrator. I notice after creating the Deutsch, that Illustrator had added a font-family tag for "Myriad", which is ignored by the PNG renderer. So for my next image, the English version, I simply edited the file by hand to remove all references to Myriad. This created an odd result: the PNG render has really messed up letter spacing (specifically after the letter "m"). When I click on the thumbnail to allow firefox to render the SVG by itself, everything looks ok on my setup. As for the Duetsch version, the text in the red boxes in the PNG thumbnail is too larger, while it looks OK when viewing the SVG by itself in Firefox. Because of the typographical limitations in the PNG renderer, I basically have been ignoring most typographical settings, as I don't know what will or will not work with the renderer, but I'm also learning that the default settings are not ideal either. So I'm asking two questions, one general, and one specific. Specifically, what would you suggest be done to fix the two described errors for each image (text runs outside red box in Duetsch, letter spacing is wonky in English)? More generally, what are some good typographic tips that are compatible with the PNG renderer? What settings work? What typefaces are allowed? What works for you? Thanks for any input. Instead of fighting with the renderer, I'm hoping I can learn to work with it, within its very limited scope. Thanks! -Andrew c (talk) 16:26, 24 June 2010 (UTC)

Have exactly the same problem. This post is extremely relevent, as I don't know what to do other than trial and error. Jolly Janner (talk) 22:13, 24 June 2010 (UTC)

I have changed the font in both pictures to DejaVu Sans Condensed. For all fonts available see SVG fonts. Uwe Dedering (talk) 18:22, 13 July 2010 (UTC)

OT: I really like the style of the image. --DieBuche (talk) 18:46, 13 July 2010 (UTC)

Not OT: Me too.(but the filename could be better...)  :-) Uwe Dedering (talk) 19:45, 13 July 2010 (UTC)

Use the page test.svg in order to see if the file look like as you want it to on wikipedia. Citypeek (talk) 05:37, 11 November 2010 (UTC)

Fixed by outlining text, saved text data in separate invisible group—Love, Kelvinsong talk 15:46, 31 January 2014 (UTC)

A Illustrator->SVG graphist here. The only font that reliably displays for me in thumbnail is DejaVu Sans (too bad I prefer other typefaces). I've tried others on the list of "fonts available" like Liberation, Helvetica, and DejaVu Serif; using various combinations of SVG/Adobe CEF/glyphs settings. Some of the other fonts work in the full version, others are changed to a serif font that looks like Times, and I can't figure why and when the strange behaviours occur. Jon C (talk) 16:35, 14 January 2011 (UTC)

More font strangeness

File:Shield Trinity (zh-cn).svg and File:Shield Trinity (zh-hant).svg have identical font formatting (the only difference being that one was uploaded about a year after the other), yet they display rather differently, with the rendering of the one uploaded last year being more satisfactory. These unexplained variations and retrogressions in font display are what have driven some uploaders to exasperated frustration... AnonMoos (talk) 13:11, 19 January 2012 (UTC)

• 
• 

I have seen the same, but should say that for the Tamil script it is better now than before... So much so that I am tempted to re-upload the SVG files with very minor variation in comments or some such thing. VasuVR (talk, contribs) 02:41, 20 February 2012 (UTC)

Here are three images of "similar information" uploaded at 3 different times. -- VasuVR (talk, contribs) 10:14, 24 February 2012 (UTC)

• 
  Latest upload
• 
  Oldest upload
• 
  Intermediate upload

That's because what you usually see of an image is a pre-rendered thumbnail (png-format), which is usually created only once when the file is uploaded. The SVG-renderer has been updated several times so that thumbnails of older SVG-images look different. I have re-generated the 500px-thumbnail (the one used on the file description page) of File:கனகாங்கி.svg so that it should be up to date now (you might need to clear your browser cache to see it). See Help:Purge for instructions on how to do this. --El Grafo (talk) 17:06, 7 January 2014 (UTC)

 Done Purged them all. If they still look different for you: Please purge your browser’s cache or enable JavaScript in your Browser's settings. (You only need to do it once.)

Operating system Browser	Microsoft Windows or Linux	macOS
Chrome	Press Ctrl+F5 or ⇧ Shift+F5 or hold down ⇧ Shift while clicking Reload	Press ⌘ Cmd+F5 or ⇧ Shift+F5 or hold down ⇧ Shift while clicking Reload
Mozilla Firefox	Hold down ⇧ Shift while clicking Reload (or press Ctrl+F5 or Ctrl+⇧ Shift+R)	Press ⌘ Cmd+R (reload page) or ⌘ Cmd+⇧ Shift+R (reload page and rewrite cache)
Safari	Hold down ⇧ Shift+Alt while clicking Reload
	Press Ctrl+R	Press ⌘ Cmd+⌥ Option+E (clear browser cache) or ⌘ Cmd+R (update)
Opera	Press Ctrl+F5 or ⇧ Shift+F5
Konqueror
Internet Explorer	Press Ctrl+F5

--El Grafo (talk) 17:12, 7 January 2014 (UTC)

That's nice -- you made File:Shield Trinity (zh-cn).svg look like File:Shield Trinity (zh-hant).svg, but the older appearance of File:Shield Trinity (zh-cn).svg was actually better. Thanks for the downgrade... These long-term annoying font inconsistencies and inadequacies will really have to be resolved at the developer/system level, not by purging the caches of individual files. AnonMoos (talk) 19:09, 19 January 2014 (UTC)

In the case of Tamil (ta / thamizh) font, it seems to be good now than old fonts (see earlier comment above on 20 February, 2012)... hence the purge solution worked fine. VasuVR (talk, contribs) 10:14, 20 January 2014 (UTC)

Really didn't do anything for the Chinese, though... AnonMoos (talk) 00:23, 21 January 2014 (UTC)