Commons:Graphics village pump

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

  Welcome   Community portal   Help desk
Upload help
  Village pump
copyright • proposals
  Administrators' noticeboard
vandalism • user problems • blocks and protections

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 | Current requests/discussions

Commons discussion pages (index)

Graphics village pump archives
Monthly archives
2007 - - - April May June July August September October November December
2008 January February March April May June July August September October November December
2009 January February March April May June July August September October November December
2010 January February - April May June July August September October November December
2011 January February March April May June July August September October - December
2012 January February March April May June July August September October November December
2013 January February March April May June July August September October - December
2014 January February March April May - July August September October November December
Topic-specific archives

Creation of SVG signs[edit]

Hi. There is a minor thing I would like to bring up that's been bothering me for the past week or so. I would like the following 2 files to be created in SVG form...

Motorway begins nz.png

Expressway begins nz.png

...but I have zero experience on creating SVG images. If I could get someone with experience to help me out, that would be great. Dude00007 (talk) 06:10, 7 May 2015 (UTC)

You probably would be better off posting this at the graphics lab. NikNaks talk - gallery - wikipedia 12:57, 7 May 2015 (UTC)
Okay. Dude00007 (talk) 22:27, 7 May 2015 (UTC)
Did you get the help you needed? If so, could you leave some sort of comment here so that we aren't left wondering? I have a lot of experience working with SVG images, but if you don't need more help with this, then I can just move on. So let us know. Thanks! KDS4444 (talk) 05:07, 22 June 2015 (UTC)

Scaling down problem with gradients/blur?[edit]

As you can see on the 9x and 10x images, when these disc images are scaled down to 15px, they lose the white flash which is visible on the others, and indeed on 16px sizes and up. The files are quite human-readable, so hopefully you'll be able to see the way that the gradient, blur and transform effects are applied. Is this just a MediaWiki bug, or is there something I can do to fix it? And either way, which part is it that might be causing the problem? NikNaks talk - gallery - wikipedia 00:53, 8 May 2015 (UTC)

The problem is with RSVG (i.e. the software commons/wikipedia use to convert SVGs to PNGs). This is the template I've seen used on the images with this problem: {{Rsvg bug|Gaussian blur filter not rendered correctly at small sizes (disappearing completely at very small sizes). See [[:bugzilla:42090]].}}
Check out bugzilla:42090 for more details. I'm still fairly new to SVG markup (still learning) so don't have the experience yet with different work arounds for RSVG bugs, so I don't have much advice to give, but maybe this will point you in the right direction. Offnfopt(talk) 02:46, 8 May 2015 (UTC)
Yep, that looks like the culprit. Looks like there's nothing to be done other than remove the blur effect. Oh well. Thanks! NikNaks talk - gallery - wikipedia 15:13, 8 May 2015 (UTC)
This will hopefully be fixed soon: The latest upstream librsvg already contains the fix. All that is left to be done is to update the version of librsvg running on Wikimedia servers. --Patrick87 (talk) 14:35, 25 May 2015 (UTC)

I need help with my .svg files. Big time.[edit]

For some reason, nearly every time I upload .svg files, it gets screwed up (please refer to my recent uploads). I use Adobe Illustrator CC 2014 for editing vector images. Please help!!!!

P.S. I think it's time for Wikimedia Commons to allow other kinds of vector files. I never have this kind of problem with .ai files. FIERS D'ÊTRE INSCRIT 20:30, 8 June 2015 (UTC)

Can you please describe more exact what do you mean with "gets screwed up"? PS: I hope AI will never be supported. User: Perhelion (Commons: = crap?) 21:04, 8 June 2015 (UTC)
(Edit conflict) What exactly goes wrong? Your uploads look OK to me.
Support for .ai files is probably never going to happen, because .ai is a proprietary file format. Commons only accepts free file types. SiBr4 (talk) 21:05, 8 June 2015 (UTC)
For this image, I was merely translating the texts on this image, but after I uploaded my image, the provinces fell apart instead of sticking together like in the original image.
For this image, all those transparent portion was cropped out for no reason but that didn't happen on my computer. So I don't know what the bloody hell has happened during the uploading. FIERS D'ÊTRE INSCRIT 23:09, 8 June 2015 (UTC)
If you're starting a image from scratch illustrator is fine, but when it comes to editing a existing SVG image I would recommend you use inkscape instead of illustrator. IMO illustrator makes a excessive number of unneeded changes to the markup which can end up causing situations like this. I also wanted to note to make sure you're using fonts from the current SVG font list. This will ensure your text will have the same look when rendered as a PNG.Offnfopt(talk) 00:49, 9 June 2015 (UTC)
Besides the MediaWiki rasterizer, Inkscape, Chrome and Internet Explorer also show the first image with gaps between the provinces. It is highly unlikely that four unrelated SVG renderers have the same bug that causes this error, and I doubt the file could have been corrupted by the upload script, so for me too the prime suspect is Illustrator's SVG exporter. SiBr4 (talk) 19:55, 9 June 2015 (UTC)


Just wanted to let you know that editing source code is now easier.

In case the tool gets 5 new users or more during the next 5 days, I'll add a validation service to WMFLabs which will be conveniently consulted upon another button hit and the results will be displayed in-page and a "read from file" button would be added. -- Rillke(q?) 21:50, 10 June 2015 (UTC)

Enormous ! yes Sounds fantastically ! User: Perhelion (Commons: = crap?)  07:24, 22 June 2015 (UTC)
@Rillke "I'll add a validation service to WMFLabs" this would be a great feature for generally all SVG files and uploads here. As I momentarily use /simpleSVGcheck.js in which I've planned this same functionality. User: Perhelion (Commons: = crap?)  15:14, 28 June 2015 (UTC)
A very simple API interface is now available. Check it out in User:Rillke/SVGedit.js (and monitor the XHR in Firebug or similar). -- Rillke(q?) 18:13, 2 July 2015 (UTC)

GIF file won't show up unless clicked on[edit]

Hi, I recently created an animated GIF file (File:Teletherapy-device-en.gif) and uploaded it to Commons, but the image won't even appear unless it is clicked on (at which point it works just like it should). I created it in Photoshop and am viewing it with Firefox, and the upload seemed to go just fine, but then boom, I got nothin' (and so can't put it in any articles). Any thoughts? Would appreciate any suggestions. I am familiar with SVG file formatting and uploading, and have had only a very few problems uploading SVG and JPEG images in the past, but my experience with GIFs is limited (and apparently inadequate). KDS4444 (talk) 05:03, 22 June 2015 (UTC)

Normally the GIF should have a warning and not rendered, because it exceeds the 50 MP limit. User: Perhelion (Commons: = crap?)  08:37, 22 June 2015 (UTC)
✓ Done @KDS4444 I cropped the GIF to get under the limit. Is this ok for you? User: Perhelion (Commons: = crap?)  13:04, 3 July 2015 (UTC)

SVG Font[edit]

BTO figure 1.svg

I am not very familiar with the technical (code) side of SVG files. During a Featured Image nomination on Wikipedia, I kept getting comments about the text of the image file not displaying correctly. See: w:Wikipedia:Featured picture candidates/MH370 Burst Timing Offset. I don't understand why anyone would see a serif font when I have changed the font per Help:SVG#Fallback fonts to font-family: Liberation Sans, Arial, sans-serif. Could someone please fix the font in this file so that I can renominate the image? AHeneen (talk) 15:54, 1 July 2015 (UTC)

Tell them to {{purge client cache}} while viewing the affected thumbnails and the original SVG. -- Rillke(q?) 16:10, 1 July 2015 (UTC)
@Rillke Why is this a template (so also without any description)? This should be linked to Help:Purge and COM:Purge merged! ↔ User: Perhelion (Commons: = crap?) 18:12, 2 July 2015 (UTC)
Why not. We do not need to dump a whole page of irrelevant text on people, do we? Sometimes it's handy to transclude it. -- Rillke(q?) 18:16, 2 July 2015 (UTC)
Ok yes, but we should made a small description to this and also mention this template somewhere (I did redirected COM:Purge). OT PS: I see $.trimRight / $.trimLeft ist not working anymore without any warning (oh yet I see a deprecation warning but to late my script is not working... :-/). Best regards ↔ User: Perhelion (Commons: = crap?) 20:07, 2 July 2015 (UTC) OT PPS: I read only today a German message about this. Have you a better source for this deprecation-warnings? (I found nothing for this concrete) User: Perhelion (Commons: = crap?)  13:02, 3 July 2015 (UTC)
The voting period is long over. I was hoping for a reply whether or not there is anything else in the code that would cause the problem. (Note: The font was Arial...a non-serif font...before I made the change, so I don't think that purging the cache makes a difference.) AHeneen (talk) 11:57, 4 July 2015 (UTC)
Because the critic was not concrete. Not all text was Arial, some was only "DejaVu Sans" which could be (on old systems) not be recognized with an sans-serif fallback. In effect all Arial declarations get overwritten with "DejaVu Sans" because one font was in the parent-element text and the second in the child-element tspan. If you use the next time a SVG-optimizer/cleaner then this would solve the problem, as Inkscape has such function integrated as "Optimzed SVG". HTH User: Perhelion (Commons: = crap?)  03:21, 5 July 2015 (UTC)

SVG not shown correctly by the MediaWiki software[edit]

I just created File:Glykolysen, enkel.svg using Microsoft Word -> PDF -> Inkscape. The output SVG is technically valid SVG and it displays properly in Mozilla Firefox, Google Chrome, Internet Explorer, and The GIMP, on my computer. But the MediaWiki software creates a distorted PNG version of the image. I believe the problem is that the text is saved as text and requires the proper font (which is installed on my computer, but not on the WikiMedia server) to be displayed as intended. What can I do about this? In the Inkscape PDF import wizard, there is a 'Text handling' combobox, but it has only one option, namely, 'Import text as text'. --Andreas Rejbrand (talk) 10:51, 5 July 2015 (UTC)

Probably I should stick to the supported fonts. --Andreas Rejbrand (talk) 10:57, 5 July 2015 (UTC)
Also, I just found this great tool. --Andreas Rejbrand (talk) 11:00, 5 July 2015 (UTC)
It works better with Arial. --Andreas Rejbrand (talk) 11:51, 5 July 2015 (UTC)
Perhaps I should install some of the fonts in the list on my computer? Which one would you recomment? DejaVu Sans? --Andreas Rejbrand (talk) 12:08, 5 July 2015 (UTC)
Yeah, that looks better. Thanks. --Andreas Rejbrand (talk) 12:30, 5 July 2015 (UTC)
If you import from PDF you need some optimizing special techniques, because of the amount of crap which we get there. w:Wikipedia:Graphics Lab/Resources/PDF conversion to SVG User: Perhelion (Commons: = crap?)  14:11, 5 July 2015 (UTC)
Usually I write my SVG files by hand in a text editor, but this time I had a pretty nice page in a Microsoft Word document. --Andreas Rejbrand (talk) 17:08, 5 July 2015 (UTC)
Yes check.svg Resolved

Adobe Media Encoder outputs problematic .webm format?[edit]

Recently, we at Naturalis Biodiversity Center uploaded a first test File:Naturalis Biodiversity Center - RMNH.AVES.110095 - Ara tricolor - Extinct.webm for hundreds of extinct bird videos to come, converting .mp4 to .webm using Adobe Multimedia Encoder. Webm is the preferred format, according to Commons:Video. As you can see the video plays all right, but cannot be downloaded in the standard Commons formats, the conversion fails, also on retry.

  • How can we do better and/or repair this file?

Thank you, kind regards, Hansmuller (talk) 10:23, 6 July 2015 (UTC)

At first glance your uploads look fine, at least the original plays fine in Firefox. However, they are encoded with the VP9 video codec. Since the Servers are running an old conversion program, it can't deal with this video coded. If you have special files, I could convert them (<10) to a format supported on Commons. However, on the long term, I want to see the Wikimedia Foundation to be forced transcoding these formats. -- Rillke(q?) 19:18, 6 July 2015 (UTC)
Thanks! What would you advise: 1. just upload in VP9 .webm video format in the hope of a future upgrade on Commons (looks ugly now), or 2. conservatively upload them in Theora .ogv format or an older .webm format (if we can find a batch converter that can do that)? Thanks, Hansmuller (talk) 11:58, 7 July 2015 (UTC)