« Libre de droit », ça ne veut pas dire « sans droit du tout ». Petit tour d’horizon des licences d’images et de polices, pour ne pas se faire piéger par une expression trop vite comprise.
", "content_html": "\n\nIl y a une expression qui circule depuis des années et qui rend service à tout le monde, sauf à la réalité : « libre de droit ». On l’utilise comme un totem, comme si elle voulait dire « fais-en ce que tu veux, personne ne viendra jamais te chercher des noises ». Dans la pratique, ce n’est presque jamais aussi simple.
Ce sujet mérite un vrai article de référence plutôt qu’une remarque en passant. Pas uniquement pour éviter des ennuis (même si c’est déjà une bonne raison), mais aussi pour respecter le travail des créateurs et les règles des plateformes qui mettent ces contenus à disposition. Et le sujet devient d’autant plus utile à l’ère de l’image générée par intelligence artificielle, où les repères habituels bougent un peu plus vite que la loi.
Selon la définition officielle du ministère de l’Économie, « libre de droit » est en réalité la traduction de l’anglais royalty-free : cela désigne un modèle de paiement, pas une absence de droits. Concrètement, cela signifie qu’on paie une fois (ou rien du tout, selon la plateforme) pour un usage plutôt que de payer une redevance à chaque utilisation. Mais la mention « libre de droit » n’exempte jamais d’une licence et de ses conditions, ni du respect du droit à l’image des personnes visibles sur la photo.
C’est là que se niche la confusion la plus courante : penser que « libre de droit » équivaut à « dans le domaine public » ou à « sans le moindre droit d’auteur ». Ce n’est presque jamais le cas.
À l’opposé du royalty-free, il existe aussi les licences dites rights-managed (gérées par droits), où le prix et les conditions dépendent de la durée d’utilisation, de la zone géographique, du support ou de l’exclusivité demandée. Ce modèle, plus rare pour un usage courant, reste fréquent en publicité pour des campagnes qui veulent s’assurer qu’un concurrent n’utilisera jamais la même image.
Entre le tout gratuit et le tout payant, plusieurs familles de licences se croisent.
Les licences Creative Commons en sont un bon exemple, avec plusieurs variantes possibles :
Le domaine public correspond aux œuvres dont les droits patrimoniaux sont éteints, généralement plusieurs décennies après la mort de l’auteur selon les pays. Et puis il y a les licences propres à chaque banque d’images, qui ne rentrent dans aucune de ces cases officielles et qu’il faut donc lire au cas par cas.
Quelques repères sur les plateformes les plus utilisées.
Unsplash autorise un usage commercial très large : intégrer les photos dans des produits vendus, les utiliser sur un site commercial, sans obligation de créditer le photographe. La licence interdit en revanche de revendre les photos telles quelles, sans modification, et de compiler massivement le catalogue pour créer un service concurrent.
Pexels suit une logique proche : usage gratuit, personnel comme commercial, sans attribution obligatoire, dans le cadre de ses conditions générales.
Pixabay fonctionne également sur un modèle gratuit avec conditions similaires, tout en excluant certains usages (comme représenter une personne identifiable de façon dégradante, ou l’utiliser sur un support qui laisserait croire à un partenariat).
Shutterstock, Adobe Stock et Getty Images relèvent d’un autre monde : des banques payantes, avec des licences standard (usage courant, tirage limité) et étendues (produits dérivés, gros tirages, usage illimité) clairement différenciées. Chez ces acteurs, le prix et les conditions varient nettement selon l’ampleur de la diffusion prévue.
Le point commun à toutes ces plateformes : chacune a ses propres exceptions, souvent liées aux marques, aux logos visibles dans l’image ou à l’identification d’une personne. Lire la licence effective plutôt que de se fier à une impression générale reste le seul réflexe fiable.
Utiliser une image sans les droits nécessaires n’est presque jamais une simple formalité oubliée.
En théorie, la contrefaçon expose en France à des sanctions pénales lourdes sur le papier. En pratique, le risque le plus courant reste civil et financier : des sociétés spécialisées, parfois qualifiées de « copyright trolls » (PicRights, Copytrack et consorts), scannent le web à la recherche d’images utilisées sans licence pour le compte d’agences comme Getty Images ou l’AFP, puis envoient des mises en demeure réclamant plusieurs centaines, voire plusieurs milliers d’euros par image détectée.
Un détail souvent mal compris : créditer un photographe ne remplace jamais une licence d’utilisation. Le droit moral (être reconnu comme auteur) et le droit patrimonial (autoriser une exploitation commerciale) sont deux choses complètement différentes.
À l’ère de l’IA générative, les cartes se rebattent clairement. Beaucoup de monde génère désormais ses propres visuels plutôt que d’aller chercher une photo existante, ce qui change une partie de l’équation.
Le problème, c’est que le statut du droit d’auteur sur une image générée par IA reste flou et évolue encore. Selon les analyses juridiques les plus récentes, la protection par le droit d’auteur d’une image produite par une IA dépend notamment de son niveau d’originalité et de l’intervention humaine réelle dans sa création, une question activement débattue devant les juridictions et les instances comme le Conseil supérieur de la propriété littéraire et artistique en France. Autrement dit : générer une image ne garantit pas automatiquement d’en détenir des droits clairs, ni d’être à l’abri si le modèle a reproduit, sans le vouloir, des éléments protégés issus de ses données d’entraînement.
Cela ne disqualifie pas pour autant l’usage d’images générées par IA. Mais cela justifie de continuer à valoriser du contenu réel, issu du monde tel qu’il est, en particulier lorsque la pertinence et l’authenticité comptent vraiment : montrer un vrai produit, un vrai lieu, une vraie ambiance reste souvent plus parlant qu’une image générée, aussi léchée soit-elle.
Que l’image vienne d’une banque, d’un appareil photo ou d’un générateur d’IA, la vraie question à se poser en amont reste toujours la même : à quoi sert cette image, concrètement ?
Il y a le sujet théorique du projet, évidemment : ce que l’image doit illustrer, raconter, appuyer. Mais il y a aussi l’angle personnel, celui du client ou de la marque : est-ce que cette image raconte quelque chose de sincère sur ce qu’on représente, ou est-ce juste un remplissage visuel qui aurait pu convenir à n’importe qui d’autre ?
C’est une question particulièrement utile à poser à un stagiaire qui découvre le métier : choisir une image, ce n’est jamais neutre, ni sur le plan légal, ni sur le plan du sens.
Le sujet des licences ne s’arrête pas aux images. Une typographie, ça se paie aussi, même si on l’oublie facilement.
Google Fonts distribue ses polices sous la licence SIL Open Font License (OFL), une licence libre qui autorise l’usage, l’étude, la modification et la redistribution des polices, y compris à des fins commerciales, avec pour seules vraies contraintes de conserver les mentions de licence et de ne pas revendre une police telle quelle sans l’associer à autre chose. C’est ce qui explique la popularité de Google Fonts : une bibliothèque énorme, réellement gratuite, sans piège caché.
Les fonderies commerciales fonctionnent différemment, avec des licences souvent découpées par usage :
Adobe Fonts, par exemple, ne permet pas d’héberger localement les fichiers de ses polices web : elles doivent être appelées via son propre code d’intégration, ce qui exclut certains usages comme l’auto-hébergement ou l’intégration dans une application. Un détail qui a son importance dès qu’un projet change de forme en cours de route (un site qui devient une appli, par exemple).
En clair : une jolie police repérée sur le site d’une fonderie n’est presque jamais automatiquement utilisable partout. Le cadre d’usage prévu au moment de l’achat compte autant que la police elle-même.
Vérifier une licence avant d’utiliser une image ou une police ne devrait pas être vécu comme une corvée administrative de plus. C’est avant tout une manière de respecter un travail créatif qui a un coût, humain ou technique, même quand il est proposé gratuitement.
Le réflexe est simple à prendre, une fois qu’on l’a pris : identifier la source, lire la licence effective (pas juste le mot qui circule autour), et se demander si l’usage prévu rentre bien dans ce qu’elle autorise. Ce n’est jamais très long. Et ça évite très souvent une mauvaise surprise, pour soi comme pour un client.
Transparence : cet article a été corédigé avec l’aide d’Euria, l’intelligence artificielle d’Infomaniak.
", "author": { "name": "Fofent" }, "tags": [ "typographie", "licence", "droit d'auteur", "banque d'images", "Ressources", "IA", "Creative Commons" ], "date_published": "2026-09-01T08:02:44+02:00", "date_modified": "2026-09-01T08:02:44+02:00" }, { "id": "https://fofent.art/quel-logiciel-utiliser-guide-complet.html", "url": "https://fofent.art/quel-logiciel-utiliser-guide-complet.html", "title": "Quel logiciel utiliser pour quel projet ? Le guide qui évite les mauvaises surprises", "summary": "Faire un logo dans Photoshop, c’est un peu comme découper une pizza avec un tournevis. Ça peut marcher, mais ce n’est clairement pas l’outil prévu pour ça.
\n", "content_html": "\nLe monde des logiciels créatifs se résume souvent, dans la tête de beaucoup de monde, à « Adobe » ou « rien ». En réalité, il existe presque toujours plusieurs bonnes options selon le projet : la suite Adobe, la suite Affinity, et un paquet d’alternatives open source parfaitement capables, à condition de savoir laquelle correspond à quel besoin. Ce guide sert justement de boussole, aussi bien pour quelqu’un qui débute que pour un stagiaire qui découvre l’écosystème.
\nUn logo doit pouvoir s’agrandir sur un panneau publicitaire comme rétrécir sur un favicon, sans jamais devenir flou ou pixelisé. C’est précisément ce que permet le vectoriel : l’image est décrite par des courbes mathématiques plutôt que par des pixels.
\nPourquoi pas Photoshop ? Photoshop travaille en pixels (on parle de logiciel « raster »). Un logo créé ainsi perd en qualité dès qu’on l’agrandit, contrairement à un fichier vectoriel qui reste net à n’importe quelle taille.
\nIci, la logique s’inverse : il faut un logiciel capable de manipuler des pixels un par un, pas des courbes.
\nPourquoi pas Illustrator ? Illustrator reste un outil vectoriel : il n’est tout simplement pas conçu pour les outils de retouche avancée (calques de fusion, pinceaux de retouche, sélections complexes par pixel) qu’offre un logiciel de type Photoshop.
\nUn magazine, une brochure ou un livre demandent une gestion fine du texte sur plusieurs pages, avec des marges, des gabarits et une préparation à l’impression professionnelle.
\nPourquoi pas Photoshop ou Illustrator ? Aucun des deux ne gère correctement un document de plusieurs dizaines de pages, avec une mise en page de texte fluide et des fonctions de prépresse dignes de ce nom.
\nFaire bouger des éléments graphiques (titres animés, transitions, effets visuels) est un métier à part, différent du montage vidéo pur.
\nPourquoi pas Premiere Pro ? Premiere Pro est pensé pour monter des séquences vidéo, pas pour créer des animations graphiques élaborées à partir de zéro.
\nAssembler des rushs, ajuster un rythme, faire de l’étalonnage colorimétrique : le montage vidéo a ses propres exigences.
\nPourquoi pas After Effects ? After Effects n’est pas conçu pour gérer un montage vidéo complet avec de multiples pistes, exports et formats de diffusion : c’est un outil d’habillage et d’effets, pas un banc de montage.
\n| Type de projet | \nRéférence Adobe | \nAlternative Affinity | \nAlternative libre | \n
|---|---|---|---|
| Logo, illustration vectorielle | \nIllustrator | \nAffinity (gratuit) | \nInkscape | \n
| Retouche photo | \nPhotoshop | \nAffinity (gratuit) | \nGIMP, Krita | \n
| Mise en page, print | \nInDesign | \nAffinity (gratuit) | \nScribus | \n
| Animation, motion design | \nAfter Effects | \n— | \nBlender, Synfig Studio | \n
| Montage vidéo | \nPremiere Pro | \n— | \nDaVinci Resolve, Kdenlive | \n
Aucun de ces logiciels n’est objectivement « meilleur » dans l’absolu. Un studio avec un budget conséquent et un besoin de compatibilité totale avec des clients aura souvent intérêt à rester sur Adobe. Un indépendant, une petite structure ou un projet personnel peuvent très bien se construire entièrement sur des outils gratuits, sans jamais se sentir bridés.
\nLe plus important reste de choisir l’outil en fonction du projet, pas l’inverse. Un bon logo raté dans le mauvais logiciel reste un logo raté.
\nTransparence : cet article a été corédigé avec l’aide d’Euria, l’intelligence artificielle d’Infomaniak.
", "author": { "name": "Fofent" }, "tags": [ "guide pratique", "Ressources", "Logiciels", "L'open source et le Libre", "Graphisme", "Affinity", "Adobe" ], "date_published": "2026-09-01T08:00:35+02:00", "date_modified": "2026-09-01T08:51:59+02:00" }, { "id": "https://fofent.art/guide-formats-fichiers.html", "url": "https://fofent.art/guide-formats-fichiers.html", "title": "Formats de fichiers : le petit guide pour ne plus jamais se planter", "summary": "Envoyer un PNG à la place d’un JPG, ou un PSD à quelqu’un qui n’a pas Photoshop : tout le monde a déjà fait la boulette. Petit guide pour ne plus s’y perdre.
", "content_html": "\n\nIl y a ce moment classique où quelqu’un envoie un logo « en PDF » parce que c’est le seul format qu’il connaît, et où la personne en face aurait justement eu besoin d’autre chose. Personne n’est fautif : les formats de fichiers ne s’expliquent jamais vraiment nulle part, à part dans des documentations techniques qui donnent surtout envie de refermer l’onglet.
Ce guide sert justement à ça : donner des repères simples, sans prétendre transformer qui que ce soit en ingénieur du pixel. Il peut servir à Monsieur et Madame tout le monde qui reçoit un fichier bizarre par e-mail, tout comme à un stagiaire qui découvre qu’un « .ai » et un « .eps » ne sont pas la même chose.
Le format que tout le monde connaît sans le savoir vraiment. Une photo prise avec un smartphone ou un appareil photo finit presque toujours en JPG.
Il vient d’un standard mis au point dans les années 1990 par le Joint Photographic Experts Group, un groupe de travail international dont le nom a fini par devenir le format lui-même. Sa force : un poids très réduit pour une photo. Sa faiblesse : une compression dite « destructive », qui supprime définitivement une partie des détails de l’image à chaque enregistrement. Rouvrir puis réenregistrer un JPG plusieurs fois finit par dégrader la qualité, un peu comme une photocopie de photocopie.
À utiliser pour : des photos, des visuels destinés au web ou aux réseaux sociaux.
Le PNG est né d’un petit clash technique. En 1994, l’entreprise Unisys a annoncé vouloir faire payer des royalties sur l’algorithme de compression utilisé par le format GIF, qu’elle avait fait breveter. La communauté technique s’est immédiatement mise en quête d’une alternative libre de droits : ce sera le PNG, dont la première spécification complète est approuvée par le W3C en 1996.
Contrairement au JPG, le PNG conserve une qualité intacte (compression dite « non destructive ») et gère la transparence, ce qui en fait le format de référence pour les logos. Contrepartie logique : un poids souvent plus élevé qu’un JPG pour une image comparable.
À utiliser pour : les logos, les visuels avec transparence, les captures d’écran.
Beaucoup moins connu du grand public, mais de plus en plus présent sur le web. Développé par Google et annoncé en 2010, le WebP promet, selon les propres mesures de Google, une taille de fichier réduite d’environ 45 % par rapport à un PNG équivalent, tout en gérant aussi bien la compression avec perte que sans perte, la transparence et même l’animation.
À utiliser pour : optimiser des images sur un site web, en remplacement direct du JPG ou du PNG.
Le fameux format des animations qui tournent en boucle. Sorti en 1987 chez CompuServe, il est aujourd’hui presque exclusivement utilisé pour de courtes animations plutôt que pour des photos, faute de pouvoir afficher plus de 256 couleurs à la fois.
À utiliser pour : de petites animations simples, jamais pour une photo de qualité.
Le format par défaut des photos prises sur un iPhone récent. Basé sur le standard HEIF, il offre une meilleure qualité qu’un JPG à taille de fichier égale. Son défaut principal reste sa compatibilité limitée : un ordinateur ou un logiciel un peu ancien peut ne pas savoir l’ouvrir directement, d’où l’option, dans les réglages photo d’un iPhone, permettant de basculer sur « le plus compatible » (donc du JPG) plutôt que sur « haute efficacité ».
À utiliser pour : les photos prises sur iPhone, à condition de vérifier que le destinataire peut les ouvrir — ou de les convertir en JPG avant envoi.
Le petit chouchou du web moderne pour tout ce qui est logo, icône ou illustration simple. Développé à partir de 1999 par le W3C, le SVG décrit une image sous forme de texte (du XML), plutôt que sous forme de pixels. Résultat : une image en SVG peut être agrandie à l’infini, sur un écran de smartphone comme sur un panneau publicitaire, sans perdre le moindre détail.
À utiliser pour : les logos et icônes destinés au web, quand il faut qu’ils restent nets à toutes les tailles.
Deux formats vectoriels utilisés en graphisme professionnel. L’EPS (Encapsulated PostScript) est un ancien standard toujours utilisé pour échanger des visuels vectoriels entre logiciels différents. L’AI est, lui, le format natif d’Adobe Illustrator.
Contrairement à un JPG ou un PNG, ces fichiers restent modifiables (les tracés, les courbes, les calques) et permettent un agrandissement sans perte, comme le SVG. En contrepartie, ils nécessitent un logiciel adapté pour être ouverts correctement.
À utiliser pour : l’impression professionnelle et l’échange de fichiers entre graphistes.
Le format natif de Photoshop. Contrairement à un JPG bien plat, un PSD conserve les calques, les masques et les réglages, ce qui permet de reprendre un visuel là où il a été laissé. C’est un format de travail, pas un format de diffusion : un PSD envoyé à quelqu’un qui n’a pas Photoshop (ou un logiciel compatible) ne s’ouvrira tout simplement pas.
À utiliser pour : le travail en cours en retouche photo ou en composition graphique, jamais pour un envoi final.
Un format historique de l’imprimerie et de la photographie professionnelle, mis au point en 1986 par l’ingénieur Stephen Carlsen chez Aldus Corporation (l’éditeur de PageMaker, racheté depuis par Adobe), dans le but de mettre tout le monde d’accord sur un format commun pour les images scannées. Le TIFF conserve une qualité maximale, sans compression destructive, ce qui en fait un standard encore utilisé en impression haut de gamme et en archivage.
À utiliser pour : l’impression professionnelle et l’archivage d’images en haute qualité.
Ce n’est pas un format unique, mais une famille de formats propriétaires (CR2 et CR3 chez Canon, NEF chez Nikon, ARW chez Sony, et ainsi de suite). Un fichier RAW contient les données brutes captées par le capteur de l’appareil photo, sans aucun traitement ni compression appliqués par l’appareil. Cela laisse une marge de manœuvre bien plus grande pour retoucher exposition et couleurs après coup, au prix d’un poids de fichier nettement plus élevé et de la nécessité d’un logiciel compatible pour l’ouvrir.
À utiliser pour : la photographie professionnelle ou semi-professionnelle, quand une retouche poussée est prévue.
Le format universel par excellence, mis au point par Adobe dans les années 1990 précisément pour qu’un document conserve exactement la même mise en page, quel que soit l’ordinateur, le système d’exploitation ou l’imprimante utilisés pour l’ouvrir.
C’est un excellent format de diffusion, beaucoup moins pratique dès qu’il faut modifier le contenu : un PDF n’est pas vraiment conçu pour être édité, même si certains outils permettent de bricoler des corrections ponctuelles.
À utiliser pour : un document final à partager, imprimer ou faire signer, jamais comme format de travail intermédiaire.
Un dossier de production ne contient pas que des images. Quelques repères en plus, utiles pour ne pas être perdu face à d’autres extensions courantes.
Côté son, le MP3 reste le format compressé le plus répandu, tandis que le WAV conserve un son non compressé, plus lourd mais plus fidèle, souvent utilisé en studio avant l’export final.
Côté vidéo, le MP4 est devenu le format d’export le plus courant, largement compatible partout, tandis que le MOV reste très lié à l’écosystème Apple et aux logiciels de montage professionnels.
Côté archives, le ZIP (inventé en 1989 par Phil Katz) reste le format de compression le plus universel, alors que le 7z, plus récent et développé par Igor Pavlov, offre généralement un taux de compression supérieur, tout en restant entièrement gratuit et open source.
| Besoin | \nFormat à privilégier | \n
|---|---|
| Photo pour le web ou les réseaux | \nJPG ou WebP | \n
| Logo avec transparence | \nPNG ou SVG | \n
| Logo destiné à l’impression | \nEPS, AI ou SVG | \n
| Document à partager ou imprimer | \n|
| Fichier de travail en retouche photo | \nPSD | \n
| Photo pro à retoucher en profondeur | \nRAW | \n
| Image scannée ou impression haut de gamme | \nTIFF | \n
| Compresser plusieurs fichiers | \nZIP ou 7z | \n
Un format de fichier n’a jamais eu besoin d’être aimé. Juste d’être le bon, au bon moment.
Transparence : cet article a été corédigé avec l’aide d’Euria, l’intelligence artificielle d’Infomaniak.
", "author": { "name": "Fofent" }, "tags": [ "guide pratique", "formats de fichiers", "SVG", "Ressources", "PNG", "PDF", "JPG" ], "date_published": "2026-09-01T08:00:34+02:00", "date_modified": "2026-09-01T08:00:34+02:00" }, { "id": "https://fofent.art/open-food-facts-alimentation.html", "url": "https://fofent.art/open-food-facts-alimentation.html", "title": "Open Food Facts, la loupe collaborative du supermarché", "summary": "Un code-barres peut raconter beaucoup plus de choses qu’un prix. Open Food Facts transforme les emballages alimentaires en données consultables et partageables.
\n", "content_html": "\nScanner un produit dans un supermarché, c’est un peu comme jouer aux devinettes avec l’étiquette d’un plat mystère, sauf qu’ici la loupe est numérique.
\nOpen Food Facts part d’une idée assez simple : rassembler dans une base ouverte les informations présentes sur les emballages alimentaires afin qu’elles puissent être consultées, comparées et réutilisées.
\nLe code-barres devient alors une porte d’entrée vers la fiche du produit.
\nOpen Food Facts repose sur une logique collaborative, portée depuis le 11 avril 2014 par une association loi 1901 constituée à Paris, au NUMA, pour donner un cadre légal à but non lucratif à un projet qui grandissait déjà rapidement depuis deux ans.
\nLes informations peuvent être ajoutées et complétées par la communauté à partir des emballages : nom du produit, ingrédients, informations nutritionnelles, labels, allergènes, quantité ou photographies.
\nLa comparaison avec Wikipédia vient assez naturellement.
\nLa base ne dépend pas uniquement d’un catalogue fermé fourni par une chaîne de magasins. Les contributeurs participent à la construction et à l’amélioration des données, disponibles sous licence ouverte Open Database License (ODbL), les photos suivant quant à elles une licence Creative Commons.
\nCette ouverture possède évidemment une contrepartie : une base collaborative peut contenir des informations incomplètes, anciennes ou incorrectes.
\nL’emballage du produit reste donc une référence importante lorsqu’une information alimentaire possède un enjeu direct pour la personne qui le consomme.
\nL’application mobile rend le principe beaucoup plus concret.
\nUn code-barres est scanné et, lorsque le produit est présent dans la base, sa fiche apparaît.
\nIl devient alors possible de retrouver rapidement sa composition et différents indicateurs calculés ou repris à partir des données disponibles.
\nLe Nutri-Score, lorsqu’il est applicable et disponible, synthétise certaines caractéristiques nutritionnelles à l’aide d’une échelle allant de A à E. Le dispositif reste facultatif pour les fabricants, mais il est piloté depuis 2021 par une gouvernance transnationale associant sept pays européens (Allemagne, Belgique, Espagne, France, Luxembourg, Pays-Bas et Suisse), organisée autour d’un comité de pilotage réunissant les autorités compétentes de chaque pays et d’un comité scientifique indépendant chargé d’évaluer l’algorithme et de proposer des ajustements fondés sur des preuves.
\nOpen Food Facts travaille également avec des informations environnementales et différents indicateurs dont les méthodes et appellations peuvent évoluer.
\nC’est un point à garder en tête : un score simplifie volontairement une réalité beaucoup plus complexe.
\nIl peut servir de repère. Il ne transforme pas pour autant un aliment en verdict médical contenu dans une lettre ou une couleur.
\nL’un des aspects les plus intéressants d’Open Food Facts est peut-être moins visible dans le rayon du supermarché.
\nLes données sont ouvertes et peuvent être réutilisées dans d’autres projets, travaux de recherche ou applications selon les conditions prévues par la licence ODbL.
\nOpen Food Facts devient alors autre chose qu’un scanner de courses.
\nC’est une infrastructure de données construite collectivement.
\nUn paquet de biscuits photographié quelque part peut contribuer à une base utilisée ensuite pour analyser des produits, créer un outil ou étudier certaines évolutions du marché alimentaire.
\nLe geste individuel rejoint ainsi un projet beaucoup plus large.
\nCe type d’application peut facilement être utilisé comme une machine à classer les aliments entre « bons » et « mauvais ».
\nCe serait pourtant réduire fortement l’intérêt de l’outil.
\nUne fiche alimentaire permet surtout de regarder plus précisément ce qui se trouve sur l’emballage, de comparer deux produits ou de comprendre certaines informations qui seraient autrement noyées dans une étiquette minuscule.
\nOpen Food Facts n’a pas besoin de transformer les courses en examen.
\nIl peut simplement apporter un peu plus de contexte.
\nScanner un paquet de céréales ne changera probablement pas le monde avant le passage en caisse. Mais savoir enfin ce qui se cache derrière une ligne minuscule de l’emballage, c’est déjà plutôt pratique.
\nopenfoodfacts.orgTransparence : cet article a été corédigé avec l’aide d’Euria, l’intelligence artificielle d’Infomaniak.
", "author": { "name": "Fofent" }, "tags": [ "open data", "données ouvertes", "application", "alimentation", "Outils", "Open Food Facts", "Logiciels" ], "date_published": "2026-09-01T07:56:09+02:00", "date_modified": "2026-09-01T08:57:38+02:00" }, { "id": "https://fofent.art/formes-design-symbolique.html", "url": "https://fofent.art/formes-design-symbolique.html", "title": "Les formes : carrés, ronds, triangles et compagnie", "summary": "Le carré rassure, le rond enveloppe, le triangle pointe. Avant même les mots, les formes organisent déjà notre regard.
", "content_html": "\n\nUne forme, au fond, c’est déjà une petite prise de position.
Avant même de choisir une couleur, une typographie ou un message, une forme décide de la manière dont quelque chose va être perçu. Elle peut rassurer, tendre, couper, contenir, guider ou déranger. Elle peut aussi faire tout ça sans demander la permission, ce qui la rend assez pratique en design.
Le carré, le rond et le triangle sont les trois habitués de base. On les retrouve partout : dans les logos, les interfaces, les panneaux, les pictogrammes, l’architecture, les objets du quotidien et même dans les souvenirs d’enfance. Impossible d’y échapper très longtemps.
J’ai toujours eu une affection particulière pour le carré. Dès la troisième maternelle, c’était déjà la forme choisie d’office, et elle est restée là depuis. Avec le vert, elle formait un repère visuel presque intime. Une sorte de balise dans un petit univers d’enfant.
Le carré rassure parce qu’il cadre. Il donne des limites nettes, des angles clairs, une impression d’ordre. Là où d’autres formes laissent filer le regard, lui dit : « voici le territoire, on sait où on est ». En design d’interface, cette lecture est documentée : les angles droits du carré et du rectangle sont associés à la stabilité, à la fiabilité et à une forme de professionnalisme, ce qui explique pourquoi on les retrouve autant pour structurer du contenu ou délimiter des zones d’interaction claires.
Dans le design, cette qualité est précieuse. Le carré sert volontiers pour les grilles, les vignettes, les icônes, les pixels, les modules, les boîtes et tout ce qui a besoin de stabilité. Il évoque aussi la solidité, la structure, la rigueur, parfois la sobriété.
Mais il peut raconter autre chose selon le contexte. Un carré noir peut sembler fermé. Un carré vert peut devenir un repère calme, presque familier. Un carré bien placé dans une composition peut aussi donner l’impression d’avoir trouvé enfin le bon point d’ancrage.
Peut-être que c’est pour ça que certaines personnes s’y attachent autant : pas parce qu’il est spectaculaire, mais parce qu’il est fiable.
Le rond, lui, fait presque l’inverse.
Il n’a pas d’angle, donc il ne pique pas. Il glisse, enveloppe, rassemble. Il évoque facilement le cycle, le mouvement, la continuité, le lien, le soleil, la roue, la bulle, l’anneau, le zéro, l’orbite ou encore la tête d’un avatar. Cette absence d’angle est justement ce qui lui donne, en interface comme ailleurs, cette impression de douceur et de fluidité qu’un carré ne peut pas produire de la même manière.
Dans la société, le rond a souvent quelque chose de plus accueillant. Une table ronde n’organise pas les mêmes rapports qu’une grande table rectangulaire. Une icône ronde paraît souvent plus douce. Un bouton rond semble moins sec qu’un bouton anguleux. La forme influence déjà la relation.
Le rond fonctionne très bien lorsqu’il faut adoucir une interface, humaniser une marque ou suggérer quelque chose de plus accessible. Il est aussi très présent dans les logos qui cherchent un effet de proximité ou de mouvement continu.
Le risque, en revanche, est de devenir trop lisse. À force d’arrondir partout, tout finit par se ressembler un peu. Le confort visuel peut alors tourner à la politesse générique.
Le triangle est plus nerveux.
Il pointe, dirige, coupe l’espace. Il peut évoquer l’action, le danger, la tension, la direction, le sommet, la hiérarchie ou la montée. C’est une forme qui a quelque chose d’instable et de volontaire à la fois. Son orientation change même son message : pointé vers le haut, il paraît énergique et positif ; inversé, il tend plutôt vers la prudence ou l’alerte.
On la retrouve dans les panneaux d’avertissement, les flèches, les symboles de lecture, certaines architectures, les logos très dynamiques ou les compositions qui cherchent à produire de l’élan.
Là où le carré stabilise, le triangle pousse vers l’avant. Là où le rond enveloppe, le triangle désigne.
En communication visuelle, il peut donner du rythme, du relief et une impression de tension productive. Mais mal utilisé, il peut aussi paraître agressif ou fatigant. C’est une forme qui ne fait pas semblant d’être neutre.
Les trois grands classiques ne sont évidemment pas seuls.
Le rectangle prolonge le carré, mais avec une dimension plus pratique, plus utile, presque plus humaine parce qu’il s’adapte davantage aux écrans, aux livres, aux panneaux et aux objets.
Le losange apporte une vibration différente, plus décorative ou plus technique selon les cas. L’hexagone évoque volontiers la structure, l’efficacité, la ruche, la modularité ou une esthétique plus technologique. La spirale, elle, parle du temps, du mouvement, de l’intériorité ou de l’étrange.
Et puis il y a les formes organiques, celles qui n’obéissent pas trop au géomètre de service. Elles rappellent le vivant, l’imprévu, l’artisanat, le geste et tout ce qui refuse un peu trop de rentrer dans une case — ce qui est assez ironique, puisqu’elles sont souvent utilisées dans des boîtes de design bien rangées.
Les formes ne servent pas seulement à faire joli.
Elles organisent la circulation, l’attention et parfois même le comportement. Une signalétique ne repose pas uniquement sur la couleur : la forme aide aussi à comprendre plus vite. La norme internationale ISO 7010, qui encadre les panneaux de sécurité, en fait justement un principe de base : un rond barré rouge signale une interdiction, un rond bleu une obligation, un triangle jaune bordé de noir un danger, tandis qu’un carré ou un rectangle vert désigne un équipement de secours ou une issue. La forme et la couleur travaillent ensemble pour rester compréhensibles quel que soit le contexte, la langue ou la culture du lecteur, avec un minimum de texte.
Dans le numérique, c’est la même logique. Les icônes, les boutons, les cartes, les cadres et les avatars utilisent des formes pour rendre l’interface lisible. Une forme n’est pas un détail décoratif : elle participe à la hiérarchie de l’information.
Dans l’architecture aussi, les formes influencent la sensation d’espace. Les lignes droites peuvent évoquer la maîtrise, la rationalité, la modernité. Les courbes peuvent adoucir une façade ou la rendre plus vivante. Les angles peuvent impressionner. Les arrondis peuvent rassurer. Tout cela parle avant même qu’un discours vienne expliquer le bâtiment.
La société entière est donc remplie d’un alphabet visuel discret. On le lit sans toujours s’en rendre compte.
Alors, qu’est-ce que ça dit d’aimer le carré, surtout quand il arrive avec du vert ?
Pas une vérité absolue, évidemment. Les goûts ne sont pas des tests de personnalité universels. Mais ils laissent parfois apparaître une tendance.
Le carré peut suggérer un besoin de repères nets, de stabilité, de cohérence. Il parle à celles et ceux qui aiment que les choses tiennent ensemble, que les contours soient clairs, que le cadre existe. Le vert, lui, ajoute souvent une sensation d’équilibre, de respiration, de croissance ou de retour à quelque chose de plus vivant.
Ensemble, les deux peuvent dessiner une préférence pour les formes qui rassurent sans étouffer. Quelque chose de simple, de lisible, de fiable. Un univers qui ne crie pas, mais qui reste présent.
Dans la direction artistique des Fragments de golem, ça peut d’ailleurs devenir une vraie piste : des formes franches, presque totémiques, avec une lecture immédiate et une identité qui s’appuie sur des repères stables plutôt que sur le décoratif pour le décoratif.
Autrement dit, aimer le carré ne dit pas forcément « je suis comme ci » ou « je suis comme ça ». Ça dit peut-être plutôt : « j’ai besoin que le monde puisse se laisser lire ».
Et ce n’est déjà pas mal.
On parle souvent des formes comme si elles n’étaient que des choix esthétiques. En réalité, elles sont aussi des outils culturels.
Elles orientent la lecture d’une image, modifient l’ambiance d’une marque, changent la perception d’une interface et influencent la manière dont une société se représente elle-même. Le carré ne raconte pas la même chose qu’un rond. Le triangle ne produit pas la même sensation qu’un rectangle. Une forme n’est jamais juste une forme.
Le plus intéressant, c’est probablement là : dans cette capacité à dire quelque chose avant le texte, avant l’argument, avant l’explication.
Les formes sont peut-être les petites boîtes discrètes du design. Mais à l’intérieur, elles rangent énormément de choses.
Transparence : cet article a été corédigé avec l’aide d’Euria, l’intelligence artificielle d’Infomaniak.
", "author": { "name": "Fofent" }, "tags": [ "symbolique", "perception", "identité visuelle", "géométrie", "formes", "design", "Graphisme" ], "date_published": "2026-09-01T07:56:08+02:00", "date_modified": "2026-09-01T07:56:08+02:00" }, { "id": "https://fofent.art/couleur-bleu-graphisme.html", "url": "https://fofent.art/couleur-bleu-graphisme.html", "title": "Le bleu, cette couleur qui existe parfois surtout dans nos yeux", "summary": "Le bleu semble partout : ciel, mer, logos, interfaces. Pourtant, dans la nature, ce que l’œil perçoit comme bleu réserve quelques surprises.
", "content_html": "\n\nC’est un peu comme chercher la couleur d’un miroir : ce qui est perçu dépend énormément de la lumière et de la manière dont elle arrive jusqu’à l’œil.
Le bleu offre de très beaux exemples de ce phénomène. Dans certains animaux ou matériaux naturels, il ne provient pas nécessairement d’un pigment bleu. Des structures microscopiques peuvent interagir avec la lumière et produire une coloration structurelle, c’est-à-dire une couleur créée par la structure physique du matériau plutôt que simplement par une substance colorée. Le papillon Morpho en est l’exemple le plus cité : ses ailes portent des écailles microscopiques dont les crêtes, espacées d’environ 120 nanomètres, renforcent par interférence les longueurs d’onde bleues tout en annulant les autres. Aucun pigment bleu là-dedans : uniquement de la géométrie à l’échelle du nanomètre.
Le ciel raconte encore une autre histoire.
La lumière du Soleil contient différentes longueurs d’onde. Lorsqu’elle traverse l’atmosphère, les molécules présentes dans l’air diffusent davantage certaines longueurs d’onde courtes.
Ce phénomène est appelé diffusion de Rayleigh.
La puissance diffusée dépend de l’inverse de la longueur d’onde à la puissance quatre : les longueurs d’onde proches du bleu sont ainsi diffusées environ seize fois plus intensément que celles proches du rouge. Le résultat, observé depuis le sol, donne au ciel sa couleur bleue caractéristique pendant une grande partie de la journée. C’est aussi ce même mécanisme, à l’inverse, qui fait rougir le Soleil au lever et au coucher : la lumière traverse alors une épaisseur d’atmosphère bien plus grande, et il ne reste presque plus que les grandes longueurs d’onde pour arriver jusqu’à l’œil.
Cela ne signifie pas pour autant que tous les objets bleus fonctionnent selon ce principe. Entre pigments, structures microscopiques et lumière diffusée, plusieurs phénomènes différents peuvent aboutir à une sensation similaire pour l’œil.
Produire certaines nuances de bleu a longtemps demandé des matières premières rares ou coûteuses.
Le lapis-lazuli, notamment, a servi à fabriquer l’outremer naturel, littéralement la couleur venue « d’outre-mer » puisque la pierre provenait presque exclusivement d’Afghanistan avant d’être acheminée vers l’Europe. Sa rareté et son coût expliquent en partie la place prestigieuse qu’a pu prendre ce bleu dans certaines œuvres et dans l’art religieux européen, souvent réservé aux sujets les plus importants d’une composition.
Le développement de nouveaux pigments et procédés de fabrication a progressivement changé la situation.
Une couleur autrefois coûteuse est devenue extraordinairement banale.
Aujourd’hui, le bleu est partout : vêtements, signalétique, banques, réseaux sociaux, logiciels, institutions et interfaces.
Et pourtant, il conserve souvent cette impression de distance et de calme.
Les couleurs ne sont pas seulement des phénomènes physiques ou des outils de communication. Elles accumulent aussi des souvenirs.
Le bleu garde ici une dimension familiale particulière : c’était la couleur préférée d’un père et elle rappelle aussi immédiatement la douceur du regard d’une mère.
Impossible de réduire ce type d’association à un tableau de psychologie des couleurs.
Deux personnes peuvent regarder exactement le même bleu et y projeter des histoires complètement différentes.
C’est une nuance importante lorsqu’il faut travailler une identité visuelle : les théories donnent des repères, mais elles ne remplacent jamais le contexte.
Le bleu est régulièrement associé à la confiance, à la stabilité, au calme ou au sérieux dans la communication occidentale.
On le retrouve ainsi dans l’histoire visuelle de nombreuses entreprises technologiques ou financières : IBM, Intel, PayPal, LinkedIn ou encore Facebook ont largement utilisé cette famille chromatique.
Twitter l’a également utilisée pendant une grande partie de son existence avant de devenir X.
Cela ne prouve évidemment pas que le cerveau possède un bouton universel « bleu = confiance ».
L’habitude joue elle aussi un rôle. Plus un code est utilisé par un secteur, plus il devient familier. Et plus il devient familier, plus de nouveaux acteurs sont tentés de l’utiliser à leur tour.
Le costume-cravate de la palette finit ainsi par remplir toute l’armoire.
Le bleu possède aussi une place importante dans les institutions et la signalétique.
Les casques bleus sont devenus une image immédiatement associée aux opérations de maintien de la paix des Nations unies. Le bleu ciel a été officiellement approuvé comme couleur distinctive de l’organisation par une résolution de l’Assemblée générale dès 1947. L’année suivante, lors de la mise en place de la toute première mission d’observation au Moyen-Orient, l’historien et haut fonctionnaire onusien Brian Urquhart raconte que les bérets bleus manquaient en quantité suffisante : ce sont alors des couvre-casques militaires américains, repeints en bleu ONU, qui ont servi de premier équipement distinctif, afin de rendre les observateurs reconnaissables de loin.
Le drapeau européen utilise quant à lui un fond bleu portant un cercle de douze étoiles dorées, symbole d’unité, de solidarité et d’harmonie entre les peuples européens. Un détail est souvent mal compris : le nombre d’étoiles n’a jamais été lié au nombre de pays membres de l’Union, ce qui explique pourquoi il n’a pas bougé malgré les élargissements successifs.
Dans les interfaces numériques, le bleu est également associé depuis longtemps aux liens hypertextes.
Cette convention est tellement ancrée qu’un texte bleu et souligné ressemble presque automatiquement à quelque chose sur lequel il est possible de cliquer.
C’est l’un des paradoxes du bleu : sa popularité constitue à la fois sa force et sa faiblesse.
Il rassure parce qu’il est familier. Mais il peut aussi devenir tellement attendu qu’il finit par ne plus rien raconter.
#4169E1 : lumineux et soutenu.#000080 : sombre, institutionnel et classique.#87CEEB : clair et aérien.Le bleu est peut-être rassurant justement parce qu’il semble toujours avoir été là : au-dessus de la tête, au loin sur l’horizon et, désormais, sur une quantité assez impressionnante de boutons numériques.
Transparence : cet article a été corédigé avec l’aide d’Euria, l’intelligence artificielle d’Infomaniak.
", "author": { "name": "Fofent" }, "tags": [ "perception", "identité visuelle", "design", "couleurs", "bleu", "Graphisme" ], "date_published": "2026-09-01T07:56:07+02:00", "date_modified": "2026-09-01T07:56:07+02:00" }, { "id": "https://fofent.art/couleur-orange-graphisme.html", "url": "https://fofent.art/couleur-orange-graphisme.html", "title": "L'orange, une couleur qui ne laisse pas indifférent", "summary": "L’orange a du caractère. Chaleureuse, énergique et impossible à ignorer, cette couleur peut dynamiser une identité autant qu’elle peut diviser.
", "content_html": "\n\nC’est un peu comme l’eau de Spa : on adore ou on déteste, il n’y a pas vraiment de juste milieu. L’orange fonctionne souvent de cette manière dans une palette chromatique. C’est une couleur de caractère, capable d’attirer immédiatement le regard et de provoquer une réaction assez franche.
L’orange appartient à la famille des couleurs chaudes. Visuellement, il évoque facilement l’énergie, la chaleur, la lumière, les agrumes ou encore l’automne. Il occupe naturellement l’espace et fonctionne particulièrement bien lorsqu’il faut créer un point d’attention.
Cette présence peut devenir sa plus grande qualité comme son principal défaut. Bien dosé, l’orange apporte du rythme et de la convivialité. Trop présent, trop saturé ou associé à d’autres couleurs tout aussi fortes, il peut rapidement devenir fatigant.
C’est donc moins une couleur « joyeuse » par définition qu’une couleur difficile à rendre complètement neutre.
Pendant longtemps, l’orange n’a pas toujours bénéficié du même prestige que certaines couleurs comme le bleu, le rouge ou le pourpre. En français comme dans plusieurs langues européennes, le nom même de la couleur vient directement du fruit : avant l’arrivée de l’orange en Europe via les routes commerciales méditerranéennes, la teinte n’avait pas de nom propre et se rattachait plutôt au jaune ou au rouge selon les nuances. Ce n’est qu’à partir du Moyen Âge, avec la diffusion du fruit, que le mot « orange » a fini par désigner aussi la couleur elle-même.
Aujourd’hui, la situation est presque inversée. L’orange est devenu une couleur particulièrement reconnaissable dans la communication, le sport, la signalétique, le numérique ou la culture populaire.
Il suffit parfois d’une petite surface orange au milieu d’une composition beaucoup plus calme pour que l’œil s’y dirige immédiatement.
C’est probablement ce qui rend cette couleur intéressante en graphisme : elle peut prendre énormément de place sans nécessairement occuper énormément de surface.
Dans une identité visuelle, l’orange est souvent utilisé lorsqu’une marque souhaite paraître dynamique sans reprendre les codes plus agressifs du rouge.
Nickelodeon en a fait une composante historique de son univers visuel dès les années 1980, un choix qui a permis à la chaîne de se distinguer immédiatement des autres networks jeunesse plus consensuels dans leurs teintes. Fanta l’utilise naturellement autour de son imaginaire fruité. Orange pousse évidemment le principe encore plus loin puisque la couleur et le nom de la marque se confondent.
Ces exemples ne signifient pas que l’orange possède une signification universelle. Une couleur ne transporte jamais exactement le même message dans toutes les cultures, tous les secteurs et toutes les compositions.
Le contexte compte énormément.
Un orange légèrement brun peut rappeler la terre, le cuir ou les années 1970. Une teinte presque fluorescente évoquera davantage la sécurité, le sport ou une interface très énergique. Un orange pastel peut au contraire devenir doux et presque rassurant.
Les noms de couleurs et leurs codes ne constituent pas une vérité universelle : deux nuanciers peuvent donner des noms différents à des teintes proches. Quelques valeurs numériques permettent néanmoins de disposer de points de départ pratiques.
#FFA500 : vif, lumineux et immédiatement identifiable.#CC5500 : plus terreux, avec une sensation automnale et chaleureuse.#FF7F50 : à la frontière entre l’orange, le rose et le rouge.#FFDAB9 : beaucoup plus doux et adapté aux palettes légères.#FF4F00 selon la norme ou l’usage concerné : famille d’oranges très visibles employée notamment pour la signalisation et certains objets nécessitant une forte visibilité.Le code hexadécimal n’est cependant qu’une valeur destinée à l’affichage numérique. Une couleur imprimée, peinte ou observée sur un autre écran peut produire un résultat différent.
L’orange fonctionne particulièrement bien lorsqu’il n’essaie pas de devenir une couleur passe-partout.
Il peut servir à signaler une action dans une interface, apporter une touche chaleureuse à une identité sombre ou devenir lui-même le cœur d’un univers graphique. Son efficacité dépend alors moins d’une prétendue psychologie universelle que de son contraste, de sa saturation, de la quantité utilisée et des couleurs qui l’accompagnent.
L’orange ne cherche finalement pas beaucoup à se faire oublier. Et c’est probablement pour cela qu’il fonctionne si bien lorsqu’un projet a justement besoin d’un peu de caractère.
Transparence : cet article a été corédigé avec l’aide d’Euria, l’intelligence artificielle d’Infomaniak.
", "author": { "name": "Fofent" }, "tags": [ "psychologie des couleurs", "orange", "identité visuelle", "design", "couleurs", "Graphisme" ], "date_published": "2026-09-01T07:56:07+02:00", "date_modified": "2026-09-01T07:56:07+02:00" }, { "id": "https://fofent.art/couleur-rouge-graphisme.html", "url": "https://fofent.art/couleur-rouge-graphisme.html", "title": "Le rouge ne demande pas la permission", "summary": "Le rouge se remarque avant même qu’on ait décidé de le regarder. Entre signal d’alerte, passion et puissance, c’est une couleur difficile à rendre silencieuse.
", "content_html": "\n\nC’est un peu comme regarder une sirène de pompier ou une coccinelle : le rouge ne demande pas vraiment la permission avant de se faire remarquer. Il possède une présence visuelle immédiate qui explique son utilisation récurrente dans les signaux d’alerte, les interdictions, le sport ou les univers associés à la passion.
Cette efficacité n’est cependant pas une formule magique. Le rouge fonctionne parce qu’il s’inscrit dans un ensemble de conventions visuelles, de phénomènes physiques et d’associations culturelles que l’on apprend parfois sans même s’en rendre compte.
Le rouge correspond aux grandes longueurs d’onde de la partie visible du spectre lumineux, juste avant l’infrarouge que l’œil humain ne perçoit plus. C’est l’une des couleurs les plus faciles à repérer à distance pour la vision humaine, ce qui explique en partie pourquoi elle a été retenue très tôt pour des usages liés à la sécurité.
Mais transformer cette propriété physique en explication unique de tous les panneaux rouges serait trop simple.
Les premiers feux de signalisation électriques sont installés en 1914 à Cleveland, aux États-Unis, à partir d’une idée déposée deux ans plus tôt par un policier de Salt Lake City. La couleur rouge y est choisie précisément parce qu’elle reste la plus facilement identifiable par l’œil humain et qu’elle était déjà associée au danger dans d’autres usages, notamment ferroviaires. En France, Paris adopte ses premiers feux en 1923, avant que le système à trois couleurs ne se généralise une dizaine d’années plus tard.
Une fois le code appris et largement partagé, la couleur devient extrêmement efficace : le cerveau n’a plus besoin de réinterpréter le message à chaque carrefour. Le rouge est alors autant une convention qu’une sensation.
Dans la nature, le rouge peut apparaître dans des contextes très différents : fruits mûrs, fleurs, sang ou signaux colorés chez certaines espèces. Il serait donc risqué de lui attribuer une seule signification biologique.
La culture populaire a elle aussi multiplié les interprétations.
Pendant longtemps, les équipes de héros ont régulièrement attribué le rouge à un personnage central ou particulièrement énergique. Les Power Rangers constituent un exemple évident de ce code : depuis le premier Ranger rouge de la série originale, la franchise a pris l’habitude de faire du porteur de cette couleur le leader de l’équipe, une tendance qui s’est répétée dans la quasi-totalité des générations suivantes.
Le raccourci devient facile à comprendre : rouge égale action, puissance, courage, mouvement.
Il ne s’agit pourtant pas d’une loi de la couleur. C’est un langage culturel qui fonctionne parce qu’il a été répété.
En graphisme, le rouge peut produire des résultats radicalement différents selon sa nuance.
Un rouge très saturé placé sur un bouton peut créer un point d’attention immédiat. Un carmin sombre associé à du noir, du crème ou à une typographie élégante peut évoquer quelque chose de beaucoup plus feutré.
C’est là que les grandes listes du type « rouge = passion » deviennent vite insuffisantes.
La couleur ne travaille jamais seule.
La typographie, les formes, l’espace, le contraste, les images et le secteur d’activité modifient complètement la manière dont elle est perçue.
Sur un écran, le rouge fait partie des trois composantes du modèle RGB — Red, Green, Blue, ou rouge, vert et bleu. Ce système est dit additif : l’écran produit de la lumière et combine ces trois composantes pour créer les autres couleurs.
L’impression fonctionne autrement.
Le modèle CMJN — cyan, magenta, jaune et noir repose sur des encres qui absorbent une partie de la lumière. Certains rouges très lumineux visibles sur un écran se situent en dehors de ce qu’une impression CMJN classique peut reproduire fidèlement.
C’est une source classique de surprise : un rouge presque lumineux à l’écran peut ressortir plus terne une fois imprimé.
Ce n’est pas forcément l’imprimeur qui a mangé la couleur en chemin. Les deux supports ne fabriquent simplement pas la couleur de la même façon.
Les appellations varient selon les nuanciers et les usages. Ces codes servent surtout de points de départ numériques.
#E34234 : rouge vif légèrement orangé.#960018 : profond, plus sombre et légèrement pourpré.#B22222 : plus terreux et discret.#FF3131 : valeur numérique vive pouvant rappeler certains effets néon à l’écran.Le rouge est finalement moins une couleur qui murmure qu’une couleur qui signale. Reste ensuite à décider si le message doit dire « attention », « passion » ou simplement « regardez ici ».
Transparence : cet article a été corédigé avec l’aide d’Euria, l’intelligence artificielle d’Infomaniak.
", "author": { "name": "Fofent" }, "tags": [ "rouge", "psychologie des couleurs", "impression", "design", "couleurs", "Graphisme" ], "date_published": "2026-09-01T07:56:06+02:00", "date_modified": "2026-09-01T07:56:06+02:00" }, { "id": "https://fofent.art/fofent-fdg-digital-difference.html", "url": "https://fofent.art/fofent-fdg-digital-difference.html", "title": "Fofent, FDG Digital : où finit l'un, où commence l'autre ?", "summary": "L’un facture, l’autre raconte. Sur le papier c’est simple. Dans les faits, la frontière est parfois fine, parfois franchement compliquée.
", "content_html": "\n\nLa frontière entre Fofent et FDG Digital est parfois fine. Parfois, elle est franchement compliquée. Je dirais même qu’elle peut semer une vraie confusion dans mon audience.
Tant pis, on avance quand même.
FDG Digital, c’est le nom enregistré à la Banque-Carrefour des Entreprises, ce registre central belge qui centralise les données d’identification de toutes les entreprises et indépendants du pays, géré par le SPF Économie. C’est un peu le carnet d’état civil administratif de toute activité professionnelle en Belgique : sans y figurer, impossible de facturer légalement.
C’est donc sous ce nom que je facture. C’est FDG Digital qui vend des produits, des services, des prestations. C’est l’image la plus professionnelle des deux, celle qu’on montre en premier à un client ou un partenaire.
Cela dit, « professionnelle » ne veut pas dire austère. FDG Digital garde un ton assez cartoonesque, avec une petite marge laissée à l’absurde, assumée comme telle. Le sérieux du cadre administratif n’empêche pas un peu de fantaisie dans la manière de se présenter.
Fofent, c’est autre chose : c’est l’individu derrière FDG Digital.
C’est le surnom qui m’a été offert dans l’enfance, bien avant qu’une quelconque activité professionnelle existe. C’est ici que je veux pouvoir montrer des choses qui ne sont ni financières, ni commerciales : des tests d’outils, des réflexions, des couleurs, des projets bénévoles, des trucs qui n’ont parfois aucune vocation à rapporter quoi que ce soit.
Le personal branding impose une forme de vigilance permanente du côté de FDG Digital : on réfléchit à l’image renvoyée, au positionnement, à la cohérence. Fofent, lui, est censé offrir un peu plus de liberté d’expression. D’où l’idée de diviser les deux, plutôt que de tout mélanger dans un seul espace qui aurait fini par ne plus très bien savoir ce qu’il raconte.
Rien n’empêche pour autant les deux mondes de se toucher.
FDG Digital peut très bien vendre une prestation qui porte la patte de Fofent. Fofent peut, de son côté, présenter une réalisation qui a été facturée officiellement via FDG Digital. Ce n’est pas une cloison étanche entre deux compartiments, plutôt une membrane assez perméable : chacun garde sa fonction principale, sans totalement s’interdire de déborder chez l’autre.
La différence ne se joue d’ailleurs pas uniquement dans le nom en bas de facture. Elle se joue aussi dans le rythme.
FDG Digital répond à des délais, des échéances, des attentes fixées avec quelqu’un d’autre. C’est le rythme du client, de la mission, du planning qu’on ne choisit pas toujours seul. Fofent, lui, n’a de comptes à rendre à personne d’autre qu’à lui-même. Il peut publier plusieurs articles à la suite, puis disparaître pendant des semaines sans que ça pose le moindre problème à qui que ce soit. Pas de calendrier éditorial imposé, pas de client à rassurer, juste l’envie du moment.
C’est peut-être ça, au fond, la vraie différence entre les deux : l’un avance parce qu’il le faut, l’autre avance parce qu’il en a envie.
Peut-être que cet espace Fofent ne recevra jamais aucune visite. Peut-être qu’il restera, au fond, surtout pour moi : un endroit pour ranger des idées, sans se soucier de savoir si quelqu’un les lira un jour.
Et peut-être qu’à l’inverse, certaines personnes s’intéresseront davantage à l’individu qu’elles découvrent à travers Fofent qu’à l’entreprise elle-même. Il n’est pas impossible que cette curiosité-là finisse, tôt ou tard, par mener vers une collaboration avec FDG Digital, alors qu’au départ, ces mêmes personnes ne s’en seraient peut-être jamais approchées directement.
Diviser une identité en deux, ce n’est donc pas seulement une question de prudence administrative. C’est aussi, quelque part, une manière détournée de laisser plusieurs portes d’entrée ouvertes en même temps.
Et le pire dans tout ça, c’est qu’une troisième identité existe.
Mais ça, c’est une autre histoire.
Transparence : cet article a été corédigé avec l’aide d’Euria, l’intelligence artificielle d’Infomaniak.
", "author": { "name": "Fofent" }, "tags": [ "personal branding", "identité", "coulisses", "Réflexions", "Fofent", "FDG Digital" ], "date_published": "2026-08-31T22:26:55+02:00", "date_modified": "2026-08-31T22:26:55+02:00" }, { "id": "https://fofent.art/publii-cms-statique-local.html", "url": "https://fofent.art/publii-cms-statique-local.html", "title": "Publii, le CMS qui fait tourner ce site", "summary": "Pas de base de données, pas de panneau d’administration public, juste une appli sur l’ordinateur qui recrache un site prêt à publier. Voici Publii.
\n", "content_html": "\nTester des logiciels, des applications, des petits outils du quotidien : c’est presque maladif chez moi. Et quand en plus c’est open source, et encore mieux quand c’est européen, je ne résiste tout simplement pas.
\nLe vrai déclencheur, cette fois, s’appelle WordPress. Je l’adore autant que je le déteste. Les failles de sécurité qui reviennent régulièrement, les mises à jour de plugins qu’il ne faut jamais oublier, la maintenance qui devient franchement lourde et fatigante dès qu’on gère plusieurs sites en parallèle : à un moment, on a envie de souffler un peu. Ces dernières années, je suis donc parti à la recherche d’alternatives pour mes propres sites, et pourquoi pas demain pour certains clients selon les besoins. Ce n’est pas un rejet de WordPress : je continue à l’utiliser très régulièrement. C’est plutôt la reconnaissance que d’autres outils font parfois mieux l’affaire, selon ce que la mission demande vraiment.
\nCe site-ci, par exemple, tourne entièrement sous Publii.
\nPublii est un CMS un peu particulier : c’est une application qui s’installe directement sur l’ordinateur, disponible pour Windows, macOS et Linux. Elle est développée par TidyCustoms, une société basée dans l’Union européenne, et distribuée en open source sous licence GPL-3.0, code source disponible publiquement.
\nL’idée centrale tient en une phrase : on rédige et on met en forme le contenu localement, dans une interface sobre et épurée, puis l’application génère un site entièrement statique, en HTML et CSS prêts à être publiés. Pas de plugin à gogo, pas de bouton dans tous les sens : juste l’éditeur, avec trois modes possibles selon les habitudes de chacun (blocs, éditeur classique façon traitement de texte, ou Markdown).
\nCôté sérieux, Publii ne fait pas les choses à moitié : minification automatique du HTML et du CSS, conversion des images en WebP, données structurées, sitemaps XML générés automatiquement, et une gestion assez poussée du consentement aux cookies, avec la prise en charge du Google Consent Mode v2. Une fois le site généré, il peut être publié vers GitHub Pages, GitLab Pages, Netlify, Amazon S3, Google Cloud, en FTP, en SFTP, ou tout simplement de façon manuelle.
\nC’est là que le déclic se produit vraiment.
\nUn CMS classique comme WordPress fonctionne avec un serveur qui tourne en permanence, une base de données à interroger à chaque visite, et un panneau d’administration accessible depuis n’importe où, donc potentiellement attaquable depuis n’importe où. Publii inverse complètement cette logique. Le contenu se rédige et se gère sur l’ordinateur, hors ligne si besoin. Le site final, lui, n’est jamais qu’un empilement de fichiers HTML et CSS statiques.
\nConcrètement, ça veut dire : pas de base de données à sécuriser ni à sauvegarder, pas de panneau de connexion public à protéger contre les tentatives de piratage, pas de plugin serveur à mettre à jour en urgence un dimanche soir. La surface d’attaque devient minuscule, presque symbolique, puisqu’il n’y a tout simplement plus de partie dynamique exposée en continu sur Internet.
\nLa contrepartie existe, et il vaut mieux la connaître avant de se lancer. On ne modifie pas son site depuis n’importe quel appareil comme avec un CMS en ligne classique : il faut l’ordinateur sur lequel Publii est installé, ou une sauvegarde du projet. Le travail à plusieurs mains, en temps réel, n’a pas non plus la même souplesse qu’avec un CMS hébergé en continu. Et tout ce qui suppose une vraie interactivité côté serveur, comme des formulaires avancés ou des espaces membres, demande de passer par des services tiers plutôt que par une fonctionnalité native.
\nPublii vise clairement les blogs, les portfolios, les sites vitrines, les documentations ou les petits sites personnels et professionnels, gérés seul ou à très peu de mains.
\nCe n’est pas l’outil qu’il faut pour une boutique en ligne complexe, un site avec des comptes utilisateurs qui s’inscrivent en masse, ou une plateforme qui a besoin d’interactions constantes en base de données. Mais pour un site qui doit surtout afficher du contenu, se charger vite et rester tranquille pendant des mois sans réclamer d’attention, c’est redoutablement efficace.
\nPublii n’est pas resté seul très longtemps dans la boîte à outils.
\nPour d’autres projets, j’utilise Webstudio, un constructeur visuel open source qui se branche sur à peu près n’importe quel CMS headless et génère du code frontend moderne, un peu dans l’esprit d’un Webflow qu’on pourrait auto-héberger. Pour d’autres encore, c’est Silex qui prend le relais : un éditeur visuel sans code, né en 2003 et passé en open source dès 2007, aujourd’hui porté par l’association à but non lucratif Silex Labs.
\nEt un nouveau projet commence tout doucement à pointer le bout de son nez du côté de ProcessWire, un CMS open source créé par Ryan Cramer, connu pour son API particulièrement flexible et sa structure de champs entièrement personnalisable. De quoi reparler, probablement, dans un futur article.
\nTransparence : cet article a été corédigé avec l’aide d’Euria, l’intelligence artificielle d’Infomaniak.
", "author": { "name": "Fofent" }, "tags": [ "site statique", "WordPress", "Publii", "Outils", "Logiciels", "L'open source et le Libre", "CMS" ], "date_published": "2026-08-31T22:08:43+02:00", "date_modified": "2026-09-01T08:56:58+02:00" } ] }