优中选优 辨识图片中字体(优中选优是成语吗)
zhezhongyun 2025-03-24 01:31 24 浏览
王艳阳电脑爱好者 2016-02-03 08:34技巧0条评论 标签:字体 图片
如果看到一幅图片中有自己中意的精美字体,但又不知道用的是什么字体,这时多数人可能会向设计师请教或到网上提问。但是,若下次再遇到另类的字体应该怎么办?俗话说,授人以鱼不如授人以渔。借助于专门的字体识别网络服务,可以自助解决图中字体的识别问题。
1. 在线识别图片中的字体
目前,互联网的“字客网”、“求字体”、“MyFonts”、“WhatFontIs”等网站提供图片字体识别服务,各家网站在识别准确率方面各有千秋。我们不妨在这些网站中寻找适合于自己的识别渠道。
各家网站的使用流程基本相似。下面以“字客网”为例,介绍如何快速识别图片中的字体。先准备好一张用特殊字体制作的图片(如上面写有“电脑爱好者”几个字的图片)。
在浏览器地址栏中访问http://www.fontke.com/,点击右上方的“字体识别”按钮(或者直接访问识字体网址
http://www.fontke.com/likefont/),点击“本机图片”,选择电脑中的图片,点击“打开”按钮上传图片(见图1)。
在“文字设置”下方会显示文字拆分结果(见图2)。在有的拆分结果中,可能会出现一个文字被拆分成多个部件的情况,这时拖动图片到目标图片框中,就可以把这些部件组合成一个完整的文字。接着在每个文字下方输入准确的文字,点击“开始识别”按钮。
小提示:文字拆分缺字怎么办?
字客网的识字体服务可以支持复杂颜色的图片,并会对“阈值”进行自动处理。如果出现个别淡色或深色的文字或部件缺失,可以调整“阈值”数值进度条,直至图片框中的文字正常显示。如果图片框显示白字黑底,点击“反相”按钮对图片进行反白处理。
稍等片刻,字客网会搜索到匹配的字体,拖动原图到适合位置再进行辨认(见图3)。找到准确的字体后,点击字体的链接即可进行字体下载试用或购买字体商业授权。搜索结果中的字体的预览文字是“文字设置”所输入的文字,当然你随时可以修改预览文本、调整字号、设置前景色或背景色。
小技巧:提高复杂图片识别准确率
如果上传的图片的文字出现粘连的情况,要对图片进行预处理。“文字设置”只输入具有与其他字体明显区别的文字,这样可以大大提高识别准确率,因为很多字体可能会存在部分文字与其他文字基本接近的现象。
2. 识字体网站对比选择
我们通过不同类型的图片案例(常见英文、特殊英文、常见中文、特殊中文、复杂中文),用4个不同的网站分别进行识别,识别结果列于表中(表)。大家可以参考此表格的结果,根据自己所识别的字体类型,选择更合适的图片字体识别网站平台。
从测试结果来看,“字客网”和“求字体”支持英文、中文、日文、韩文等字体;MyFonts和WhatFontIs仅支持英文字体。从测试准确率来看,“字客网”对几种测试图片均可以准确地识别出来;“求字体”对大部分测试图片也识别出来,少数测试图片识别出近似的字体;MyFonts主要支持英文商业字体,免费英文字体反而不能准确识别;WhatFontIs可以准确识别出英文字体,但是在排序方面不能把最准确的优先排在前面。从支持的图片复杂程序来看,“字客网”能支持较为复杂构图的图片,“求字体”、MyFonts、WhatFontIs均能支持较为简单构图的图片。在提供的功能方面,“字客网”支持反相、阈值等图片后期处理功能,搜索结果的字体预览功能的用户体验非常好;“求字体”支持计算机自动拼字功能,但网站广告过多,严重影响用户体验;MyFonts支持图片OCR功能,但对一些非常规的文字OCR不太准确;WhatFontIs在识别结果当中不支持原始图片的拉动,影响用户对比的用户体验。
经过以上多种字体的对比测试后,笔者总体的感觉是,使用“字客网”的图片识别字体服务,流程更简单,支持的语种更广泛,同时识别准确率也相对要更高。其他3种网站服务也有其所长,可根据实际情况定夺选择。
相关推荐
- 带你看好玩的CSS-霓虹灯按钮
-
对于前端开发人员来说,css是我们再熟悉不过的朋友的,它就相当于是我们页面的衣服,页面好不好看,就看我们css运用的是否炉火纯青。css学起来简单,但是我们要把它“修炼”到出神入化境界,那这可不是一丁...
- 自动生成的静态代码示例
-
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/...
- 如何用代码快速制作营销网站底部广告?
-
当前在很多的旅游网站,底部固定广告已经成为一种常见的形式,可以参看下图。以途牛为例,下边我们一起来说一下整个制作流程显然底部是固定定位的盒子,并且是分为两组,一组为显示状态下,一组为隐藏状态下,并且通...
- CSS中清除浮动的几种方法,快来学习一下吧
-
前言首先我们通过一张图来解释下元素浮动是什么样的状态。元素浮动情况上图的html部分代码为:html代码css部分代码为:css代码通过上面的图片可以看出,当内部的div设置float后,外部的元素的...
- css reset 标签属性默认值
-
在现在的网站设计中使用reset.css用重置整个站点的标签的CSS属性的做法很常见,但有时候我们已经为了reset而reset,我们经常看到这样的reset代码其实大部分CSSreset是没必要...
- CSS实现溢出显示省略号
-
小伙伴们,对于省略号呢,咱们前端攻城狮的实现方法可就是多种多样了,那接下来呢我就给你罗列一下如果用css书写这些特殊效果,来一起看看吧~~~1.单行文本超出显示省略号效果图:实现代码:HTML部分&l...
- CSS 基础大揭秘:打造酷炫网页的魔法钥匙
-
在当今这个数字化时代,网页已经成为我们生活中不可或缺的一部分。无论是购物、学习还是娱乐,我们每天都会与各种各样的网页打交道。而你是否曾好奇,那些设计精美的网页是如何实现的呢?今天,我们就来揭开网页设计...
- 治愈焦虑!清晨两道 CSS 面试题,轻松开启元气学习日
-
晨光透过窗户洒在键盘上,又是充满希望的一天。前端的小伙伴们,在忙碌的工作和面试压力下,不妨趁着清晨和上午这段宁静时光,静下心来,和我一起解锁CSS的奇妙世界。今天咱们就用两道高频面试题,开启元气满...
- 浅谈position中absolute和relative
-
CSSposition属性中absolute和relative很容易让人弄混,基本的概念什么着,你去参考W3C,就不啰嗦了--------------------------------------...
- Highcharts基础教程(二):图表配置
-
一、图表容器Highcharts实例化中绑定容器的方式有两种:1.通过dom调用highcharts函数的方式$("#container").highcharts({//...
- CSS之垂直导航条
-
今天的内容比较简单,我们来学习一种常见的垂直导航条的实现方法,首先看一下效果图:1.首先我们创建一个有效的列表<li><ahref="http://www.???.com">...
- Inkscape 1.4 新功能介绍
-
各位Inkscape爱好者们,备受期待的Inkscape1.4版本已经正式发布,现在就可以从Inkscape官网下载体验了!这次更新带来了许多强大的新功能和改进,旨在提升你的矢量图形编辑...
- 前端内功修炼:5大主流布局系统进阶
-
获课:keyouit.xyz/14642/前端布局进阶:从盒模型到弹性布局,深入解析5大主流布局系统核心原理前端布局是构建用户界面的基石,理解不同布局系统的底层逻辑和适用场景对于开发高效、可维护的...
- MVP最小可用产品实践:用Pywebio库写一个接口加解密的小工具
-
背景最近在接口测试的过程中,由于请求报文需要先进行加密再发起请求,响应报文也需要先解密才能提取指定字段的返回值传递给下一个接口,每次都要通过代码运行相应的加/解密方法进行解析,操作起来特别麻烦,所以我...
- 网易的互动版涂小瓶子爆火,究竟是如何做到的?
-
https://mp.weixin.qq.com/s/5vmXPBWcJZ_oZ4p1znNNLw附上爆火图文链接,复制打开即可查看其实最开始看见的时候没想到这个小小的瓶子会这么火,现在的SVG交互图...
- 一周热门
- 最近发表
- 标签列表
-
- HTML 教程 (33)
- HTML 简介 (35)
- HTML 实例/测验 (32)
- HTML 测验 (32)
- HTML 参考手册 (28)
- JavaScript 和 HTML DOM 参考手册 (32)
- HTML 拓展阅读 (30)
- HTML常用标签 (29)
- HTML文本框样式 (31)
- HTML滚动条样式 (34)
- HTML5 浏览器支持 (33)
- HTML5 新元素 (33)
- HTML5 WebSocket (30)
- HTML5 代码规范 (32)
- HTML5 标签 (717)
- HTML5 标签 (已废弃) (75)
- HTML5电子书 (32)
- HTML5开发工具 (34)
- HTML5小游戏源码 (34)
- HTML5模板下载 (30)
- HTTP 状态消息 (33)
- HTTP 方法:GET 对比 POST (33)
- 键盘快捷键 (35)
- 标签 (226)
- HTML button formtarget 属性 (30)