Une police lisible avec une hauteur de 5 pixels


32

Pour une utilisation dans Photoshop, je recherche une police qui fait exactement 5 px de haut mais toujours lisible. J'ai moi-même essayé certaines polices système comme Arial, Tahoma, Segoe UI mais tout cela se traduit par un désordre pixélisé.

entrez la description de l'image ici

Idéalement, la police utilisera son espace de manière optimale et rendra des mots comme «RNIS» lisibles comme ceci: entrez la description de l'image ici

Cela doit spécifiquement être de 5 pixels. Alors, quelle police convient pour le marquage des fils? ne répond pas à ma question


5
avez-vous googlé pour les "polices pixel"? il y en a beaucoup sur de petites tailles, vous pourriez en trouver un qui convient à vos besoins.
Luciano


1
@PieBie qui est destiné à l'impression et non au «Web». C'est aussi spécifiquement pour une hauteur de 5 pixels.
Gerlof Leuhof

1
Vous dites que vous avez essayé certaines polices système. Avez-vous essayé les "petites polices"?
kolrabi

2
Doit-il s'agir d'une police bitmap avec seulement 2 couleurs (arrière-plan et premier plan)? Ou pouvez-vous en utiliser plus de 2, et donc l'anti-alias?
Rosie F

Réponses:


44

Si la police 5x5 pixels suggérée par Cai et mayersdesign est toujours trop grande, vous pouvez essayer la police 4x5 pixels que j'ai créée il y a quelques années pour un défi sur un autre site SE .

La version originale ne comprenait que les lettres Aà Zet les caractères .et !, mais je viens de créer une version TTF réelle de la police (en utilisant un éditeur de police en ligne basé sur des tuiles ) qui comprend tous les caractères ASCII imprimables. (Cependant, pas de lettres accentuées ou de ponctuation fantaisie non ASCII, et les lettres minuscules sont identiques à la majuscule.)

En fait, j'ai fait deux versions: une avec un espacement variable des lettres , et une monospace . Voici à quoi ils ressemblent (à 200%):

Police CG pixel 4x5
( téléchargement direct )

Police pixel CG pixel 4x5 mono
( téléchargement direct )

Je n'ai pas testé ces polices dans Photoshop, mais elles fonctionnent très bien dans GIMP: définissez simplement la taille de la police sur (un multiple de) 5px et l'espacement des lignes sur 1px ou plus.

De plus, j'ai publié ces polices dans le domaine public (via CC-Zero ), vous pouvez donc faire ce que vous voulez avec elles. En particulier, si vous n'aimez pas certains des choix de conception que j'ai faits (comme le zéro barré ou le majuscule sans empattement I) ou si vous voulez simplement ajouter plus de glyphes, vous êtes libre de cloner la police et de la modifier vous-même pour l'adapter vos besoins; l'éditeur en ligne est assez facile à utiliser.


Ps. Je suis allé et fait deux ou trois d' encore plus petites variantes de cette police:

Police CG pixel 3x5
( téléchargement direct )

Police pixel CG 3x5 mono
( téléchargement direct )

À 3x5 pixels, c'est à peu près aussi petit qu'une police de pixels peut obtenir et rester lisible. Il ne ressemble pas non plus à une coïncidence, il ressemble beaucoup à toutes les autres polices 3x5 pixels.

Même à cette taille, certains des glyphes ( en particulier les signes de ponctuation plus complexes comme &, @, #et *) souffrent un peu, et des solutions créatives (comme le style minuscule N) sont nécessaires pour maintenir toutes les formes distinctes. Pourtant, il est plus ou moins lisible, même si certaines lettres peuvent être ambiguës si elles sont utilisées seules sans contexte (comme le M, qui pourrait être confondu avec un Nou un H).

Bien sûr, vous êtes également libre de modifier cette police comme vous le souhaitez, ou même de concevoir la vôtre.


1
Je ne sais pas pourquoi, mais cela ressemble beaucoup à la police utilisée sur les calculatrices TI-82 à TI-84 pour dessiner du texte sur des graphiques.
Ismael Miguel

14
@IsmaelMiguel chaque police 3x5 ressemble à ça.
AJMansfield

@AJMansfield Rien contre, je voulais juste le signaler. Mais vous avez peut-être raison. Pourtant, c'est amusant. Cela me rappelle les jours où je passais mon temps à programmer sur ma TI-83, au lieu de prêter attention aux mathématiques. Pour en revenir au sujet, je ne suis pas un "attente" dans les polices 3x5 (ou les polices en général) et je voulais juste le souligner.
Ismael Miguel

1
@IsmaelMiguel Cela me rappelle en effet cela aussi, assis à l'arrière du cours de mathématiques et programmant ma TI-84.
AJMansfield

1
@ Michael: Oh, je ne savais pas que c'était ça. :( J'ai téléchargé les fichiers .ttf zippés sur mon propre site Web et ajouté des liens vers eux ci-dessus.
Ilmari Karonen

32

Vous allez avoir des problèmes avec la plupart des polices à cette petite taille. Certains auront un meilleur indice que d'autres et seront OK, mais il est peu probable que vous trouviez quelque chose qui fonctionne parfaitement ...

Ce dont vous avez vraiment besoin, c'est d'une police conçue spécifiquement pour fonctionner à cette taille. Les polices bitmap sont des polices conçues comme des images raster réelles pour une taille spécifique; Photoshop prend en charge les polices bitmap dans une version plus récente, ce qui peut être une option ... sinon vous recherchez simplement des "polices pixel" pour trouver des polices vectorielles normales conçues pour simuler une grille de pixels. Ce fut le premier résultat d'une recherche de "police 5px pixel":

http://www.dafont.com/5x5-pixel.font

entrez la description de l'image ici


24

La police 5x5, qui est heureusement gratuite (pour un usage personnel), est spécialement conçue pour les hauteurs de police 5px.

entrez la description de l'image ici


avec des accents! c'est un bon
Luciano

3
Malheureusement, les accents ne rentrent pas réellement dans la boîte de 5x5 pixels. Je me demandais comment c'était possible, mais il s'avère que non. :(
Ilmari Karonen

1
@Ilmari Karonen - Rats! Bien que je suppose que c'est vraiment évident. Si vous laissiez un pixel pour un espacement qui laisserait ... eh bien ... cela ne fonctionnerait tout simplement pas haha, mais toujours une police très petite et lisible avec des accents!
mayersdesign

4
Vous pouvez ajouter des accents après le caractère accentué. Je l'ai peut-être déjà vu quand Atari ST était encore une chose.
John Dvorak

3
Au moins sur le site que vous avez lié, la police est répertoriée comme "gratuite pour un usage personnel " (c'est moi qui souligne) et pas simplement gratuite - cela fera une différence pour certains. Là encore, ces sites de polices sont à mon humble avis très mauvais au sujet de la modification des conditions de licence (dans les deux sens)
AC

13

Berkelium 1541 est une conversion TrueType de la police de pixels proportionnelle utilisée par le système d'exploitation GEOS sur le Commodore 64 pour étiqueter les fichiers et autres icônes sur le bureau.

Le texte Berkelium 1541 / ISDN E18 a été agrandi 4 fois dans cette police:

entrez la description de l'image ici


3

Je sais que ce message est un peu en retard, mais je pensais juste que cela pourrait aider quiconque à la recherche d'une police de 5 x 3 pixels. La police Terminal a de très bonnes lettres et chiffres majuscules 5 x 3, mais les lettres minuscules ne sont pas toutes 5 x 3 pixels (affichées avec la ligne rouge dans l'image.)Lettres majuscules des polices terminales par rapport aux lettres minuscules


2

Les propres "petites polices" de Windows à une taille de 4 ou 5 pt semblent assez bien sortir, même si vous devrez peut-être choisir quels caractères sont corrects et lesquels ne le sont pas. S'il est réellement rendu correctement (vous devrez peut-être désactiver Cleartype ou même utiliser Paint en couleur monochrome 1 bit plus), il devrait ressembler un peu à Berkelium ci-dessus, ce qui n'est pas loin d'une main de taille minimale. visage réglé que j'utilisais (zoom avant et pixellisation à la main, ou avec beaucoup de copier-coller à grande vitesse) pour mettre du très petit texte sur des images basse résolution.

Il y a si peu d'espace pour transmettre des informations dans cette petite grille 5x5 (ou 5xless) que vous devez être un peu créatif avec des formes de lettres dans certains cas, comme le "e" à Berkelium (il a également d'intéressants minuscules "a" et "s "façonne IIRC), pour que chacun soit à la fois lisible et unique. Et il peut être utile d'utiliser une largeur proportionnelle, vous pouvez donc économiser sur les pixels avec des lettres plus minces afin de les dépenser sur ceux où une largeur supplémentaire est nécessaire.

Comme quelqu'un l'a laissé entendre en passant ci-dessus, la police système 6x6 utilisée sur l'Atari ST (pour les étiquettes de fichiers de lecteur et de majuscules dans l'ensemble, avec 8x8 ou 8x16 utilisé ailleurs, mais pas exclusivement) peut également mériter votre attention. C'est essentiellement 5x5 de la même manière que les autres sont essentiellement 7x7 et 7x15, car ils ont un espacement vertical et horizontal intégré pour tous, sauf les descendants les plus profonds et les personnages de dessin de boîte. Notamment ISTR les e et a manquaient d'ouvertures dans leurs boucles, mais ils étaient toujours reconnaissables (et comme démontré, si vous finissez par les modifier en une police de caractère personnalisée, vous pouvez corriger cela).

En dehors de cela, le plus petit que vous ayez tendance à utiliser couramment est 6x6 ou 6x8, avec ou sans espace environnant, ou 5x7 sur certains LCD à matrice de points. Il est difficile de créer une police décente avec n'importe quel type de caractère plutôt qu'une fonctionnalité robotique pure avec moins de pixels (en effet, les autres exemples donnés ci-dessus semblent plutôt familiers, car ils sont identiques ou très similaires à ceux que j'ai vus utilisés régulièrement sur les écrans LCD des téléphones portables à bas niveau à la fin des années 90 / début des années 2000). Semblable à la façon dont il peut être difficile de faire des lettres (et certainement d'avoir le choix d'utiliser des majuscules ou des minuscules) avec des LCD numériques à 7 segments, et ce n'est pas beaucoup mieux avec un segment à 9 ou 11 (+). Et le pixel 5x5 est essentiellement à 25 segments, sauf qu'en réalité, il ressemble plus à un type légèrement plus flexible de 11 ou 15 segments. C'est le genre de contrainte avec laquelle vous travaillez ici.

Si vous pouvez le supporter, plonk juste les pixels à la main ... au moins vous avez le contrôle ultime sur l'indication / crénage, alors, qui comme mentionné par d'autres va probablement être votre plus gros problème à moins que votre moteur de police soit spécifiquement réglé pour , ou peut avoir une option définie pour régler le rendu basé sur les pixels de petites polices de caractères, plutôt que de supposer que tout est un vecteur à résolution infinie et d'une taille décente. (si vous augmentez la taille d'une petite police de pixels à une taille normale et que vous modifiez le type pleine taille pour vous conformer à ses limites critiques, cela semblerait assez étrange, comme si vous essayiez de remplir une grande face vers le bas avec des pixels minimaux - votre granularité d'espacement minimum est ÉNORME par rapport aux glyphes réels)


2

La hauteur de 5 px est un point critique pour la lisibilité et si elle doit également être d'une seule couleur, il est presque impossible d'obtenir un bon texte lisible. Cela signifie que si l'on prend la limite de 6 px au lieu de 5 px, cela peut être nettement mieux, car les ascendants et les descendants ont besoin d'au moins 1 px d'espace et avec 5 px, c'est impossible.

J'ai fait une police de 5 px, elle est assez lisible mais toujours difficile à lire. Bien que je la trouve nettement plus lisible que la police mentionnée "5x5". Ce n'est pas une police .ttf, mais si vous connaissez les scripts dans Photoshop, vous pouvez écrire une fonction qui convertit les chaînes en tableaux de pixels.

Exemple:

entrez la description de l'image ici

Par rapport à "5x5" (pris l'exemple de la réponse de Mayersdesign):

entrez la description de l'image ici

Ce que je trouve intéressant en concevant de petites polices, on peut immédiatement remarquer la conception malheureuse de certaines lettres, c'est-à-dire la similitude de "e" et "c", et l'ensemble du groupe [bdpqhnu] en fait.


1

La meilleure police 3 × 5 px que j'ai vue est «Tom Thumb» :

une

Ceci est la première police 5px de haut que j'ai trouvé qui a beau lettres minuscules, bien que certaines lettres comme Met N(surtout #, @, &et ~) ne sont pas aussi lisibles que ce qu'ils seraient si elles étaient 4 ou 5 pixels de large.

Voici la version modifiée, non monospace que j'utilise: https://fontstruct.com/fontstructions/show/1604078/tom-thumb-modified

entrez la description de l'image ici


Bienvenue chez Graphic Design SE et merci pour votre réponse. S'il vous plaît envisager de faire votre réponse encore mieux en modifier ing pour résumer quelques - uns des avantages et des inconvénients de cette police, en particulier ceux qui ne sont pas évidentes de regarder l'échantillon.
Wrzlprmft
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.