Commons:Graphic Lab/Illustration workshop

From Wikimedia Commons, the free media repository
Jump to navigation Jump to search
Illustration Workshop   Map Workshop   Photography Workshop   Video and Sound Workshop  

Nuvola apps package graphics.svg Illustration workshop


This workshop is part of the Graphics Lab, a project aimed at picture retouching to improve the graphical content of the Wikimedia projects. More information about the lab can be found on its main page and requests pages (Illustrations ; Photographs ; Maps ; Video and Sound). To ask questions or make a suggestions, see the talk page of the graphic lab page.

This specific page is the requests page for the Illustration Workshop. Anyone can make a request for an illustration to be created or improved. The standard format for making a request is shown below, along with general advice, and should be followed.

Make a request

See also[edit]

SpBot archives all sections tagged with {{Section resolved|1=~~~~}} after 7 days and sections whose most recent comment is older than 60 days. For the archive overview, see /Archive. The latest archive is located at /Archive/2020.

Please help with Unsafe CSS removal[edit]

Hi , As EugeneZelenko was suggesting I created a logo on SVG but when I try to upload it on commons it says that there are unsafe CSS in the style element of uploaded SVG file. Is there anyone who can please help me to fix this issue ? Many thanks--Neverstopthat (talk) 15:38, 15 March 2020 (UTC)

Neverstopthat I don't know which issues it complains about but at this link you can test a svg file before uploading. For your file it complains about "Font type Open Sans Condensed is not available in Wikimedia software.". Not all fonts work here and there is a link for you to check which fonts that work. At this place you can also check your file. Very often it's very good to save it as "optimized svg", then check it at those places and see what is wrong, if any. If it passes this last check place you can also put out "Valid W3C code" on the file, it's good to do so. --Goran tek-en (talk) 16:42, 9 April 2020 (UTC)
@Neverstopthat: The current file has CSS with a @font-face rule that loads a font from a url(data:...). Such a URL is probably unsafe because fonts are programs. The URL could also be unsafe because an arbitrary font may not have a free license. The SVG file should not define a font; it should just use available/generic fonts. Glrx (talk) 20:07, 9 April 2020 (UTC)

Covid-19-curves-graphic-social-v3.gif in Malay[edit]


Please translate this to Malay (ms).
  • Flatten the curve=Ratakan lengkung
  • y-axis=Bilangan kes, x-axis=Masa sejak kes pertama
  • Healthcare system capacity=Muatan sistem penjagaan kesihatan, Full=Penuh
  • The 3 points=Basuh tangan. Jangan sentuh muka. Duduk di rumah apabila sakit.
  • Dialogue=:Apa-apa sajalah, ini seperti selesema atau demam. Usah cemas namun berwaspadalah.
  • Adapted from=Diolah dari, And the CDC=Dan CDC --Tofeiku (talk) 13:25, 17 March 2020 (UTC)
Graphist opinion(s)

"International versions" are devoid of text, for use by non-English Wikipedias. —RCraig09 (talk) 20:52, 10 April 2020 (UTC)]] and 21 April 2020

Replacing cartoonish social distancing graphics with better ones[edit]

Article(s): en:Social distancing, en:Coronavirus disease 2019, en:2019–20 coronavirus pandemic

This request was also made a the en.wp Graphics Lab: [1]. —RCraig09 (talk) 20:31, 9 April 2020 (UTC)
We request a remake of these graphics to adopt a more suitably encyclopedic aesthetic. See w:Talk:Social distancing#Cartoonishness of graphics for context. Given the prominence of these articles, any redesigns you create are likely to be seen by tens of millions of readers in the coming weeks. --Sdkb (talk) 21:42, 24 March 2020 (UTC)
Who is this "we" being referred to? Many of I think these images are fine. Doc James (talk · contribs · email) 19:36, 4 April 2020 (UTC)
The "we" is the consensus editors at w:Talk:Social distancing#Cartoonishness of graphics. —RCraig09 (talk) 20:43, 5 April 2020 (UTC)
Graphist opinion(s)
20200403 Flatten the curve animated GIF.gif — April 3
20200406 Flatten the curve animated GIF - International version.gif "International version", devoid of text, for use by non-English Wikipedias.
20200409 Pandemic resurgence - effect of inadequate mitigation.gif
20200410 Pandemic resurgence - effect of inadequate mitigation - International version.gif
20200410 Flatten the curve, raise the line - pandemic (English).gif
20200410 Flatten the curve, raise the line - pandemic - international version.gif

The effectiveness of social distancing[edit]

Article(s): en:Social distancing

Please reproduce these graphs in a manner suitable for Wikimedia
There are various graphs on the National Geographic article about the effects of social distancing during the en:Spanish flu pandemic. I request that someone use the data to reproduce similar graphs for inclusion in Wikipedia projects. --~ R.T.G 15:57, 30 March 2020 (UTC)
Graphist opinion(s)
The indicated original source for those graphs is doi:10.1001/jama.298.6.644, which contains a few graphs and a table with limited data. I was unable to find the source data at the resolution used to make those graphs. I was able to find graphs in the supplement. Reproducing them appears to require extracting the raw data from the graphs, which is less than ideal. --AntiCompositeNumber (talk) 16:29, 15 April 2020 (UTC)

UK Government Coat of Arms[edit]

en:File:Coat of Arms of the British Government.jpg

Article(s): Various

Please can this version of the coat of arms of the UK Government be converted into a SVG file please. (2A02:C7F:5622:2000:5011:FEB7:7720:1995 14:51, 7 April 2020 (UTC))
Graphist opinion(s)
Is there a purpose for vectorizing this simple image, given the existence of the more extensive and widely used File:Royal Coat of Arms of the United Kingdom.svg? —RCraig09 (talk) 03:30, 31 May 2020 (UTC)

Text OK in original SVG, but not one rendered into PNG by Wikimedia Commons[edit]

Article(s): en:Golden Gate Cloning


I've been making several illustrations and uploading them to Wikimedia Commons, and to preserve resolution, I want to upload them as vector images. I had originally been using the PDF format, but I see that these images are downsampled for display on pages. I then tried using SVG, but when the images get rendered by Wikimedia Commons into PNGs for display, I've often found that text isn't rendered properly. I'm attaching one image as an example, but this has happened with many images. You'll see that the text is fine in the original SVG, but not in the rendered PNG. I intentionally switched to Wikipedia-compatible fonts (liberation, deja vu), but this did not solve the issue. Do you have any suggestions for how to fix this going forward? Rob Hurt (talk) 18:15, 9 April 2020 (UTC)

Graphist opinion(s)
Hi, Rob. As an SVG newbie I discovered the same problem. The problem is the way Wikipedia renders fonts, and as far as I can tell there is no easy "solution" in the true sense of the word. A request to solve the problem technically has been submitted, but it's an old problem so salvation is not at hand. You can "work around" the problem, however: see the purple section of this link “”[2]. Good luck to you, sir! —RCraig09 (talk) 23:50, 9 April 2020 (UTC)
Thanks! Converting text to paths solved the issue this time. Rob Hurt (talk) 22:57, 10 April 2020 (UTC)
The fonts in the image are too small. Although MediaWiki does have problems rendering small fonts, that does not seem to be the problem. When MW renders fonts below about 15px, the letter spacing becomes erratic. That's not the problem for the given file. The fonts are just too small for the height of the image.
The image is 3000px high, but the fonts are (on quick inspection) in the range of 28 to 56px; that is 0.9% to 1.9%. Although those fonts are readable when printed out on a letter-size page, the images on WP are usually displayed much smaller. If the displayed image height is a 2 inches (51 mm), then the 56px font will be 0.037333333333333 inches (0.95 mm) tall. One would not expect such a font to be easily readable.
Make the font sizes much larger.
Glrx (talk) 22:01, 10 April 2020 (UTC)
Thank you for the suggestion. Interestingly, it's actually the larger fonts in the image that I'm having problems with--the smaller ones are fine. I converted the fonts to curves, which worked in this case. Rob Hurt (talk) 22:57, 10 April 2020 (UTC)
Rob Hurt I just want to give you some reflections regarding size. I downloaded your file but when I opened it in Inkscape and looked at the page size the unit (px, mm, ...) is not set correctly. When I draw a box to check the size it's about 8000 px (pixels) high. That is not good (to my understanding) to draw something that big if it's intended to be used as an illustration within wikimedia. "Most" screen resolutions are about 1080 px high or slightly more. This is what I assume that the viewer of my graphic work probably will have. Then there is always frames and stuff both at top and bottom so the actually view area is even less. So in my graphic work I try to use that height and then I think about the size of text. I will never know at which size an illustration/map will be viewed at. So if I can't get a specific size from the requester I try to stick to max 1000 px in height and then I make it work in 100%. Then I can view in Inkscape or whatever program one uses that the illustration/map is legible at 100% regarding text, illustrations, lines etc. So for the illustration you link to it's very hard to know how it will be viewed when the page size is not set correctly. I write all of this just as my experience and I mean all well with it. --Goran tek-en (talk) 18:06, 17 April 2020 (UTC)

PNG to SVG[edit]

Article(s): es:Coco (película)

Hi. I just need to convert the PNG logo in a SVG file, if possible. Thanks in advance. --5truenos (talk) 01:37, 10 April 2020 (UTC)
Graphist opinion(s)

The quality, size and resolution of the PNG image is sufficient for any use imaginable here. Therefore it would be a waste of time to vectorize it beside the fact that the complexity of the many dents and holes makes the task extremely time consuming. Stay with the PNG whose quality is far beyond of thousands of traced and vectorized files here. - MaxxL - talk 16:49, 15 April 2020 (UTC)

Public Service Commendation Medal[edit]

Article(s): en:Public_Service_Commendation_Medal

Could someone please create an SVG version of this ribbon? --Boven (talk) 02:46, 10 April 2020 (UTC)
Graphist opinion(s)
@Boven: ✓ Done MacMoreno (talk) 16:28, 12 April 2020 (UTC)
Section apparently resolved by MacMoreno's work. —RCraig09 (talk) 03:32, 31 May 2020 (UTC)
Checkmark This section is resolved and can be archived. If you disagree, replace this template with your comment. —RCraig09 (talk) 03:32, 31 May 2020 (UTC)

Drawing of child front and back[edit]

Source Article(s): Hebrew Pain scale

I need a line drawing of one color clothed child front and back like the source I`ve attached. I need a similar drawing of the child only (I`ll add the Hebrew squares). Have been searching commons for hours but all I have found is those two pictures in the top.
Graphist opinion(s)
Is the source image free media? I've traced it but now realise that it's from the ~1970s (?) and probably can't be traced due to copyright reasons. If you can find the licence I'll upload my traced SVG Carlinmack (talk) 16:49, 13 April 2020 (UTC)
As I wrote, it is`nt. I need a line draw similar to the right picture of a young kid. I need a black fading gradient on left shoulder or another pain area. Tal (רונאלדיניו המלך, talk) 22:54, 16 April 2020 (UTC)

Arms of Lord Mayor Russell[edit]


An image of Lord Mayor Russell's coat of arms for his term of office (2019–21) which impales his corporate arms with those of his family, viz:

Please advise - many thanks.

Yours, 00:28, 11 April 2020 (UTC)

Graphist opinion(s)

Exactly what work do you want done? Please be specific. —RCraig09 (talk) 02:53, 23 April 2020 (UTC)

User:Robin S. Taylor, by any chance do you know what is being requested here? I see you uploaded File:Russell_of_Killowen_Escutcheon.png; could it just be a request to convert to SVG? Oddly, File:Blason_ville_uk_Londres.svg is already SVG. —RCraig09 (talk) 21:07, 3 May 2020 (UTC)
I'm a little confused, but I would guess that the request is for an impaled shield with the arms of the Lord Mayor of London in the dexter and William Russell's personal arms in the sinister. Robin S. Taylor (talk) 21:21, 3 May 2020 (UTC)
~ scratches head ~    It sounds like a bit of artistic license is called for. It looks like the component elements are in SVG already, but as a heraldic newbie I'd only be guessing at what to do. If no more specific instructions are given, someone else will have to handle. —RCraig09 (talk) 00:47, 4 May 2020 (UTC)

Image corruption detected in File:... created by JPEGcrop application[edit]

Drawings of two coins

Article(s): [[]]

To enable categorizing and using these two coin drawings independently, I wanted to split the original image and drop the embedded captions, but recalled I could not use Commons:CropTool as this would replace the original image by the (one and only one) cropped version.
Instead, as per Help:Removing_watermarks I used the lossless JPEGcrop application, twice. The resulting two JPG files looked OK in IrfanView, so I uploaded them to File:2-3_Thaler_1721_Georg_Ludwig.jpg and File:2-3_Thaler_1754_Georg_II.jpg, respectively.
However, both attempts were flagged with error messages e.g.: "‪Image corruption detected in File:2-3 Thaler 1721...‬ Hello HReuter, it appears that the version of File:2-3 Thaler 1721 Georg Ludwig.jpg which you uploaded 2020-04-10T12:25:38Z is broken... " and the uploads could not be viewed -- no idea why.
As a workaround, I did similar crops using an old version of Photoshop I had and could now upload the resulting single images without any problem, but lossy (at least in principle) and with larger filesizes.
While I could leave it this way, I am still interested to learn what went wrong, or how to do better, even more so since a similar situation may arise anytime.
Thanks in advance, HReuter (talk) 16:09, 13 April 2020 (UTC)
Graphist opinion(s)
@HReuter: You can upload to a new file using toolforge:croptool, it's an option that appears after previewing the crop. In many cases, it will in fact be the default option. I can confirm that firefox refuses to open the image, but ImageMagick (the software that Wikimedia uses to make thumbnails) and jpegtran (the software that CropTool and Jpegcrop use) are entirely fine with it. There are three typical types of corruption that I see: Missing end marker (some of the image data got left behind), two images in one file, and improper encoding. This file appears to have all the data, doesn't have anything tacked on to the end as far as I can see, and has the correct w:JFIF encoding. @TheSandDoctor: do you have any ideas? --AntiCompositeNumber (talk) 17:33, 15 April 2020 (UTC)

England only 2019 GE Election Map[edit]

Article(s): Various

Please can a map similar to this be recreated but exclude result from Wales Scotland and Northern Ireland to make it a England only map. (MOTORAL1987 (talk) 15:11, 26 April 2020 (UTC))
Graphist opinion(s)
I will give this a try and report back within a day or two. —RCraig09 (talk) 17:19, 26 April 2020 (UTC)
Thank you. If you need any help this link might help you as it’s from the 2017 election and the broundries used were exectly the same For the 2019 election. (MOTORAL1987 (talk) 17:54, 26 April 2020 (UTC))
@MOTORAL1987: Regrettably, the internal complexity of the SVG file make this change beyond my skill level in Inkscape (it's not just a matter of deleting colored areas, as it turns out). I can email anyone the SVG as far as I've taken it, but someone else will have to either continue it or start from scratch. Sorry to disappoint. —RCraig09 (talk) 18:33, 26 April 2020 (UTC)

To emphasize: this request is still open for others to handle. Sorry I can't. —RCraig09 (talk) 18:55, 1 May 2020 (UTC)

I have added a map from the 2017 election that could be used as a template for the 2019 results map. Please can someone take this up. (MOTORAL1987 (talk) 14:37, 7 May 2020 (UTC))
Please can someone take this up and create the map? (2A02:C7F:5622:2000:DBE:5A6F:8533:D9DF 10:43, 20 May 2020 (UTC))

Map for 2019–20 locust infestation[edit]

Hi, can anyone make a map showing the spread of locusts for this article en:2019–20 locust infestation? There's an example of a good map in this FAO briefing but unfortunately it's not free. Thank you! -- Phoebe (talk) 13:15, 28 April 2020 (UTC)

Sutton Hoo helmet design 2[edit]

Article(s): en:Sutton Hoo helmet

Could somebody please create a version of design 2 from the Sutton Hoo helmet? An example can be seen here, but I can email a high quality version from which to trace. Ideally this should result in something similar to this version of design 1, which Goran tek-en kindly created last year. --Usernameunique (talk) 06:02, 4 May 2020 (UTC)
Graphist opinion(s)

Stock-brush-red.svg Request taken by Goran tek-en (talk) 13:07, 4 May 2020 (UTC) Usernameunique Will get back to you soon but you can send me the high resolution meanwhile. --Goran tek-en (talk) 13:07, 4 May 2020 (UTC)

Sent, thanks! --Usernameunique (talk) 06:07, 5 May 2020 (UTC)
Usernameunique This is not so clear to what is known or not as the other one. I'm working on it but it will take a bit of time, other parts of life also need it's time, I will be back. --Goran tek-en (talk) 17:06, 12 May 2020 (UTC)
Usernameunique Now I need your help to check so I got all the known parts in this draft. Please check so I got all the known parts, it's quit difficult in some areas. After your feedback I will continue to work but be aware that this might take some time, hope you understand, thanks. --Goran tek-en (talk) 18:18, 14 May 2020 (UTC)
Thanks, Goran tek-en. I'll take a look and follow up shortly. There's no rush at all as far as I'm concerned—this is the most complicated design on the helmet (by far), and I really appreciate your volunteering to help with it. --Usernameunique (talk) 22:50, 15 May 2020 (UTC)
Goran tek-en, this looks great. As you said, this is a very difficult design, but I only have a few nits:
1) The "known" part of the horse's head is a little smaller. It should be brought in a tad, with the outlines shown as "reconstructed".
2) The triangular portion that is highlighted below the horse's head (i.e., in the space between its head/neck and the strap that the figure with the sword is grasping) is mostly empty space—its primary significance is that makes the outline of the horse's neck "known".
3) A few parts of the horse should be marked as "known":
a) The chest of the horse (the small portion right where the sword enters)
b) The shaded section a little to the right of this (next to the vertical "hair" which is next to the shield)
c) The shaded sections beneath the shield
d) The small shaded sections to the right of the back-strap (above the horse's hind legs)
e) The egg-shaved ovals in the strap (and to its right) --Usernameunique (talk) 03:36, 20 May 2020 (UTC)

Usernameunique As all the lines between known and unknown doesn't follow the shaded parts it's hard to know exactly where. To me they have shown the unknown parts/things/objects with dashed lines and not the whole unknown area and it's not shaded. So I have guessed in some parts.
1) I don't understand the word "tad" and how do you mean by smaller? Is it possible for you draw lines on my draft and send me. 2) Yes, to me that is a part of the horses throat and it will be mainly shaded to show the shape. It will be more clear later on. 3)

a) Yes
b) Yes
c) Yes
d) Yes
e) Yes, thanks for this. --Goran tek-en (talk) 15:16, 20 May 2020 (UTC)
Thanks, Goran tek-en. I just emailed you with an image of the horse's head; let me know if that is clear, or if you have any questions about it. By the way, "a tad" is just a colloquial term for "a little" or "slightly." --Usernameunique (talk) 15:33, 20 May 2020 (UTC)


Article(s): en:ABS-CBN

Please replace the dash with the iconic symbol. -- 05:44, 11 May 2020 (UTC)
Graphist opinion(s)

I don't understand which of the two documents should be changed, or how. Could you explain, and post a link to the result that you want? —RCraig09 (talk) 17:15, 19 May 2020 (UTC)

He means he is asking for the horizontal version of the logo.

No time to die[edit]

Article(s): wikidata:Q21534241

Could someone make SVG logos of the movie in all languages as seen in example? All logos are in the video --Piotr Bart (talk) 13:55, 14 May 2020 (UTC)
Graphist opinion(s)

Modify a SVG image of mathematical parametric graphs[edit]

Article(s): en:Parallel curve and possibly the equivalent articles on other Wikipedias, e.g. nl:Parallelkromme and de:Parallelkurve.

Change the number and distances of the parallel curves
Please remove all of the current parallel curves, except the teal (#00cccc) one. In addition, please add parallel curves at distance of .375 and 1.125. The paramterizations for the parallel curves are for d = .375 and d = 1.125. Thank you very much.—The Editor's Apprentice (Talk) 18:49, 14 May 2020 (UTC)
Graphist opinion(s)

Image of superionic water[edit]

Article(s): en:Superionic water

Superionic water has gotten a lot of press within the last year since it was reported here, and I think it might be nice to have an image of it.
It would look something like the images in Fig. 2a of this paper, where the red dots represent H+ and the white ones represent O2-. A key component of the diagram will be to show that the O2- ions are fixed in the lattice, but that the H+ ions are free to move through it. If there is no voltage applied across the system, then they will bounce around randomly, but if there is a voltage, then the system will conduct it and the H+ ions will all move in the same direction through the holes of the lattice, parallel to the electric field.
As far as the details of how the lattice should look, it should be body-centered, not face-centered, and probably space-filling. If you want to put units on it, the distance between planes of O2- in the crystal is about 1.8 Å.
Thanks, and let me know if there are any questions! --Rob Hurt (talk) 21:40, 15 May 2020 (UTC)
Graphist opinion(s)
Sorry about that! I fixed both issues above (I hope). Does that help? --Rob Hurt (talk) 18:25, 16 May 2020 (UTC)
The captions are clearer now, thanks. However, I'm an electrical/computer guy and based on Fig. 2 I don't think I could competently handle chemical stuff, sorry. Maybe someone else here is up to it! —RCraig09 (talk) 20:19, 16 May 2020 (UTC)

New SVG version of Countries served by Tesco.png[edit]

Article(s): en:Tesco

Could you please make a world map showing the correct info per Tesco wiki article? You dont have to vectorise this particular map but use another base template and make a new one. Thanks!--Roy17 (talk) 13:20, 19 May 2020 (UTC)
Graphist opinion(s)
@Roy17: ✓ Done --AntiCompositeNumber (talk) 17:37, 23 May 2020 (UTC)

Typo fix in map needed[edit]

Article(s): en:Honolulu Volcanics

The "International" in the map has an extra "l" in it; can it be edited out? The new file(s) should be uploaded over the old ones. --Jo-Jo Eumerus (talk) 15:55, 22 May 2020 (UTC)
Graphist opinion(s)

User: Jo-Jo Eumerus ✓ Done uncropped version Ian Furst (talk) 23:41, 24 May 2020 (UTC)

2019 UK general election constituency map[edit]

Article(s): Various

Please can the image of the 2019 UK General Election Constituency map in equal sized blocks be modified so that reagional and the boundaries of Scotland and Wales can be seen in the map so the format looks the same to the 2017 map as shown. (MOTORAL1987 (talk) 13:12, 26 May 2020 (UTC))
Graphist opinion(s)

Arabic Version of a gif image[edit]

Article(s): خلية دم حمراء

can you please create an Arabic version of this file. Translation is as follows:
  • Carbon dioxide = ثُنائي أكسيد الكربون (if it doesn't fit on the same line, you can place ثُنائي أُكسيد on the top and الكربون on the bottom)
  • Oxygen = الأُكسجين

thanks in advance--باسم (talk) 11:08, 28 May 2020 (UTC)

Graphist opinion(s)
svg version with translatable lines of code (use any text editor)


Ar-version of gif

Let me know if there are any problems باسم otherwise ✓ Done Ian Furst (talk) 11:31, 6 June 2020 (UTC)

Hello @Ian Furst:, there's a problem on Arabic words on translated version, that Arabic words appear divided, and this is a known problem (How to Fix Arabic and Hebrew typing Problems). Also, I've another question that if you can learn us how to translate (edit) gif files, as we can edit all type of files on arwiki graphics lab instead of those gif one. Thanks on advance --Alaa :)..! 11:47, 6 June 2020 (UTC)
@Ian Furst: thank you for your effort. @علاء: already pointed out the problem--باسم (talk) 11:51, 6 June 2020 (UTC)


Article(s): es:Tarzán (película de 1999)

Hi. I am looking for someone who could vectorize the Tarzan's Disney movie logo in order we can use in Wikipedia versions with no Fair Use rights. More or less like other Disney movie logos. Thank you very much in advance. --5truenos (talk) 05:33, 6 June 2020 (UTC)
Graphist opinion(s)