From 25126773b6f80630156f2b2a6d09ffb33903fbe0 Mon Sep 17 00:00:00 2001 From: Gregory Bartholomew Date: Jan 09 2021 17:54:11 +0000 Subject: Add details about dimensions and margins --- diff --git a/modules/ROOT/pages/creating-an-image.adoc b/modules/ROOT/pages/creating-an-image.adoc index 7c6b4ba..1dc19e3 100644 --- a/modules/ROOT/pages/creating-an-image.adoc +++ b/modules/ROOT/pages/creating-an-image.adoc @@ -54,8 +54,12 @@ You can ignore font names "serif" and "sans-serif." Be sure to install any fonts You can find compatibly licensed images at https://unsplash.com[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 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.