Creación de una imagen destacada para Fedora Magazine

Cada artículo de Fedora Magazine debe tener una imagen destacada. La imagen añade atractivo visual al artículo. También aparece en los enlaces de las redes sociales, para atraer a más espectadores.

Estas imágenes se crean como imágenes SVG (gráficos vectoriales escalables). Para trabajar con ellas, debe instalar una aplicación compatible con SVG, como Inkscape. El Programa de Manipulación de Imagen de GNU (GIMP) también es útil para modificar imágenes si son necesarias.

Mire el video del Taller de creación de imágenes destacadas en nuestro canal de YouTube para obtener una demostración visual de las pautas e instrucciones a continuación, además de algunos consejos adicionales de Inkscape.

El vídeo es de una era anterior la cual indica el uso de un repositorio de la imagen GIT. Esto NO es utilizado en este momento. Aún así, la demostración del uso de Inkscape es muy útil. El tiempo siguiente abarca puede ser útil: Inkscape (3:30 - 38:56), instalar la imagen en Motor WP (40:19 - 42:08), y una discusión de fuentes tipográficas (43:59: - 49:05). El método actual para adquirir el archivo de plantilla SVG está descrito después en estas instrucciones así como guardar los archivos SVG para uso futuro.

Pautas importantes

  • Utilice el logotipo de Fedora sólo ocasionalmente, por ejemplo para anuncios importantes o para indicar afinidad con un proyecto.

  • No utilice logotipos de otros proyectos. La mayoría requiere permiso para su uso, y es difícil asignar un destinatario en un proyecto grupal como la Revista.

  • Utilice únicamente imágenes, fotografías o capturas de pantalla con licencia aceptable, o aquellas que haya creado usted mismo y, por lo tanto, pueda contribuir con dicha licencia. (Más sobre esto debajo.)

Tenga la plantilla de la imagen

Abra un Terminal. (Tecleará comandos en la terminal para alguno de los pasos siguientes.)

Instala Inkscape y GIMP si no los tienes ya instalados:

$ sudo dnf install inkscape gimp

Descarga el archivo de la plantilla desde la Biblioteca del Medio del Motor WP utilizando el comando siguiente para colocarlo directamente en su directorio de Plantillas.

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

O, descárgalo a un lugar a tu elección.

Creando una nueva imagen usando la plantilla

Abre Inkscape, y selecciona Archivo > Abrir… (o presione Ctrl+O). Vaya a tu carpeta Plantillas y elija el archivo fedora-magazine-template.svg.

Guarda esto como archivo SVG nuevo con un nombre diferente utilizando la opción «Archivo > Guardar como…​». Las imágenes típicamente serían nombradas después del artículo de alguna manera para hacerlo más fácil de identificar más adelante. Por ejemplo «utilizando‐inkscape.svg» tal vez se utilice para un artículo que cubra ese tema. Si no se guarda con antelación, se corre el riesgo de sobrescribir la plantilla de forma involuntaria más adelante.

Puedes utilizar los recursos que contiene el archivo de plantilla para empezar con un documento del tamaño adecuado, con algunos fondos preconfigurados. No dudes en consultar otros archivos SVG para obtener orientación. Si no tienes experiencia con estas imágenes, intenta utilizar fuentes y motivos que hayas visto en pancartas recientes. ¡Pero también puedes experimentar! Por ejemplo, utiliza fotografías (con licencia libre, como CC-BY o CC‐BY‐SA) con una superposición de texto para un aspecto atractivo. Unsplash.com tiene una gran biblioteca de imágenes de dominio público que puedes usar para empezar.

Reutilizando una imagen antigua

Tiene sentido reutilizar una imagen antigua si existe un vínculo temático entre el artículo anterior y el nuevo. Intenta variar algún aspecto de la imagen, como el texto. Si el fondo es abstracto (no una foto), considera reequilibrar el color.

Al reutilizar una imagen antigua, asegúrese de tener instaladas todas las tipografías correctas. Para ver una lista, puede ejecutar esta instrucción:

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

Puede ignorar los nombres de fuente "serif" y "sans-serif". Asegúrese de instalar las fuentes que aún no tenga instaladas en su sistema para que la imagen se visualice correctamente tanto en la pantalla como al crear un JPG posteriormente.

Imágenes de fondo

Puedes encontrar imágenes con licencias compatibles en Unsplash o probar otros buscadores de imágenes. Asegúrate de elegir solo imágenes con licencias CC0, CC-BY o CC-BY-SA. (Se permiten usos comerciales y derivados).

Dimensiones

Antes de importar su imagen del fondo al SVG, escálelo y recórtelo con GIMP u otro editor de imágenes a un tamaño de 1890×800 y una calidad JPG de aproximadamente el 75-80 %. Esto evita que el SVG sea demasiado grande, ya que lo reducirá de varios MB a solo unos cientos de KB.

La plantilla SVG contiene directrices para indicar qué parte del borde de la imagen de portada podría recortarse al compartir el artículo en redes sociales. La parte que podría recortarse es aproximadamente el 10% de los lados izquierdo y derecho de la imagen y el 13% de los bordes superior e inferior. En la plantilla SVG, las directrices proporcionan márgenes de exactamente 183 píxeles a la izquierda y a la derecha, y 107 píxeles a la derecha y arriba y abajo para una imagen de 1890×800 píxeles. Esto deja un espacio interior de 1524×586 píxeles donde se puede colocar texto sin riesgo de recortes al compartir el artículo en redes sociales.

Tipografías

Hay algunas tipografías que se usan comúnmente en las imágenes destacadas. Le recomendamos usarlas para que se integren con la temática general de las demás. Todas están disponibles gratuitamente en los enlaces proporcionados. A continuación, se listan las tipografías que usamos habitualmente en la revista Fedora.

  1. Open Sans (especialmente la variante “Light”)

  2. Bungee (para una sensación ligeramente técnica pero divertida)

  3. Oswald (para una sensación más técnica)

  4. Josefin Slab (compatible con serifas)

  5. Zilla Slab (amigable con serifs)

  6. Grand Hotel (para una sensación de escritura elegante)

  7. Montserrat (amigables y similar a las Sans)

  8. Roboto Slab (amigable con las serif)

  9. Molot (Tipografía más pesada, se siente técnica)

Para usar estas fuentes en su sistema Fedora, descargue la tipografía y descomprima el archivo OTF o TTF (si es necesario) en la carpeta ~/.fonts. Luego, actualice la caché de tipografías:

$ fc-cache

o, donde la fuente esté empaquetada, instálela usando el administrador de paquetes

$ 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

Necesitará cerrar y volver a abrir Inkscape, GIMP u otras aplicaciones para aprovechar las nuevas fuentes.

Obtener tu trabajo preparado para revisar y utilizar en el Motor WP

Las imágenes utilizadas en el Motor WP son imágenes JPG. Pero, para la reutilización/edición es más conveniente hecho en un SVG. Por esta razón, ambos están almacenados en la biblioteca de Medios del Motor WP.

Primero ubique/cree un directorio en su sistema local en el cual pueda guardar su trabajo.

Guardar el archivo SVG es una materia simple de guardar la imagen dentro de su directorio local. Esto te asume haber guardado anteriormente la plantilla bajo un nombre nuevo en el inicio. Si no te puede utilizar la opción «Archivo > Guardar como…​» en Inkscape.

Para crear la imagen JPG necesitarás exportar su imagen a su directorio local utilizando la opción «Archivo > Exportar…​». Primero, seleccione la lengüeta «Página» en la ventana de exportación y establezca la «Anchura (px)» a 1.890 y la "Altura (px)" a 800. Ahora establezca el destino a su directorio local, y la extensión del nombre del archivo y tipo de archivo a JPEG. Finalmente, seleccione «Exportar». Ahora tendrías que tener ambos un archivo SVG y un archivo JPG en vuestro directorio local con el mismo nombre.

Cuando esté preparado para publicar su trabajo en algún lugar, utilice el JPG. Esto típicamente será una archivo más pequeño. Ahora puedes publicar vuestra imagen de ejemplo «utilizando‐inkscape.jpg» en la sección de comentarios de su tema de Discurso del artículo para revisar.

Si se aprueba la imagen, y si se puede reutilizarse para artículos posteriores, considere subir ambas imágenes de JPG y SVG a la Biblioteca de Medios del Motor WP. Si considera que se trata de una imagen de un solo uso, solo es necesario subir el archivo JPG.

Utilice el archivo JPG como imagen destacada de su artículo, no el SVG.