当前位置:首页 > 问答聚合 > 正文内容

网站图标生成(图标制作网站)

zhuangbi888.com2022-05-11 18:15问答聚合20

本篇文章给大家谈谈网站图标生成,以及图标制作网站对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。

本文导读目录:

如何给自己的网站添加小图标

使用PHOTOSHOP制作一个宽高均为32像素的小图标,制作完成后存储为ico格式的即可。

使用FLASHFXP下载网页到本地,并备份一份以防万一,使用记事本打开网页的源代码。

找到网页源代码的head部分,并在head部分插入下面这句代码,注意href里的地址是你存放ico图标的地址,根据你网站上存放的位置来写。

link rel="shortcut icon" type="image/x-icon" href="/images/favicon.ico" media="screen" /

把修改过的网页文件上传到虚拟主机上,然后把做好的ico文件存放到虚拟主机的images这个网站目录里面。

如何制作网站ico小图标

先通过ps自己做一个自己中意的png图片,我们就要用这个图片制作成网站的ico.

用png格式的图片是因为png格式可以保存透明的图片。

使用搜索引擎搜索ico图标制作,第一个就是百度相关的应用,直接点击上传刚才制作的图片,然后点击“保存ico”

保存ico时,需要对文件进行重新命名,ico图标要命名为favicon.ico

保存好ico图标后,就要把图标上传到网站的根目录,也就是和网站首页在同一个目录下。

上传后,开始修改网站首页代码,在网站头部信息中加入一行代码。

代码

然后把首页上传就OK了,打开浏览器测试即可。

如果你使用的是360浏览器,这里是不会更新的,因为360是把图标保存到电脑本地上,名字为:域名.ico,需要把这个删除后才能生效。目录在C盘下,搜索下就能找到

如何给网站设置ICO图标

网站设置ICO图标步骤方法:

1、制作一个尺寸16x16大小的图片,把jpg图片转换生成一个标准的ico图标命名为:favicon.ico。

2、在网站页面中head标签内添加link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /即可。

3、把更改好的首页文件上传到空间上,再用浏览器打开就可以看到网址前面有自己设计的ico图标了。

在线生成LOGO其实就是在线生成图片,原理听起来很简单:

1. new一个bitmap或类似之物;

2. 用一个graphic在上边画出你想要的东西;

3. 保存,显示出来,大功告成.

今天要说的是生成中的一些细节问题.没有真正做过,你可能永远也不知道有这样的问题.下边提到的问题和代码,希望对各位有所帮助.

本文的示例程序在http://www.ladysolution.cn/logo.aspx

一. 字体位置.

用不同的字体,如果通过计算字体高度来给字体定位是不精确的,不同的字体有不同的em baseline,而且descending 和 ascending 得出来的值几乎很难用来算精确高度,更麻烦的是如果字体是某人造的,那EM更靠不住,最大的问题是文字上方的空白目前我没有找到适合的公式来计算.我用的是比较笨的办法,计算精确的字体高度:

private static int[] GetRealFontHeight(Bitmap bmp)

{

int width, height;

int frequency = 2;// higher frequency gets lower performance.

int[] ret = new int[2];

Color c;

bool goOut = false;

for (height = 1; height bmp.Height - 1; height += frequency)

{

for (width = 1; width bmp.Width - 1; width += frequency)

{

c = bmp.GetPixel(width, height);

if (c.Name.Length0 c.Name != "0")//got it!

{

ret[0] = height;

goOut = true;

break;

}

else

{

goOut = false;

}

}

if (goOut)

break;

}

goOut = false;

for (height = bmp.Height - 1; height 1; height -= frequency)

{

for (width = bmp.Width - 1; width 1; width -= frequency)

{

c = bmp.GetPixel(width, height);

if (c.Name.Length 0 c.Name != "0")

{

ret[1] = height;

goOut = true;

break;

}

else

{

goOut = false;

}

}

if (goOut)

break;

}

return ret;

}

在画图之前,用这个方法确定精确的字体高度,这样的染色的时候才不至于走样.大家可以通过http://www.ladysolution.cn/logo.aspx 生成图片看一下效果.如果用GDI+自带的计算高度的方法,比如GetHeight()和Height属性,在blend的时候换个字体必定有误差.

二. 画倒影, RotateFlip依然是主力

倒影倒是很简单,把BLEND设好,定位好,画出来就行:

Create mirror#region Create mirror

…….

Graphics gBack_mirror = Graphics.FromImage(backImage_mirror);

pStart = new Point(1, -pre[0]);

pEnd = new Point(1, pre[1] - pre[0]);

LinearGradientBrush backColor_mirror = new LinearGradientBrush(pStart, pEnd, Color.White, endColor);

……

gBack_mirror.DrawString(logoText, logoFont, backColor_mirror, new PointF(.0f, -pre[0]));

……

gBack.DrawImage(backImage_mirror, new Point(0, pre[1]+3));

#endregion

三. 计算好你的下笔点,通过第一点中的方法,可以拿到某字体在某size时的实际高度有多少,这样我们在画笔或写字之前通过调用此方法就可以得出你的着笔点的坐标:

private static int[] prerendText(int LogoWidth, int LogoHeight, string logoText, Font logoFont)

{

Bitmap bp = new Bitmap(LogoWidth, LogoHeight);

Graphics g = Graphics.FromImage(bp);

g.DrawString(logoText, logoFont, SystemBrushes.Info, new PointF(.0f, .0f));

int[] ret = new int[2];

ret = GetRealFontHeight(bp);

g.Dispose();

bp.Dispose();

return ret;

}

此方法返回某字体在某size下的最上方坐标和最下方坐标,有了坐标就好办事了:

int[] pre = prerendText(LogoWidth, LogoHeight, logoText, logoFont);

……

Point pStart = new Point(1, pre[0]-2);

Point pEnd = new Point(1, pre[1]+2);

LinearGradientBrush backColor = new LinearGradientBrush(pStart, pEnd, startColor, endColor);

return filename;

推荐一款制作网站图标(LOGO)的软件?

logo制作专家-菜鸟级站长最好用的LOGO工具 logo制作专家是从IBM网页制作2001(IBM WebSphere HomePage Builder 2001) 简体中文零售版(50多M)从提取出来的好东西,国内唯一绿化版本。偶将它简了又简压缩包只有3M多点了,感觉制作是菜鸟级的板油最好用的LOGO制作工具,如果想制作够炫的LOGO,不妨试试http://www.softck.com/softpage/5657.html

AAA Logo v1.21 汉化特别版

通过简单而强大的方式,设计专业的Logo,几分钟内就可以用于网页或者打印出来,内置60个模板,也可以自己定制模板,附带包含2000多个Logo对象和剪贴画的图库,所有内置Logo对象都是基于矢量的,可以轻易的缩放和旋转,也可以对任意单独对象应用不同的样式,得到几乎无限的对象和效果组合

http://www.softck.com/softpage/2003.html

怎样制作像多特那样的网站桌面图标?

实际上很简单,在网站的根目录下放一个你想要的图标文件,命名为favicon.ico就可以了,如果不行,你可以在网页上head标签范围内加上这样两行:link rel="icon" href="favicon.ico" type="image/x-icon"/

link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/,

至于图标文件的制作,可以用Axialis IconWorkshop 之类的工具来生成.尺寸一般是32px×32px

网站怎么添加favicon.ico

方法/步骤

1

先制作一个ico图标,一般图标都是网站的logo,尺寸为16*16像素。可以用任意你习惯的软件就好,制作好了存储为png格式。

注意制作过程一定要仔细,要做的清晰。

2

图片制作好了以后就要把它转换为ico格式的,这个时候只需要随便在网上搜索“ico图标制作”,然后选择在线制作,上传图片,转换为ico格式保存即可。

3

ico图标制作好了,接下来就需要把图标上传到网站根目录了。通过ftp把图片上传到根目录下。一般根目录文件夹为wwwroot,但是有的不是,根据自己的情况上传。

4

ico图标上传好了之后,就差最后一步了。在网页header部分插入如下代码:

link rel="icon" href="/favicon.ico" type="image/x-icon" /

最后保存,这个时候ico图标就做好了。

5

修改header文件千万要记得把之前的header替换了哦。

网站图标生成的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于图标制作网站、网站图标生成的信息别忘了在本站进行查找喔。

相关文章

电脑配置采用集成显卡(显卡集成设置)

电脑配置采用集成显卡(显卡集成设置)

本篇文章给大家谈谈电脑配置采用集成显卡,以及显卡集成设置对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文导读目录: 1、玩英雄联盟笔记本一般要什么配置?独立显卡好还是集成显卡好? 2、...

哈尔滨网站建设2017(哈尔滨网站建设运营)

哈尔滨网站建设2017(哈尔滨网站建设运营)

今天给各位分享哈尔滨网站建设2017的知识,其中也会对哈尔滨网站建设运营进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文导读目录: 1、哈尔滨网站建设都怎么收费? 2、哈...

影驰gtx750驱动装上不显示桌面(gtx750没有hdmi)

影驰gtx750驱动装上不显示桌面(gtx750没有hdmi)

本篇文章给大家谈谈影驰gtx750驱动装上不显示桌面,以及gtx750没有hdmi对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文导读目录: 1、gtx750显卡装上后屏幕没有反应是怎么回...

南宁服务器空间(南宁服务器托管)

南宁服务器空间(南宁服务器托管)

本篇文章给大家谈谈南宁服务器空间,以及南宁服务器托管对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文导读目录: 1、南宁虚拟空间哪里好? 2、南宁电信服务器托管IDC服务商都有哪些...

国外无版权素材网站(国内免费无版权素材)

国外无版权素材网站(国内免费无版权素材)

本篇文章给大家谈谈国外无版权素材网站,以及国内免费无版权素材对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文导读目录: 1、求推荐性价比高的国外图片网站,谢谢 2、这12个无版权视频网...

秘鲁的域名(秘鲁的国家区号)

秘鲁的域名(秘鲁的国家区号)

本篇文章给大家谈谈秘鲁的域名,以及秘鲁的国家区号对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文导读目录: 1、世界各个国家的网络最高域名都有什么? 2、各个国家域名的后缀? 3、...

国外vps建站便宜(建站vps推荐)

国外vps建站便宜(建站vps推荐)

本文导读目录: 1、使用国外vps主机建站有哪些优势? 2、为什么国外云vps主机价格比较便宜,而国内的就要贵不少呢? 3、为什么美国的VPS比中国便宜 4、便宜又好用的美国VPS主机推荐...

2000元电脑配置清单及价格表(2000元左右的电脑配置清单)

2000元电脑配置清单及价格表(2000元左右的电脑配置清单)

今天给各位分享2000元电脑配置清单及价格表的知识,其中也会对2000元左右的电脑配置清单进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文导读目录: 1、2000元电脑主机配...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。