Creating a featured image for the Fedora Magazine

Each article in the Fedora Magazine must have a featured image. The image gives the article added visual appeal. It also appears in links on social media, to attract more viewers.

These images are created as SVG (scalable vector graphic) images. To work with these images, you should install a SVG capable application such as Inkscape. The GNU Image Manipulation Program (GIMP) is also useful for modifying images if necessary.

Watch the Creating Featured Images Workshop video on our YouTube channel for a visual demo of the guidelines and instructions below, plus some additional Inkscape tips.

The video is from a previous era which indicates the use of a GIT image repository. This is NOT used at this time. However, the demostration of using Inkscape is very useful. The following time spans may be useful: Inkscape (3:30 - 38:56), installing the image in WP Engine (40:19 - 42:08), and a discussion of fonts (43:59: - 49:05). The current method to acquire the SVG template file is described later in these instructions as well as saving the SVG files for future use.

Important guidelines

  • Only use the Fedora logo occasionally, such as for important announcements, or to indicate a project affinity.

  • Do not use logos from other projects. Most require permission for use, and it is difficult to assign a recipient for permission in a group-owned project like the Magazine.

  • Only use acceptably licensed pictures, photos, or screenshots, or ones that you have made yourself and thus can contribute with such a license. (More on this below.)

Getting the image template

Open a Terminal. (You’ll type commands into the terminal for some of the following steps.)

Install Inkscape and GIMP if you don’t have them installed already:

$ sudo dnf install inkscape gimp

Download the template file from the WP Engine Media Library using the following command to place it directly in your Templates directory.

wget -P ~/Templates https://fedoramagazine.org/wp-content/uploads/2026/05/fedora-magazine-template.svg

Or, dowload it to a location of your choice.

Creating a new image using the template

Open Inkscape, and choose File > Open… (or hit Ctrl+O). Navigate to your Templates folder and choose the fedora-magazine-template.svg file.

Save this as a new SVG file with a different name using the "File > Save As…​" option. Typically images should be named after the article in some way to make it easier to identify later. For example "using-inkscape.svg" might be used for an article covering that topic. Not saving ahead of time risks the inadvertent over-writing of the template later on.

You can use the assets inside the template file to start with the right-sized document, with some pre-configured backgrounds. Feel free to look at other SVGs for guidance. If you don’t have experience with these images, try to stick with fonts and motifs that you see in recent banners. But also feel free to experiment! For instance, use photographs (freely licensed, such as CC-BY or CC-BY-SA) with a text overlay for a nice look. Unsplash.com has a large library of images in the public domain you can use to get started.

Reusing an old image

It makes sense to reuse an old image if there is a thematic link from the previous article to the new one. Try to vary something about the image, such as the text. If the background is abstract (not a photo), consider rebalancing the color.

When you reuse an old image, be careful that you have all the correct fonts installed. To see a list, you can run this command:

grep font <IMAGE_FILE_NAME> | sed 's/^.*font-family:\([^;]*\).*$/\1/'

You can ignore font names "serif" and "sans-serif." Be sure to install any fonts that you don’t have on your system already, so the image is rendered correctly both on your screen and when you build a JPG later.

Background images

You can find compatibly licensed images at Unsplash, or you can try other image search engines. Be sure to choose only images with CC0, CC-BY, or CC-BY-SA licenses. (Commercial and derivative uses must be permissible.)

Dimensions

Before you import your background image to the SVG, scale and trim it using GIMP or another image editor to an 1890x800 size, and a JPG quality of about 75-80%. This keeps the SVG from being too large — it will reduce the size from many MB to just a few hundred KB.

The SVG template contains guidelines to indicate what portion of the cover image’s edge might get clipped when the article is shared on various social media sites. The portion that might get clipped is about 10% of the left and right sides of the image and about 13% of the top and bottom. In the SVG template, the guidelines provide margins of exactly 183 pixels on the left and right and 107 pixels on the top and bottom for an image that is sized to 1890x800 pixels. This leaves an interior region of 1524x586 pixels within which it is safe to place text without concern that it will get clipped when the article is shared out to other social media sites.

Fonts

There are a few fonts that are commonly used in featured images. You are encouraged to use these fonts in your images to help featured images fit into the general “theme” that other images follow. They are all freely available at the links provided. The fonts we commonly use on the Fedora Magazine are listed below.

  1. Open Sans (especially the "Light" variant)

  2. Bungee (for a slightly technical but fun feel)

  3. Oswald (for a more technical feel)

  4. Josefin Slab (friendly with serifs)

  5. Zilla Slab (friendly with serifs)

  6. Grand Hotel (for a fancy script-y feel)

  7. Montserrat (friendly and Sans-like)

  8. Roboto Slab (friendly with serifs)

  9. Molot (heavier font, feels technical)

To use these fonts on your Fedora system, either download the font and unpack the OTF or TTF file (if required) into your ~/.fonts folder. Then update your font cache:

$ fc-cache

or, where the font is packaged, install it using the package manager

$ dnf install open-sans-fonts vernnobile-oswald-fonts mozilla-zilla-slab-fonts astigmatic-grand-hotel-fonts julietaula-montserrat-fonts google-roboto-slab-fonts typetype-molot-fonts

You will need to close and reopen Inkscape, GIMP, or other applications to take advantage of the new fonts.

Getting your work prepared for review and use in WP Engine

The images used in WP Engine are JPG images. But, for reuse/editing it is more conveniently done on an SVG. For this reason, both are stored in the WP Engine Media library.

First locate/make a directory on your local system into which you can save your work.

Saving the SVG file is a simple matter of saving the image into your local directory. This assumes you have previously saved the template under a new name at the start. If not you can use the "File > Save As…​" option in Inkscape.

To create the JPG image you will need to export your image into your local directory using the "File > Export…​" option. First, select the "Page" tab in the export window and set the "Width (px)" to 1890 and the "Height (px)" to 800. Now set the destination to your local directory, and the file name extension and file type to JPEG. Finally, select "Export". You should now have both an SVG and a JPG file in your local directory with the same name.

When you are ready to post your work somewhere, use the JPG. This will typically be a smaller file. Now you can post your example image "using-inkscape.jpg" in the comments section of your article’s Discourse topic for review.

If the image is approved, and if it might be reused for later articles, then consider uploading both the JPG and SVG image to the WP Engine Media Library. If you feel it is a one-time-use image then only the JPG needs to be uploaded.

Use the JPG file as the Featured Image for your article, not the SVG.

Want to help? Learn how to contribute to Fedora Docs ›