首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏小白程序猿

    使用PHP生成ICO图标

    今天教大家如何使用PHP生成ico图标,ico图标在每个网站中都需要用到的,使用方法也是很简单的,基本上以下面的方式为主,还有其他的方式。 <link rel="shortcut icon" href="/favicon.ico" /> 一般将ico图标放置在网站的根目录下,使用时可以使用相对路径,也可以使用绝对路径来引入,这个没有明确的规定 > 上面一共是10个函数,对于一些基本的函数没有做介绍,下面是生成ico代码: /**  * 创建ico图标  * @return string  *  */ public function icon(                     return "无法创建图像文件";                 }             }             else {                 return "图标过大

    2.8K10发布于 2019-12-27
  • 来自专栏appuploader使用操作流程

    生成图标和car文件

    1.点击图标工具。 2.点击图标工具,可以查看car资源文件,xcassets文件。 3.点击Plist编辑。 4.可以选择文件生成图标和car文件。

    1.1K40编辑于 2023-04-13
  • 来自专栏娱乐心理测试

    移动端图标生成工具

    移动端设置Icon时, 图标尺寸 总是要麻烦美工切很多尺尺的图标,特麻烦。现有一款在线图标生成器,支持 支持 亲测,特好用的!

    1K00发布于 2018-10-15
  • 来自专栏埋名

    svgtofont.js 自动生成图标字体和彩色图标文件

    一般情况我通过 iconfont 或者 icomoon 来实现图标管理生成字体,导入到项目中使用。 ,不能生成 彩色图标图标将放到平台中维护,下载字体文件到项目中使用,这样团队维护生成字体成本将非常高。 通过图标平台网站下载 svg 图标,将图标放到项目中管理,通过 svgtofont.js 工具来生成它,这将是新的字体图标使用方式: ┌─ ,不再维护字体文件 生成彩色图标文件 SVG Symbol 在项目中使用 svgtofont 读取一组 SVG图标并从SVG图标输出 TTF/EOT/WOFF/WOFF2/SVG 字体,字体生成器。

    6.9K40发布于 2018-09-20
  • 来自专栏小白程序猿

    ICO图标生成实例代码-PHP语言

    ico是Icon file的缩写,是Windows的图标文件格式的一种。图标文件可以存储单个图案、多尺寸、多色板的图标文件。一个图标实际上是多张不同格式的图片的集合体,并且还包含了一定的透明区域。 二、制作图标 根据上面的图片制作ICO格式的站标图片,网络上有很多在线生成ICO站标的网站,我们通过百度直接搜索“ICO站标制作”,就可以找到了。 将上面选定的图片导入“原始图像”,“目标尺寸”选择16*16,点击生成,简单搞定! 三、图标命名 将第二步中制作好的ICO文件命名为“favicon.ico”,一般情况下上述ICO制作网站生成的文件会自动帮助默认命名。  icon" href="http://www.explode.com/favicon.ico" /> 五、代码 /**  * ico 图标生成  * @return \think\response\View

    2.9K10发布于 2019-12-27
  • 来自专栏三掌柜的技术空间

    iOS开发:图标生成器Prepo 的使用

    Prepo 1、简介 Prepo是图标生成转化器,Prepo for Mac是Mac OS平台上的一款非常不错的Mac图像处理软件,Prepo for Mac基于Mac和iOS的一款免费且非常方便的图标转化器 有了Prepo,iOS开发者可以跳过美工,直接生成自己需要的任何尺寸的icon图标,直接使用Xcode生成的Images.xcassets或者去新建个,然后就可以使用Prepo工具,即可处理。 2、功能介绍 (1)Prepo可以帮助设计师和iOS开发者快速生成各种尺寸的图标,只需将最大分辨率的图标(最大分辨率的图标尺寸为1024*1024)拖拽进来,其他的具体的icon处理交给Prepo做就好了 4、具体的使用操作 (1)打开浏览器,搜索Prepo for Mac,选择下载Prepo到Mac电脑上; (2)在Mac电脑上面安装完Prepo之后,打开Prepo; (3)打开Prepo图标生成器的主面板 ,提示的“Add Icon Artwork”,最大的分辨率尺寸为1024*1024,拉进去之后就生成一套图标了,图标上面还可以选择不同版本等等,点击右边的Export可以生成图标; (5)图标拖入进去之后

    1.7K10编辑于 2022-04-12
  • 来自专栏韩曙亮的移动开发专栏

    【Flutter】Icons 组件 ( FlutterIcon 下载图标 | 自定义 svg 图标生成 ttf 字体文件 | 使用下载的 ttf 图标文件 )

    文章目录 一、FlutterIcon 下载图标 二、自定义 svg 图标生成 ttf 字体文件 三、使用下载的 ttf 图标文件 四、完整代码示例 五、相关资源 一、FlutterIcon 下载图标 - --- https://www.fluttericon.com/ 可以根据需求挑选合适的 icon 图标 , 生成 ttf 文件 ; 下图中 , 选中需要生成 ttf 字体文件的图标 , 这里选中了前 , 后面一串是随机生成的数字 ; 该压缩包中主要有三个文件 , ① ttf 字体文件 : MyFlutterApp.ttf , svg 格式的图标就封装在该文件中 ; ② dart 文件 : Flutter 58f376c8c60c911e8cd5a65becb0d932", "css": "account_box", "code": 59485, "src": "material" } ] } 二、自定义 svg 图标生成 , 页面中的 Custom Icons 区域会显示这 20 个 SVG 图标 ; 选中这些图标 , 点击 DOWNLOAD 按钮 , 即可下载生成的 ttf 格式的文件 ; 三、使用下载的 ttf

    4.3K20编辑于 2023-03-29
  • 来自专栏前端之攻略

    ionic 自动生成APP图标与启动界面 原

    icon.png (图片最小192x192 px)及splash.png(图片最小 2208x2208 px) 2、输入命令ionic resources --ionic       如果图片没成功生成则执行命令 clean-cache       然后再执行ionic resources --ionic 3、最后重新打包就可以了     启动界面跟上面同样的操作 ionic resources --splash   图标生成后 配置文件自动更新 如下:    <icon src="resources\android\icon\drawable-ldpi-icon.png" density="ldpi"/>  同时生成启动图标与启动动画

    2K20发布于 2019-04-04
  • 来自专栏汪宇杰博客

    .NET Core 如何生成真正的ICO图标

    导语 前一阵我终于完成了博客系统动态生成favicon的功能。众所周知,favicon肯定有一个ico格式的图标,其余可以用 png + manifest 的方式输出。 // 感觉就像打开一袋清真食品里面发现了猪肉铺一样…… 复制粘贴,能跑就行 其实.NET生成ICO的问题,十几年前就遗留到了现在。.NET没有自带ICO的编码器,因此只能自己去完成编码。 现在,生成的ICO文件里已经没有了PNG的信息。

    1.3K30发布于 2019-11-14
  • 来自专栏孙叫兽杂谈

    【APICloud系列|5】一键生成APP所有图标

    图标尺寸一般为:16*16px、512*512px、1024*1024px. 生成APP常见的图标尺寸的办法有2种: 第一种:自己根据设计出来的APP图标尺寸自己调整图标icon尺寸大小。 第二种:借助第三方神器和在线生成图标icon工具来完成。 1.网址:http://icon.wuruihong.com/ 一键快速生成iOS, Android,Windows Phone, WebApp, iWatch(watchOS), PhoneGap(Cordova )等移动平台不同大小(规格尺寸)的App图标,快速预览,提供丰富选项,可以直接打包发布到应用市场,并提供相应的PSD模板。 2.网址:http://ydimage.yidianhulian.com/ 自动生成,自动导出,app icon, android icon,ios icon,iphone icon,ipad icon

    1K00发布于 2021-02-27
  • 来自专栏韩曙亮的移动开发专栏

    【CSS3】CSS3 伪元素字体图标 ( 生成 icommon 字体文件 | 字体图标基本使用 | 使用伪元素实现 icommon 字体图标显示 )

    一、icommon 字体图标基本使用 ---- 字体图标 指的是 将图标做成字体样式 , 在 放图标的地方 使用 文字 即可实现 图标显示 ; 1、生成 icommon 字体文件 进入 https:// icomoon.io/app/#/select 网站 , 选择 491 个字体图标 ; 在上述下拉菜单中 , 选择 Select All 选项 , 一次性选择所有的 491 个字体图标 ; 点击右下角的 Generate Font 按钮 , 生成字体图标 , 生成字体后 , 点击右下角的 Download 按钮 , 下载该文件 ; 解压该文件 , 可以得到如下内容 ; 将 fonts 目录拷贝到与 网页同级目录中, 该 fonts 目录是字体文件所在目录 , 下面的四个文件就是字体文件 ; 查看 icomoon 目录中的 demo.html 网页 , 里面有字体中图标对应的编码 ; 下图中 , 房子对应的字体编码是 e900 , 右侧的  是字体的占位符 ; 2、字体图标基本使用 代码示例 : <!

    3.5K30编辑于 2023-04-24
  • 来自专栏傲绝

    阿里图标库引入图标

    文章引入 比wordpress默认图表库的图标好看多的 默认图标库的图标一般都是灰白色简直难看死了哈哈 今天分享给大家如何插入阿里图标库的彩色图标 阿里图标库有什么好处呢 插入方便 图标样式多 彩色图标应有尽有 反正你用都用不完 重点还永久免费使用 引入方法 第一步:阿里巴巴矢量图标库官网 —> Github或者新浪微博登录 第二步:然后自己通过搜索框找到自己喜爱的图标并添加至购物车 —> 添加至项目 //没有项目的自己新建项目 跳转到我的项目 页面(没有跳转的点击–>资源管理–>我的项目)//我的项目自己创建名字 第四步:在 我的项目 页面有一下按钮—>一般选 Symbol 第五步:点击 –> 查看在线链接(没有的的话可以点击生成链接 :(下面src=”这里是上面的JS代码,自行替换”) <script src="//at.alicdn.com/t/font_2931246_we7ddtq72go.js"> </script> 使用图标 在已经添加到你项目中查找图标并复制图标代码,然后按照下面的格式替换href="#iconxxx"中的图标代码,将代码插入到你需要显示图标的地方!

    3.8K30编辑于 2023-03-13
  • 实心图标与空心图标的区别

    实心图标与空心图标的区别 有读者说,面试的时候面试官提到了一个问题,但不知道怎么回答。这个问题是:实心图标和空心图标的区别是什么? 本篇文章的结论: 人的大脑在识别空心图标时,会比实心图标更显吃力; 实心图标的引导性要强于空心图标; 空心图标的装饰性会更强; 实心图标承载的信息相对更重,参考选中状态。 01. 实验的内容是将一组相同图标,分为实心和空心,给用户做测试。结论是相同一组图标,用户平均识别实心图标的速度比识别空心图标的速度要快上 0.1 秒,但是其中有个别空心图标的识别速度比实心图标更快一些。 所以第二个结论是,实心图标比空心图标更有引导性。 03. 或许有人会问,那空心图标就没用了么?不是的。其实上面有提到,空心图标相比实心图标更难识别,那么人就需要调动更多神经来对空心图标进行确认。 我只是在这里用这个例子来说明,空心图标的引导性没有实心图标强,所以更多会被用来当做装饰品。而当空心图标与实心图标同时出现,并表达同一类信息时,它们就是一种信息的两种状态,比如选中与未选中。

    1.5K10编辑于 2024-03-12
  • 来自专栏刘悦的技术博客

    见微知著,细节上雕花:SVG生成矢量格式网站图标(Favicon)探究

        Favicon是favorites icon的缩写,也被称为website icon(站点图标)、page icon(页面图标)或者urlicon(URL图标)。 Favicon是与某个站点或网页相关联的图标,网站设计者可以多种方式建立这种图标,几乎所有浏览器都支持此功能,浏览器可以将favicon显示于浏览器的地址栏中,也可置于书签列表的网站名前,还可以放在标签式浏览界面中的页标题前 后来出现了一种更为灵活的方法,即使用HTML来为任何一个网页指示其图标所存储的位置: <link rel="icon" href="favicon.ico" type="image/x-icon" / 这意味着如果在浏览器应用程序或书签栏中使用 SVG 图标,由于 SVG 内部提供的深色偏好样式,用户有可能获取与站点主题相关的(浅色或深色)图标。     ,如果声明了png的favicon,那么png格式的图标也会被下载:     所以,如果出于性能层面考虑,可以只写一种声明,用来节约系统资源。    

    91420编辑于 2022-08-08
  • 来自专栏Android知识点总结

    toly 命令行工具 | Flutter 图标字体代码生成

    图标字体工具的使用 我们的目的是通过脚本工具,可以非常便利地使用 iconfont 的图标字体。 将下载的字体图标放入指定目录后,命令行输入: toly icon ,即可做到 [1]. 自动生成 字体图标的访问代码 [3]. 自动配置 pubspec.yaml 文件的字体图标节点 也就是说,对于开发者而言,只要准备好下载的资源,然后执行命令,就可以调用生成代码的常量,展示对应的图标。 里已经实现过交互界面的字体图标生成工具,这里只需要将用户的输入转换读取配置,在命令行执行而已,总体来说并不是非常困难。 对于图标字体的代码生成,最早可以追溯到我接触 Flutter 的第七天(2018-12-22): 《Flutter第7天--字体图标+综合小案例+Android代码交互》 这里在 toly 项目中添加了 《FlutterUnit 工具集录 | IconFont 类代码自动生成》 中有详细介绍,这里就不赘述了。

    67510编辑于 2024-02-07
  • 来自专栏无道编程

    关于生成网站favicon图标 - 也许你不知道的事

    ---- 类型的图标所有桌面浏览器都支持,包括以前的IE浏览器。 png格式就是现代主流浏览器都支持的一种格式。 微软官方是推荐把16×16, 32×32 以及 48×48这几个尺寸的图标整合在favicon.ico中的。 那我们不是做个favicon.ico图标都要做很多张?? 当然没必要,有网站可以在线生成favicon【不仅是png生成ico还生成了html代码哦】 在线生成 网站:https://realfavicongenerator.net/ ? 3、点击生成 ? 4、下载文件部署 ? 5、下载的文件示例 ? 可以看出,这里包含了许多格式的图标,并且代码都是生成好了的,我们只需用即可。 并且,该网站是免费的!!!!

    3.5K00发布于 2019-11-13
  • 来自专栏h5学习笔记

    字体图标

    字体图标使用流程 总体来说,字体图标按照如下流程: ? 设计字体图标 UI设计人员在 illustrator 或 Sketch 这类矢量图形软件里创建 icon图标, 比如下图: ? 上传生成字体包 当UI设计人员给我们svg文件的时候,我们需要转换成我们页面能使用的字体文件, 而且需要生成的是兼容性的适合各个浏览器的。 推荐网站: http://icomoon.io icomoon字库 IcoMoon成立于2011年,推出的第一个自定义图标字体生成器,它允许用户选择他们所需要的图标,使它们成一字型。 可以使用AI制作图标上传生成。  自带了200多个图标

    5K20发布于 2020-09-30
  • 来自专栏cwl_Java

    前端基础-CSS网站图标和字体图标

    网站图标和字体图标 1.网站图标 作用:一个好的ico图标可以加深用户对于网站的记忆。降低用户记忆成本,就好像现在说道熊爪大家都能够想到度娘,更多的属于用户体验。有利于识别当前窗口是在哪个网站。 ="favicon.ico" /> 例: 生成ico图标 示意图 ? 使用流程: ​ (1)打开网上的图标库,网址:http://www.iconfont.cn/,搜索需要的图标,或者打开图标库 ​ (2)将需要的图标加入购物车 ​ (3)打开购物车添加至自己的项目(没有的需要自己创建 ),点击确定 ​ (4)下载至本地 ​ (5)在html中引入下载好的css文件 ​ (6)在标签中使用(需要两个类名,一个图标类型,一个图标名称) 例: 示意图 ? 将需要的图标加入购物车 示意图 ? 在购物车中将图标添加至项目 示意图 ? 有项目就选择,没有就新建 示意图 ? 下载至本地 示意图 ?

    6.7K40发布于 2020-04-07
  • 来自专栏计算机图形学 前端可视化 WebGL

    大屏可视化之番外篇图标图表制作 图标1图标2图标3图标4,5图表总结

    事实上,一些简单的图标,也可以直接使用代码来绘制生成。 通过代码来生成的优势在于: 一是不占用太多的空间,太多的图片资源对于项目的加载会有性能瓶颈。 二是,通过代码生成图标,可以通过配置属性来实现不同的风格,甚至可以做类似一键皮肤更换的效果 三是,通过代码生成图标,可以实现动态的效果,实时数据驱动动效。 当然,代码生成的缺点是,不是什么图标都可以通过代码来实现,特别是一些特别丰富效果的图标,代码实现的难度挺大。 因此,需要根据实际情况,选择最适合的解放方案,不可一概而论。 图元编辑功能,可以通过配置实现代码生成图标的效果。 下面,我们示意一些图标的制作。 图标1 ? 上面这个图标,外面几个部分都是圆形和圆环,都是比较容易制作的,比较难的是中间的一个类似温度计的部分。 图标4,5 如下两个图标: ? 相关思路不再赘述。 图表 图表可以集成echarts等相关的图表控件,但是对于一些图表,可以通过简单编辑生成。 比如下面的一张图,是一个项目中实际用到的: ?

    3.8K30发布于 2020-05-12
  • 来自专栏c#学习笔记

    信号图标

    类视图**和对象浏览器显示表示代码实体的图标,例如命名空间、类、函数和变量。下表演示并描述了这些图标图标 描述 图标 描述 Namespace(命名空间) 方法或函数 类 算子 接口 财产(属性) 结构 字段或变量 联盟 事件 枚举 不断 类型防御 Enum 项目 模块 地图项目 扩展方法 外部声明 委托 错误 例外 模板(泛型) 地图 未知 类型转发     信号图标 以下信号图标适用于之前的所有图标,并指示其可访问性。                            如果项目包含在源代码管理数据库中,可能会显示其他信号图标以指示源代码管理状态,例如签入或签出。 图标 描述 <无信号图标> 公共。可从此组件中的任意位置以及引用它的任何组件访问。 保护。

    2.6K31发布于 2020-12-01
领券