Převod souboru PNG do TTF

Program, operační systém nebo zařízení, které očekává instalovatelný font, nemůže použít obrázek PNG jako text. Převod nápisu do TTF způsobí, že znaky bude možné vybírat, znovu používat a sdílet jako font, nikoli jako pevný obrázek.

Co je formát PNG

PNG je formát rastrového obrázku, který ukládá pixely s bezztrátovou kompresí a může obsahovat alfa kanál pro průhlednost. Snímky obrazovky, naskenované nápisy, loga, ikony a exportované grafické práce běžně přicházejí jako soubory PNG.

PNG zaznamenává vzhled znaků v pevném rozlišení; neobsahuje identity znaků, mapování Unicode, účaří, mezery ani škálovatelné obrysy. Obrázek obsahující HELLO se proto automaticky nemůže změnit na samostatné, upravitelné glyfy H, E, L a O.

Co je formát TTF

TTF neboli TrueType Font je instalovatelný formát fontu obsahující obrysy glyfů, mapování znaků, metriky a případně instrukce hintingu. Operační systémy a aplikace tato data používají k vykreslování textu v různých velikostech namísto zobrazení jedné pevné bitmapy.

TTF se hodí pro vlastní typografická písma, rukopisné fonty, ikonové fonty a nápisy určené k použití jako text. Glyfy založené na obrysech se škálují výrazně lépe než bitmapa a lze jim přiřadit znaky Unicode, kvalita rasterizace však stále závisí na obrysech, metrikách fontu, hintingu a aplikaci, která font vykresluje. Webové stránky často používají WOFF2 namísto TTF, ačkoli TTF zůstává široce podporován pro instalaci na desktopu a tvorbu fontů.

Jak převést nápis PNG do TTF

Pracovní postup na desktopu s Inkscape a FontForge

1. Pokud možno připravte samostatný PNG s vysokým rozlišením pro každý znak. Ořízněte nepotřebné okraje, použijte jednobarevné pozadí a odstraňte stíny nebo textury, které se nemají stát součástí glyfu. Naskenovaná abeceda by měla obsahovat rozpoznatelné jednotlivé znaky, nikoli jedno celé slovo.
2. Otevřete obrázek znaku v Inkscape a zvolte Path → Trace Bitmap. Použijte práh jasu nebo režim jediného skenu, zobrazte náhled výsledku, proveďte trasování a odstraňte původní bitmapu. Zkontrolujte vnitřní prostory, spoje a tenké tahy a poté vektor uložte jako Plain SVG.
3. Otevřete FontForge a zvolte File → New. Pro běžné latinské znaky použijte kódování Unicode, například ISO 10646-1 (Unicode, BMP).
4. Dvakrát klikněte na pozici znaku, například A, zvolte File → Import a importujte jeho SVG. Škálujte křivky podle účaří, výšky verzálek a čtverce em; odstraňte osamocené objekty a opravte obrysy. Importované efekty SVG, přechody a bitmapové obrázky nejsou spolehlivými obrysy fontu, proto používejte jednoduché uzavřené křivky.
5. Postup opakujte pro písmena, číslice, interpunkci, znaky s diakritikou a symboly. Přiřaďte každý glyf ke správné pozici Unicode namísto jeho ponechání jako nepřiřazené kresby.
6. Otevřete Element → Font Info a nastavte název rodiny, styl, horní a dolní dotah, a velikost em. Upravte boční prostrkání a podle potřeby i kerning, aby se sousední znaky nepřekrývaly ani nebyly příliš daleko od sebe.
7. Spusťte validační příkazy FontForge a opravte překrývající se obrysy, otevřené křivky, nesprávné směry obrysů, extrémní souřadnice a chybějící metriky. Zvolte File → Generate Fonts, vyberte TrueType a uložte výsledek s příponou .ttf.
8. Nainstalujte TTF a otestujte každý namapovaný znak v textovém editoru, grafické aplikaci a prohlížeči v několika velikostech. Pokud je třeba opravit mezery, zarovnání nebo vykreslování v malých velikostech, znovu otevřete zdrojový font ve FontForge.

Inkscape a FontForge jsou bezplatné aplikace s otevřeným zdrojovým kódem dostupné pro Windows, macOS a Linux. FontForge také dokáže přímo importovat připravené glyfy SVG, takže Inkscape není potřeba, pokud je grafika již založená na vektorech.

Online a jednodušší možnosti

Calligraphr je vhodná online možnost pro rukopis a jednoduché znakové sady. Vygenerujte jeho šablonu znaků, vytiskněte nebo stáhněte ji, vyplňte ji nebo do ní umístěte glyfy, naskenujte či nahrajte výsledek, přiřaďte každý znak ke konkrétnímu znaku a exportujte TTF. Bezplatné limity mohou omezovat počet znaků nebo revize fontu; před nahráním nezveřejněné grafiky nebo grafiky chráněné licencí si prostudujte podmínky ochrany soukromí.

Pro kontrolovanější pracovní postup v prohlížeči může Glyphr Studio sestavovat fonty z vektorových glyfů, zatímco Fontself Maker dokáže převést nápisy na fonty uvnitř podporovaných aplikací Adobe. Tyto nástroje stále vyžadují jeden glyf na znak a ruční nastavení mezer; žádný z nich nedokáže spolehlivě odvodit kompletní font z PNG obsahujícího několik písmen. Před výběrem placeného nástroje ověřte aktuální podporu operačních systémů, aplikací a exportních formátů.

Omezení kvality a kompatibility

Trasování nedokáže obnovit detaily, které ve zdroji chybí. PNG s nízkým rozlišením, rozmazáním, vyhlazováním okrajů nebo silnou kompresí vytvářejí nerovnoměrné obrysy a automatické trasování běžně poškozuje vnitřní prostory, rohy, spoje a tenké tahy. Čistá monochromatická grafika ve vysokém rozlišení poskytuje lepší výsledky, ruční úprava uzlů je však obvykle nutná.

Průhlednost se stává hranicí tvaru; barva PNG, poloprůhlednost a fotografické detaily se nestanou běžnými barevnými glyfy TrueType. Z jednoho loga lze vytvořit jeden glyf, často namapovaný do oblasti Private Use Area, nejde však o běžnou abecedu a ostatní uživatelé potřebují znát vlastní mapování. Obrázek s více písmeny je nutné rozdělit a optické rozpoznávání znaků je u stylizovaných nápisů nespolehlivé.

Soubory TTF mají širokou podporu na desktopu, vygenerovaný font však může selhat při validaci, na různých platformách se vykreslovat odlišně nebo postrádat dostatečný hinting v malých velikostech. Otestujte jej v konkrétních cílových aplikacích a zařízeních a ověřte, že licence zdrojové grafiky povoluje převod a redistribuci fontu.