Commons:Graphics village pump

From Wikimedia Commons, the free media repository
Jump to: navigation, search
Shortcut:
COM:GVP

Graphics community: Graphic Lab · Graphics Village Pump · Picture Requests · Photography Critiques

color palette logo Welcome to the Graphics village pump!

A village pump

Hello and Welcome to this Graphics village pump of Commons. This Graphics village pump aims to provide help and information about the several Graphic Labs spread in the Wikipedias, and to be the technical support forum for all the local Labs, graphists (graphic artists), and users interested in graphic works, and is a page where graphists and users from all the Labs can talk about graphics, tutorials, graphic software, help to build new Graphic Labs, etc. Also for exchanging opinions, ideas, protocols, and ways of improvement.

See also: Other graphic community pages (list on top) | Graphics abilities page | Graphic Tool | Project Insignia | Stroke Order Project

Important discussion pages (index)
Gnome User Speech.svg

Contents


Graphics village pump archives:

[edit] February_2012

Add Topic Edit Discussion

[edit] What did I do to this SVG file?

Usenet traffic per day (en).svg

I recently uploaded a new version of File:Usenet traffic per day (en).svg, which was generated by Gnuplot and edited in Inkscape. I converted the text to paths, but the text is horribly mangled as rendered by MediaWiki; Safari has no problem displaying the text correctly. Purging the page's cache had no effect. Am I doing something wrong or is this a bug in MediaWiki? Cheers, bdesham ★ 15:44, 25 May 2010 (UTC)

Okay, I fixed the problem by having Gnuplot generate the SVG directly (instead of converting Gnuplot's PDF to SVG with Inkscape). My issue still applies to older versions of the file. --bdesham ★ 15:51, 25 May 2010 (UTC)
You declare Helvetica as a font, but the svg backend only knows these fonts meta:SVG fonts
AnonMoos, I opened a new bug, concerning the declaration of SVG fonts here [1]--DieBuche (talk) 20:10, 25 May 2010 (UTC)


[edit] SVG image thumbnail not displaying

Languages of Europe

Does anyone know why the thumbnail for this image is not displaying? It is interesting to note (as pointed out by User:Saibo, here) that anything below 694px width does not work (or only partially works): 694px works but not 693px. Thanks, Hayden120 (talk) 03:32, 28 May 2010 (UTC)

Maybe because of sodipodi stuff in the file? Try saving as plain SVG. Btw, there is an artifact in iceland --Georg-Johann (talk) 17:35, 11 August 2010 (UTC)

[edit] Wikimedia renders Deja and Liberation fonts badly

Liberation Sans font and saved as plain SVG. 300 pixel thumb. Check the 200px and 500px renderings, even 2000px has a minor problem.
Liberation Sans font and saved as plain SVG. 200 pixel thumb.
And this renders Ok after five path elements were manually removed, see description for full details

Or is it the way I am using Inkscape 0.47? All these files render perfectly in my Opera browser (version 10.54 build 21868) and I have installed DejaVu and Liberation Sans fonts on Windows Vista.

Here is the start of the SVG code for File:Ikaros solar sail key liberation sans plain.svg:

<?xml version="1.0" encoding="UTF-8" standalone="no"?>

<svg
  xmlns:svg="http://www.w3.org/2000/svg"
  xmlns="http://www.w3.org/2000/svg"
  version="1.1"
  width="643.56433"
  height="257.42575"
  id="svg2852">

 <defs
    id="defs2854" />
 <g
    transform="translate(-58.921894,66.069669)"
    id="layer1">
   <text
      x="69.253036"
      y="-29.653135"
      id="text3167"
      xml:space="preserve"
      style="font-size:32px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;font-family:DejaVu Sans;-inkscape-font-specification:DejaVu Sans"><tspan
        x="69.253036"
        y="-29.653135"
        id="tspan3169">1</tspan></text>

Here is the SVG code for the first use of the Liberation Sans font "Tip mass 0.5 kg" (which renders fine):

    <text
      x="164.86249"
      y="-28.66876"
      id="text3304"
      xml:space="preserve"
      style="font-size:32px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;font-family:Liberation Sans;-inkscape-font-specification:Liberation Sans"><tspan
        x="164.86249"
        y="-28.66876"
        id="tspan3308">Tip mass 0.5 kg</tspan></text>

And here is the SVG code for the "Main body" text (which renders bad):

   <text
      x="159.24414"
      y="179.82025"
      id="text3304-3-6"
      xml:space="preserve"
      style="font-size:32px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;font-family:Liberation Sans;-inkscape-font-specification:Liberation Sans"><tspan
        x="159.24414"
        y="179.82025"
        id="tspan3684">Main body</tspan></text>

-84user (talk) 18:32, 12 June 2010 (UTC)

Update: In case bugzilla:8898 is relevant to this problem I posted a querying note there linking here. -84user (talk) 19:49, 12 June 2010 (UTC)

More update: I *believe* I have narrowed down the SVG code that causes the rendering problem to a sequence of 5 path elements. See File:Ikaros_solar_sail_key_plain_edited.svg for details. -84user (talk) 20:56, 12 June 2010 (UTC)

More more: File:Ikaros solar sail key plain minusthosefivepaths.svg shows more evidence that the renderer has problems with those five path elements. -84user (talk) 21:10, 12 June 2010 (UTC)

Even this version has problems in the 2000px version --DieBuche (talk) 21:19, 12 June 2010 (UTC)
See Commons:Graphics_village_pump/May_2010#SVG_text_rendering for previous complaints along the same lines. If you understand why I had to render text to paths in image File:Simple inverse relationship chart.svg, then please explain it to me... AnonMoos (talk) 10:43, 13 June 2010 (UTC)
All these symptoms strongly suggest to me a low-level bug (like a buffer overrun or something similar) in the rsvg library, further confirmed by the fact that I can reproduce them locally using the rsvg-view utility. It should probably be reported to the developers of that project. —Ilmari Karonen (talk) 15:56, 13 June 2010 (UTC)

[edit] 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 [2]. 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)

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)

[edit] Introducing SVG Check

For those of you that didn't catch my announcement on the main village pump a couple of weeks back, I urge you to take a look at Commons:SVG Check. You can leave any comments on the talk page, and I shall endeavour to fix them. Also, your suggestions for which errors can be easily caught and how best to fix them are appreciated: the current debugging code is available at the top of [3], and you can see that the list is not too long at the moment, so I need your help! :) Thanks, Jarry1250 (talk) 12:27, 14 November 2010 (UTC)

Didn't know about this page. Thank you for pointing it out. I have bookmarked it. Citypeek (talk) 05:56, 15 November 2010 (UTC)

[edit] Text shown in bold

I am completely new to Inkscape and I tried to translate (svgtranslate didn’t work) an image because an article it is used in on Swedish Wikipedia is nominated for featured status, and for this, all images have to be in Swedish. The font looked like Arial so I used Arial and it worked fine. However the text that wasn’t bold became bold when I uploaded it, and a bracket or two were moved. It wouldn’t have been that bad if it weren’t for one original text box that I left, which still isn’t in bold. here’s the original image, and here’s my attempted translation. The text I’m talking about is at the far right (the species). Later I discovered that Arial is problematic and tried to change it using the instructions (replacing fontfamily) but it didn’t seem to help. Does anyone maybe have a solution? Thank you very much! --Lundgren8 (t · c) 20:35, 30 November 2011 (UTC)

[edit] Text is covered

Hello everybody,

Wikimedia Commons covers a part of this SVG image with a black T-shaped figure on the right: https://commons.wikimedia.org/wiki/File:Bundestag_2009_Linke.svg It's displayed correctly when I view it on my computer, though. Can anybody help me please? --Kevin L. (talk) 21:46, 17 December 2011 (UTC)

I've solved the problem with the help of the FAQ on Inkscape Wiki. :) --Kevin L. (talk) 20:25, 18 December 2011 (UTC)

[edit] Powerpoint to SVG conversion

I am helping to prepare an upload a set of 265 life cycle diagram, available in Powerpoint, containing fungal life cycle diagrams in English and Spanish. The originals are in Powerpoint ppt format and a mixture of embedded bitmaps, connecting arrows and editable text. I can produce high-res png version, but svg versions would be translatable into further languages. I cannot do this, googling did not give me any insights either. No Adobe illustrate available, Inkscape available but not time to redo 265 diagrams manually. Anyone has an existing (semi-) automatic workflow for this and is willing to support a conversion? --G.Hagedorn (talk) 04:21, 2 January 2012 (UTC)

I think not, something like that I've never seen. (I have not done it yet, manually you can do it (using PDFCreator), convert to PDF, and then in SVG. -- πϵρήλιο ℗ 14:35, 9 January 2012 (UTC)

[edit] (Wikimedia?) Rendering issues on SVG files

Hello all, I'm having some rendering issues with several Georgian keyboard layouts I created. The first was based on They all appear fine on Inkscape and on my browser, but when Wikimedia renders them, it adds a bunch of stuff, specifically:

  • A black bar by the pipe key.
  • A black square in bottom left corner
  • A big honking lowercase "h" over the middle.

I should note that I created the latter three from the first one, which was fine in itself, until I tried to correct some minor issues in a new version.

Thanks,
--Quintucket (talk) 11:12, 4 January 2012 (UTC)

Hello Quintucket, do you know Help:SVG#Fonts!? -- πϵρήλιο ℗ 18:45, 4 January 2012 (UTC)
Yes! Thank you! :•) One of the files was a slightly different issue, but fixing the other ones gave me the confidence to solve that one as well. --Quintucket (talk) 20:08, 4 January 2012 (UTC)

[edit] Happy to Help Out on Custom Programs - especially for Pseudocolor

I might have one rather unique talent that could be contributed: If an image needs something not available in the standard suite of commercial products, I can load it into Mathematica and apply a custom, unique algorithm built especially for the problem at hand. That might take a few days of work per image. So, if any of you see something like that, let me know. If I am not currently active at that time, you can email me at doug@youvan.com . In general, you can see some of my image processing work at http://www.youvan.com . In particular, this application is ready to apply: http://youvan.com/Source_Code_PDF/3.pdf , and it could be used for a rather fancy rescaling of image pseudocolor. I can also do unique grayscale -> pseudocolor lookup schemes customized for a particular problem. I've been working in image processing since the days when memory was $1 / byte, a 50kB drive cost $50,000 in 1987! Doug youvan (talk) 14:47, 9 January 2012 (UTC)

Oh, I have something else that might be useful in a special case. Consider that we usually clip grayscale and color information outside of the 0 - 255 range, "real color". Let's call anything < 0, "anticolor" and anything > 255, "supercolor". Usually, anticolor and supercolor get clipped to black and white, but there are some cases (sequential algorithms) where that information is useful to keep. With algos that would normally clip, the information is lost for a (next) algo that might bring it back into the real color range. I am currently active in that area with my "Tuple Images". I say that, because once you put away code for a few weeks, it is difficult to restart - like not being able to read your own code! So, again, I am willing to help on very special images where unique algos are needed on a per image basis. My efforts are non-commercial and pro bono, as in "retired". Doug youvan (talk) 15:16, 9 January 2012 (UTC)

[edit] Problem with Libremap files

I'd like to create a town-level map of New England, based on the files available at Libremap. However only Connecticut and Rhode Island will display properly in Inkscape. The other four states Maine, Massachusetts, New Hampshire, and Vermont show up simply as the document background, with no objects visible, and no objects editable when I select all. Any ideas what's wrong? Thanks, --Quintucket (talk) 17:24, 10 January 2012 (UTC)

For me the problem is on all maps the same, the stroke-width ist 0.000000 !? Correct would be about 0.01px. -- πϵρήλιο ℗ 00:30, 14 January 2012 (UTC)
I found the same problem as Perhelion above. So the solution is to simply select all, then in the "fill and stroke" panel choose a stroke paint, and under the stroke style choose a width of 0.01 px. -- Orionist ★ talk 07:21, 14 January 2012 (UTC)
Aha! Thanks guys. :•) --Quintucket (talk) 07:52, 14 January 2012 (UTC)

[edit] Black blob

Metropolitian Railway 1863.svg

Just started with inkscape and edited File:Hammersmith & City Line.svg to create this image of the railway when it first opened. However I have a black area which I can't see in inkscape! Edgepedia (talk) 17:53, 13 January 2012 (UTC)

Uploaded png file without artifact for now.

Metropolitian Railway 1863.png
✓ Done fixed, flow elements deleted. -- πϵρήλιο ℗ 00:15, 14 January 2012 (UTC)
Metropolitian Railway (1870).svg
Thanks! However got the same problems with this file. What am I doing wrong? Edgepedia (talk) 13:00, 14 January 2012 (UTC)
See here. I had the same problem. Inkscape is just annoying. I see someone else fixed it for you, but try to fix it anyways and upload the new version. See if you can find any elements named <svg flowRoot ...> and remove them. You'll need to go into the XML editor in the edit menu, and likely expand your elements. You can also open it in a proper text editor (don't use TextEdit or Notepad) and search for it. Regards, --Quintucket (talk) 15:21, 14 January 2012 (UTC)
Thanks, I'll copy this to my talk page for next time. Edgepedia (talk) 20:15, 15 January 2012 (UTC)

Can diagnose the Inkscape "flowtext" nonsense at Commons:SVG Check. -- AnonMoos (talk) 13:11, 19 January 2012 (UTC)

[edit] 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)

  • Shield Trinity (zh-cn).svg
  • Shield Trinity (zh-hant).svg

[edit] Gnuplot problem: Wrong label values on the Y-axis

Bielefeld population
Eberswalde population

The labels on the Y-axis of these two Gnuplot diagrams end with 2024, but obviously should end with 2025. While I could correct the issue in the SVG output directly, I'd prefer to understand and fix the underlying problem. Any ideas? --Tkarcher (talk) 19:28, 26 January 2012 (UTC)

I think that's really an idiosyncrasy with the generating program "GNUPLOT 4.4 patchlevel 4" which only people who know about Gnuplot might help you with... AnonMoos (talk) 01:31, 27 January 2012 (UTC)
Thanks for the good advice to ask gnuplot experts: A guy in this gnuplot usenet group noticed I used wrong values for the xtics variable (based on the wrong assumption that a year has 365 days - the correct value is 365.2425). It's fixed now. :-) --Tkarcher (talk) 16:04, 27 January 2012 (UTC)
Retrieved from "http://commons.wikimedia.org/w/index.php?title=Commons:Graphics_village_pump&oldid=66105407"
Personal tools
Variants
Actions
Navigation
Participate
Toolbox