Un carattere leggibile con un'altezza di 5 pixel

Per l'uso in Photoshop, sto cercando un font che sia esattamente alto 5 px ma ancora leggibile. Ho provato alcuni tipi di carattere di sistema come Arial, Tahoma, Segoe UI, ma tutto si traduce in un pasticcio pazzesco.

Idealmente, il font utilizzerà il loro spazio in modo ottimale e renderà leggibili parole come "ISDN" in questo modo:

Questo in particolare deve essere 5px. Quindi, quale carattere è adatto per la marcatura dei fili? non risponde alla mia domanda

Se il carattere pixel 5x5 suggerito da Cai e mayersdesign è ancora troppo grande, potresti provare il carattere pixel 4x5 che ho creato alcuni anni fa per una sfida su un altro sito SE .

La versione originale includeva solo le lettere Aai Ze alle .e !personaggi, ma ho appena fatto una versione attuale TTF del carattere (usando un editor di font tile-based on-line ) che include tutti i caratteri ASCII stampabili. (Tuttavia, non sono ancora presenti lettere accentate o punteggiatura non ASCII e le lettere minuscole sono identiche a quelle maiuscole).

In effetti, ho realizzato due versioni: una con spaziatura delle lettere variabile e una monospaziale . Ecco come appaiono (con dimensioni del 200%):

( download diretto )

( download diretto )

Non ho testato questi caratteri in Photoshop, ma funzionano perfettamente in GIMP: basta impostare la dimensione del carattere su (un multiplo di) 5px e l'interlinea su 1px o più.

Inoltre, ho rilasciato questi caratteri di dominio pubblico (tramite CC-Zero ), quindi puoi fare quello che vuoi con loro. In particolare, se non ti piacciono alcune delle scelte di design che ho fatto (come lo zero tagliato o la maiuscola I maiuscola) o vuoi solo aggiungere più glifi, sei libero di clonare il carattere e modificarlo tu stesso per adattarlo I tuoi bisogni; l'editor online è abbastanza facile da usare.

Ps. Sono andato e ho creato un paio di varianti ancora più piccole di questo carattere:

( download diretto )

( download diretto )

Con una risoluzione di 3x5 pixel, è piccolo quanto un font pixel può ottenere e rimane leggibile. Inoltre, non del tutto per coincidenza, sembra molto simile a quasi tutti gli altri font 3x5 pixel là fuori.

Anche in questa dimensione, alcuni dei glifi (soprattutto i più complessi simboli di punteggiatura piace &, @, #e *) soffrire un po ', e alcune soluzioni creative (come il minuscolo stile N) sono necessari per mantenere tutte le forme distinte. Tuttavia, è più o meno leggibile, anche se alcune delle lettere possono essere ambigue se usate da sole senza contesto (come il M, che potrebbe essere scambiato per un No un H).

Naturalmente, sei anche libero di modificare questo tipo di carattere in qualsiasi modo ti piaccia, o anche di progettare il tuo.

Avrai problemi con la maggior parte dei caratteri di dimensioni così piccole. Alcuni avranno un suggerimento migliore di altri ed andranno bene, ma è improbabile che tu trovi qualcosa che funzioni perfettamente ...

Ciò di cui hai veramente bisogno è un font progettato specificamente per funzionare a quella dimensione. I caratteri bitmap sono caratteri progettati come immagini raster effettive per una dimensione specifica; Photoshop ha il supporto per i caratteri bitmap in una versione più recente, quindi potrebbe essere un'opzione ... altrimenti basta cercare "caratteri pixel" per trovare normali caratteri vettoriali progettati per simulare una griglia di pixel. Questo è stato il primo risultato per una ricerca di "font pixel 5px":

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

Il font 5x5 che è felicemente gratuito (per uso personale), è realizzato appositamente per altezze di font 5px.

Berkelium 1541 è una conversione TrueType del font pixel proporzionale utilizzato dal sistema operativo GEOS su Commodore 64 per etichettare file e altre icone sul desktop.

Il testo Berkelium 1541 / ISDN E18 è aumentato di 4 volte con quel carattere:

So che questo post è un po 'in ritardo, ma ho pensato che questo potrebbe aiutare chiunque cerchi di trovare un carattere di 5 per 3 pixel. Il carattere Terminale ha davvero 5 lettere e numeri maiuscoli di 5 per 3, tuttavia le lettere minuscole non sono tutte di 5 per 3 pixel (mostrate con la linea rossa nell'immagine).

I "caratteri piccoli" di Windows a dimensioni di 4 o 5 pt sembrano uscire abbastanza bene, anche se potresti dover scegliere quali caratteri sembrano OK e quali no. Se viene effettivamente visualizzato correttamente (potrebbe essere necessario disattivare Cleartype o utilizzare Paint in un colore monocromatico a 1 bit in più), dovrebbe apparire un po 'come Berkelium sopra, che non è lontano da una mano di dimensioni minime- volto sintonizzato che usavo (zoomato e pixel a mano, o con un sacco di copia e incolla ad alta velocità) per mettere testo molto piccolo su immagini a bassa risoluzione.

C'è così poco spazio per trasmettere informazioni in quella piccola griglia 5x5 (o 5xless) che in alcuni casi devi diventare un po 'creativo con le forme delle lettere, come la "e" in Berkelium (ha anche interessanti "a" e "s minuscole "forme IIRC), affinché ciascuno sia leggibile e identificabile in modo univoco. E può essere utile usare la larghezza proporzionale, quindi puoi risparmiare sui pixel con lettere più sottili per spenderli in quelli dove è necessaria una larghezza extra.

Come qualcuno ha accennato nel passaggio sopra, anche il font di sistema 6x6 utilizzato su Atari ST (per le etichette di unità e file maiuscoli nella principale, con 8x8 o 8x16 usato altrove, anche se non esclusivamente), può valere la tua attenzione. È essenzialmente 5x5 nello stesso modo in cui gli altri sono essenzialmente 7x7 e 7x15, in quanto hanno una spaziatura verticale e orizzontale incorporata per tutti tranne i discendenti più profondi e i personaggi del disegno a scatola. In particolare ISTR mancava le aperture di e e a nei loro loop, ma erano ancora riconoscibili (e come dimostrato, se finisci per modificarli in un carattere personalizzato, puoi risolverlo).

A parte questo, il più piccolo che si tende a ottenere di uso comune è 6x6 o 6x8, con o senza spazio circostante, o 5x7 su alcuni LCD a matrice di punti. È difficile creare un carattere decente con qualsiasi tipo di carattere piuttosto che pura funzionalità robotica con meno pixel (in effetti gli altri esempi sopra riportati sembrano piuttosto familiari, poiché sono identici o molto simili a quelli che ho visto usati regolarmente su LCD per telefoni cellulari a basso rez alla fine degli anni '90 / primi anni 2000). Simile a come può essere difficile creare lettere (e certamente avere una scelta rispetto all'uso di maiuscole o minuscole) con LCD numerici a 7 segmenti, e non è molto meglio con il segmento 9 o 11 (+). E il pixel 5x5 è essenzialmente a 25 segmenti, tranne che in realtà è più simile a un tipo leggermente più flessibile di 11 o 15 seg. Questo è il tipo di vincolo con cui stai lavorando qui.

Se riesci a sopportarlo, basta pizzicare i pixel a mano ... almeno hai il massimo controllo sul suggerimento / crenatura, quindi, come menzionato da altri, sarà probabilmente il tuo problema più grande a meno che il tuo motore di font non sia specificamente ottimizzato per o può avere un'opzione impostata per ottimizzare il rendering basato su pixel di caratteri tipografici piccoli, anziché assumere che tutto sia un vettore a risoluzione infinita e di dimensioni decenti. (se hai ridimensionato un minuscolo carattere pixel a una dimensione normale e trasformato in un tipo a grandezza naturale per conformarlo ai suoi limiti critici, sembrerebbe abbastanza strano, lo stesso che provare a stipare una grande faccia in giù a pixel minimi - la granularità della spaziatura minima è ENORME rispetto ai glifi effettivi)

L'altezza di 5 px è un punto critico per la leggibilità e anche se deve essere di un solo colore, è quasi impossibile ottenere un buon testo leggibile. Ciò significa che se si prende il limite di 6 px invece di 5 px, può essere significativamente migliore, perché gli ascendenti e i discendenti hanno bisogno di almeno 1 px di spazio e con 5 px è impossibile.

Ho creato un carattere di 5 px, è abbastanza leggibile ma ancora difficile da leggere. Anche se lo trovo significativamente meglio leggibile rispetto al menzionato carattere "5x5". Non è un carattere .ttf, ma se conosci lo scripting in Photoshop potresti scrivere una funzione che converte le stringhe in array di pixel.

Esempio:

Rispetto a "5x5" (preso l'esempio dalla risposta di Mayersdesign):

Ciò che trovo interessante progettando caratteri piccoli, si può immediatamente notare lo sfortunato disegno di alcune lettere, cioè somiglianza di "e" e "c", e l'intero gruppo [bdpqhnu] in realtà.

Il miglior font 3 × 5 px che ho visto è "Tom Thumb" :

Questa è la prima fonte 5px alta Ho scoperto che ha buone guardando le lettere minuscole, anche se alcune lettere, come Me N(e soprattutto #, @, &, e ~) non sono così leggibile come sarebbero se fossero 4 o 5 pixel di larghezza.

Ecco la versione modificata, non monospaziale che ho usato: https://fontstruct.com/fontstructions/show/1604078/tom-thumb-modified