Creare un’immagine in primo piano per il Fedora Magazine

Ogni articolo nel Fedora Magazine deve avere un’immagine in primo piano. L’immagine dà all’articolo un’ulteriore attrattiva visiva. Appare anche nei link sui social media, per attirare più spettatori.

Queste immagini sono create come immagini SVG (grafica vettoriale scalabile). Per lavorare con queste immagini, dovresti installare un’applicazione capace di gestire file SVG come Inkscape. Avrai anche bisogno di installare l’utilità git.

Guarda il video Creating Featured Images Workshop sul nostro canale YouTube per una dimostrazione visiva delle linee guida e delle istruzioni qui sotto, più alcuni consigli aggiuntivi su Inkscape.

Linee guida importanti

  • Usa il logo Fedora solo occasionalmente, ad esempio per annunci importanti o per indicare un’affinità con il progetto.

  • Non utilizzare loghi di altri progetti. La maggior parte richiede un permesso per l’utilizzo ed è difficile indicare un destinatario per il permesso in un progetto di proprietà del gruppo come il Magazine.

  • Usa solo immagini, foto o screenshot con una licenza accettabile o che hai fatto tu stesso e quindi puoi contribuire con tale licenza. (Più avanti su questo.)

Ottieni il repository delle immagini

Apri un terminale. (Digiterai dei comandi nel terminale per alcuni dei seguenti passi.)

Installa i pacchetti git e inkscape se non li hai già installati:

$ sudo dnf install git inkscape

Segui le istruzioni a Git for docs writers per le istruzioni sul fork del repository fedoramagazine-images.

Crea una nuova immagine utilizzando il modello

Apri Inskcape, e scegli File> apri… (o premi Ctrl+O). Naviga alla cartella del progetto, quindi recati in fedoramagazine-images, seleziona ora images. Una volta fatto questo seleziona il file template.svg.

Salva questo file con un nome diverso.

Puoi utilizzare le risorse all’interno di questo file per iniziare con un documento della giusta dimensione, con alcuni sfondi preconfigurati. Sentiti libero di guardare altri SVG per una guida. Se non hai esperienza con queste immagini, cerca di attenerti ai font e ai motivi che vedi nei banner recenti. Ma sentiti anche libero di sperimentare! Per esempio, usa delle fotografie (con licenza libera, come CC-BY o CC-BY-SA) con una sovrapposizione di testo per un look piacevole. Unsplash.com ha una grande libreria di immagini di pubblico dominio che puoi usare per iniziare.

Riutilizza una vecchia immagine

Ha senso riutilizzare una vecchia immagine se c’è un collegamento tematico dall’articolo precedente a quello nuovo. Prova a variare qualcosa dell’immagine, come il testo. Se lo sfondo è astratto (non una foto), considera di riequilibrare il colore.

Quando riutilizzi una vecchia immagine, fai attenzione ad avere tutti i font corretti installati. Per vedere una lista, puoi eseguire questo comando:

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

Puoi ignorare i nomi dei font "serif" e "sans-serif". Assicurati di installare tutti i font che non hai già sul tuo sistema, in modo che l’immagine sia renderizzata correttamente sia sul tuo schermo sia quando realizzi un JPG in seguito.

Immagini di sfondo

Puoi trovare immagini con licenza compatibile su Unsplash, o puoi provare altri motori di ricerca d’immagini. Assicurati di scegliere solo immagini con licenze CC0, CC-BY, o CC-BY-SA. (Gli usi commerciali e derivati devono essere consentiti).

Dimensioni

Prima di importare il tuo sfondo nell’SVG, ridimensionalo e taglialo usando GIMP o un altro editor d’immagini ad una dimensione di 1890x800 e una qualità JPG di circa 75-80%. Questo evita che l’SVG sia troppo grande - ridurrà la dimensione da molti MB a poche centinaia di KB.

Il modello SVG contiene delle linee guida per indicare quale porzione del bordo dell’immagine di copertina potrebbe essere tagliata quando l’articolo viene condiviso su vari siti di social media. La parte che potrebbe essere tagliata è circa il 10% dei lati destro e sinistro dell’immagine e circa il 13% della parte superiore e inferiore. Nel modello SVG, le linee guida forniscono margini di esattamente 183 pixel a sinistra e a destra nonché 107 pixel in alto e in basso per un’immagine che è dimensionata a 1890x800 pixel. Questo lascia una porzione interna di 1524x586 pixel all’interno della quale è sicuro inserire del testo senza preoccuparsi che venga tagliato quando l’articolo viene condiviso su altri siti di social media.

Fonts

Ci sono alcuni font che sono comunemente usati nelle immagini in primo piano. Sei incoraggiato ad utilizzare questi font nelle tue immagini per aiutare le immagini in primo piano ad inserirsi nel "tema" generale che le altre immagini seguono. Sono tutti liberamente disponibili ai link forniti. I font che usiamo comunemente sul Fedora Magazine sono elencati qui sotto.

  1. Open Sans (specialmente la variante "Light")

  2. Bungee (per una sensazione leggermente tecnica ma divertente)

  3. Oswald (per una sensazione più tecnica)

  4. Josefin Slab (friendly with serifs)

  5. Zilla Slab (amichevole con le serif)

  6. Grand Hotel (per una sensazione di fantasia da script)

  7. Montserrat (amichevole e simile a Sans)

  8. Roboto Slab (amichevole con le serif)

  9. Molot (carattere più pesante, sembra tecnico)

Per utilizzare questi font sul tuo sistema Fedora, scarica il font e scompatta il file OTF o TTF (se richiesto) nella tua cartella ~/.fonts. Poi aggiorna la tua cache dei font:

$ fc-cache

o, se il font è pacchettizzato, installalo usando il gestore dei pacchetti

$ 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

Dovrai chiudere e riaprire Inkscape, GIMP o altre applicazioni per sfruttare i nuovi font.

Far revisionare il tuo lavoro

Se vuoi pubblicare il tuo lavoro da qualche parte, convertilo prima in un JPG. Questo sarà tipicamente un file più piccolo. Assicurati che il tuo file SVG sia salvato nella cartella fedoramagazine-images/images/ come sopra. Di solito queste dovrebbero avere il nome dell’articolo in qualche modo per rendere più facile trovare le immagini in seguito. Per questo esempio, assumiamo che il tuo file SVG si chiami using-inkscape.svg.

Apri un terminale e vai alla cartella fedoramagazine-images/images/:

$ cd projects/fedoramagazine-images/images/

Ora usa l’utile make target che ti abbiamo fornito. Questo crea automaticamente il JPG delle dimensioni corrette (1890x800 pixel), se fornisci lo stesso nome del tuo file SVG:

$ make using-inkscape.jpg

Ora puoi pubblicare questo file, using-inkscape.jpg, online e poi fornire quell’URL nella sezione commenti della scheda Pagure del tuo articolo per la revisione.

Se l’immagine è approvata, e se potrebbe essere riutilizzata per articoli successivi, allora considera la creazione di una richiesta di pull verso il repository upstream per avere il tuo lavoro archiviato per il suo riutilizzo.

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