Introduction

Je sais que vous attendez ce guide avec impatience. Car produire des fonds d’écran n’est pas si simple qu’on le pense.

Les conseils que je vous livre ici sont volontairement très synthétiques. Ils vous permettront de faire rapidement quelque chose d’exploitable sur une majorité d’appareils. J’ai largement de quoi développer sur une douzaine de pages dans mes brouillons. Mais il n’y a aucun intérêt de vous poluer avec trop d’informations.

La rubrique “Better call Daniel” s’adresse à ceux qui auront besoin de mon concours.

Sommaire

Goodies For Notice - Guide technique

Introduction

1. Conseils pour les débutants

2. Synthèse des résolutions conseillées

2.1 - Ordinateurs de bureau

2.2 - Ordinateurs portables

2.3 - Ecrans Panoramiques et Ultra-Larges

2.4 - Format tablettes

2.5 - Format téléphones portables

3. L’effet de bord perdu expliqué

4. Utilisation du logo Panodyssey

5. Intégrez des méta-données à votre fichier

6. Better call Daniel

6.1 - Production de fond d’écran

6.2 - Hébergement en répertoire partagé

7. N’oubliez pas le Hashtag

7.1 Un ou deux QR Codes pour la route

1. Conseils pour les débutants

Pour vos fonds d’écran, faites simple et efficace. Gardez à l’esprit que vous ne maîtriserez pas le cadrage final sur l’écran de l’utilisateur. Et vous ne maîtriserez pas non plus l’étalonnage des couleurs.

Faites simple et beau à l’œil. Une seule image, la mention de la notice et hoplà !

Faites en fonction de l’image de départ. Et partez toujours d’une image avec la plus haute résolution possible. Un timbre post agrandi mille fois, c’est moche.

2. Synthèse des résolutions conseillées

Mon conseil : Ne vous embêtez pas avec le format 4:3. Aujourd’hui, ce format est plutôt destiné à une utilisation continue dans des environnements exigeants où l’utilisateur n’aura pas forcément le loisir de mettre votre joli fond d’écran maison.

2.1 - Ordinateurs de bureau

L’idéal pour les ordinateurs de bureau est le format 16:9, détaillé sur l’image ci-dessous.

Mon conseil : Proposez un fond d’écrans pour une grosse résolution et elle s’adaptera très bien aux résolutions inférieures. Le 2560*1440 px est un bon compromis pour vos fonds d’écran 16:9.

Si la qualité de votre image le permet, vous pouvez produire en 3840*2160 px (4K).

Les résolutions 16:9 - Daniel Muriot

2.2 - Ordinateurs portables

Avec tout ce qui est nomade, c’est un poil plus compliqué car il y a une grande disparité de ratios et de résolutions selon les modèles. Mais on va trancher dans le vif en proposant deux résolutions qui feront l’affaire pour ceux qui y tiennent. Sachant qu’un fond d’écran en 16:9 sera tout aussi adaptable.

Pour les portables économiques et milieu de gamme, vous pouvez choisir 1440x900 px.

À destination des portables haut de gamme, un fond d’écran en 2560x1700 px.

Mon conseil : Choisissez une résolution élevée et acceptez l’effet de bord perdu.

2.3 - Ecrans Panoramiques et Ultra-Larges

Les écrans panoramiques et écrans ultra-larges sont moins répandus. Mais c’est juste trop cool.

Si vous souhaitez vous attaquer à ce genre de format, je vous conseille de produire en 3840*2440 px. Cette résolution fonctionnera très bien pour beaucoup de formats ratios ultra-larges (et mêmes les MacBook) avec un effet de bord perdu.

Par contre, on oublie le Apple Retina 5K… Avec ses 5820*2880 px natifs à 218 ppi, votre photo de départ doit être dans une qualité qui coûte quelques ronds.

2.4 - Format tablettes

En fonction de son utilisation, une tablette sera amenée à présenter le même fond d’écran en portrait et en paysage. Privilégiez quand-même le paysage.

Voici les résolutions que je vous conseille :

1. iPad : 1180*820 en paysage
2. Tablettes Android : 1280*800 px en paysage

2.5 - Format téléphones portables

Comme dans d’autres domaines d’application, le téléphone portable semble dominer le traffic de Panodyssey. C’est malheureusement le type de terminal pour lequel il sera peut-être plus difficile de produire des fonds d’écrans avec une mention de la notice. Et aussi le secteur où il sera peut-être plus difficile de les faire adopter.

En plus, les formats d’écrans peuvent évoluer rapidement au fil des nouveaux modèles.

Mais à priori c’est un médium super efficace car les personnes que vous côtoyez brièvement sont plus susceptibles de voir l’écran de verrouillage de votre téléphone que celui de votre ordinateur.

Le téléphone portable s’utilise naturellement en portrait. Par contre, c’est dans ce secteur qu’on croise le plus de disparité. Mais ne vous embêtez pas.Vous pouvez partir sur un format 1320*2868 px. Cela correspond à un écran 6,9” qu’on retrouve sur les déclinaisons Pro Max d’Apple depuis plusieurs modèles. Les téléphones de plus petites tailles devraient s’en accommoder.

Si vous tenez à proposer un format plus adapté aux anciens modèles et aux modèles récents à petit prix, vous pouvez aussi proposer vos fond d’écran en 828*1792 px. C’est la résolution des écrans 6,1” qui équipent les iPhone 11 à 14. Depuis l’iPhone 15, la résolution restituée augmente pour chaque taille d’écran.

Là encore, comptez sur un effet de bord perdu.

3. L’effet de bord perdu expliqué

Vous expliquer l’effet de bord perdu sera plus simple en images. Notre ami Harold Cath en a préparé quelques-unes.

Harold utilise un écran aux dimensions particulières : 2560x1080 px.

En fonction des dimensions du fond d’écran utilisé, le fond perdu se traduira par un rognage horizontal ou par un rognage vertical. Et selon la composition, on perdra plus ou moins de détails. Voyons cela à travers deux exemples.

Le premier exemple (figure 1 et figure 2), illustre un rognage horizontal. Le fond d’écran choisi fait 3840*2440px. À l’échelle de son écran, il aurait fallu une image de 1700*1080px pour conserver les proportions. On va donc perdre une portion importante de l’image d’origine. Comme l’ampoule est bien placée dans la composition, le rognage n’affecte pas l’harmonie de l’image.

Figure 1 - un fond d’écran plus grand adapté et rogné - Harold Cath

Figure 2 - rendu du même fond d’écran rogné - Harold Cath

Dans le second exemple (figure 3 et figure 4), le rognage est vertical. Harold part d’un fond d’écran WQHD en 16:9, soit 2560*1440px que le système va adapter à son 2560*1080px. Les détails des nuages permettent de bien se rendre compte de ce qu’on peut perdre si des éléments importants ou des informations sont trop près du bord.

Figure 3 - un fond d’écran qui sera rogné sur la hauteur - Harold Cath

Figure 4 - visualisation de la partie rognée - Harold Cath

Même si le bord perdu peut-être important selon les cas, il vous reste quand-même pas mal d’espace pour vous exprimer.

4. Utilisation du logo Panodyssey

Avez-vous jeté un œil aux exemples que je propose dans l’article de présentation du projet ?

Voici le répertoire : https://kdrive.infomaniak.com/app/share/2985854/1e785e6b-e780-449d-bb13-466be69536e0

J’ai utilisé le logo Panodyssey sur certains fonds d’écran.

Alexandre Leforestier adore le projet Goodies For Notice. Il m’a fourni le pack de logos officiels avec plaisir quand je le lui ai demandé.

Je vous recommande de lui adresser la même demande de façon individuelle sur le mail info@panodyssey.com si vous avez l’intention de l’utiliser aussi.

5. Intégrez des méta-données à votre fichier

Les méta-données intégrées à mes fichiers permettent d’écarter tout doute sur les usages que j’autorise. Laissez-moi vous présenter un exemple et la façon de les intégrer.

D’une manière générale, tous les logiciels intègrent des méta-données inhérentes aux caractéristiques du fichier. Les logiciels de création comme Adobe Photoshop et Affinity Photo permettent d’en ajouter d’autres.

En ce qui me concerne, j’ajoute notamment le titre de l’œuvre, son créateur, la licence et je crédite l’auteur de la photo utilisée. J’ajoute aussi une note sur la propriété de mes personnages. Ces éléments sont visibles lorsqu’on affiche les informations du fichier. Mais elle sont aussi lisibles par les machines.

Exemple pour le fond d’écran “La Belle et la Notice”, la description contient les éléments suivants :

Photo : Remy Loz ; Conception : Daniel Muriot ; Composition sous licence CC BY-NC-SA 4.0 ; Le personnage Hélène Machin est la propriété de son créateur Daniel Muriot.

Pour intégrer vos méta-données personnalisées, assurez-vous que l’option soit cochée dans votre fenêtre d’exportation. En fonction du logiciel utilisé, elle n’est pas forcément cochée par défaut. L’image ci-dessous vous montre l’emplacement de la case à cocher dans Affinity Photo.

Exemple d’option à l’exportation avec Affinity Photo - Daniel Muriot

6. Better call Daniel

Vous ne disposez par du bon équipement pour travailler efficacement des images ? Toutes ces notions techniques vous dépassent ?

Cela ne doit pas vous empêcher de participer.

Contactez-moi simplement par la messagerie Panodyssey.

6.1 - Production de fond d’écran

Votre seule contrainte sera de disposer d’une image de bonne qualité, d’une idée qui claque et des crédits d’auteur pour votre image. Je peux m’occuper du reste. J’ai d’ailleurs prévu une boîte de dépôt en ligne pour vos images.

La boîte de dépôt est protégée par un mot de passe, juste histoire d’éviter les dépôts sauvages. Je vous donnerai individuellement le lien et le mot de passe par la messagerie Panodyssey si vous êtes concernés par son utilisation. Un système de notification m’alerte de chaque dépôt.

Dans ce cas de figure, votre fond d’écran sera sous licence Creative Commons pour une utilisation exclusivement non-commerciale. À vous de me dire si vous en autorisez les créations dérivées ou non.

Il peut y avoir un délai entre la fourniture des éléments et la livraison du fond d’écran car je porte le projet “Goodies For Notice” bénévolement sur mon temps libre.

6.2 - Hébergement en répertoire partagé

Vous pouvez héberger et partager vos fonds d’écran avec un simple compte Apple iCloud, Google Drive ou autre. Mais vous n’avez peut-être ni l’un ni l’autre ?

Je peux accueillir un nombre raisonnable de fonds d’écran sur mon espace de partage.

Les fichiers seront hébergés auprès d’Infomaniak, en Suisse, sous le répertoire partagé suivant : https://kdrive.infomaniak.com/app/share/2985854/1e785e6b-e780-449d-bb13-466be69536e0

Les liens de partages disponibles avec mon offre actuelle étant limités, je propose uniquement le partage du répertoire.

7. N’oubliez pas le Hashtag

Tous les fonds d’écran ne seront peut-être pas de le même répertoire. Ce serait l’idéal, mais en fonction de leur nombre, cela peut représenter un certain coût.

Sur Panodyssey, le tag GoodiesForNotice permettra de retrouver toutes les publications liées avec le lien correspondant : https://www.panodyssey.com/fr/article/tag/GoodiesForNotice

Et sur les réseaux sociaux : #GoodiesForNotice

Goodies For Notice - Daniel Muriot

Lorsque vous allez partager tout ça sur les réseaux sociaux, les gens entendrons peut-être parler de la notice pour la première fois. Soyez sympa, prenez le temps de l’expliquer de façon simple dans vos posts.

7.1 Un ou deux QR Codes pour la route

Plutôt deux. Le truc est à la mode, les gens en sont friands et en plus, on peut en faire qui sortent de l’ordinaire. Alors pourquoi pas ?

Un QR code rien que pour les Goodies

QR Code G4N - Daniel Muriot

Cible : https://www.panodyssey.com/fr/article/tag/GoodiesForNotice

Lien court : https://chk.me/s3Igexp

Un QR Code vers l’article qui présente la Notice V2

QR Code Notice V2 - Daniel Muriot

Cible : https://www.panodyssey.com/fr/article/economie/notice-de-transparence-panodyssey-v2-a-l-ere-de-l-ia-les-auteurs-doivent-parler-aux-humains-et-aux-machines-hj2f2t9v72ue

Lien court : https://chk.me/uSsGn7E

Et voilà ! À vous de jouer...