如何自定义 Safari「个人收藏」中的网站图标？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 3614 天前的主题，其中的信息可能已经有所发展或是发生改变。

某些网站的图标模糊不清，某些干脆无法自动生成。希望能够了解该如何自定义，十分感谢！

图标

定义

模糊不清

8 条回复 • 2016-04-10 09:21:42 +08:00

dennisdo

2015-01-20 10:54:43 +08:00

https://www.dropbox.com/s/mbc6ka7hhr3q87b/%E5%B1%8F%E5%B9%95%E5%BF%AB%E7%85%A7%202015-01-20%2010.53.15.png?dl=0
从左至右：清晰 - 模糊 - 欠奉

nilennoct

2015-01-20 11:13:52 +08:00 via iPad

是不是 `<link rel="shortcut icon" href=“xxx.png”>` ?

dennisdo

2015-01-20 11:38:06 +08:00

@nilennoct 可否稍微指点一下具体方法？

abelyao

2015-01-20 11:47:28 +08:00

楼主是想作为一个用户，统一各网站的图标吗？那是不行的。
如果你是网站主，想定义自己网站的图标，那么看 2 楼。

dennisdo

2015-01-20 12:40:49 +08:00

@abelyao 是想做为用户自定义网站图标……感谢 :)

nilennoct

2015-01-20 13:12:42 +08:00

@dennisdo 因为HTML里也没其他定义网站图片的标签了，又不像用了iOS专用的属性，所以感觉像是。你可以在`<head>`标签里加一行`<link rel="shortcut icon" href=“xxx.png”>`试试，建议用高分图测试看看清晰度，顺便在根目录也放个`favicon.ico`图标？

nilennoct

2015-01-20 13:16:03 +08:00

rel="icon"

Defines a resource for representing the page in the user interface, usually an icon (auditory or visual one).

The media, type and sizes attributes allow the browser to select the most appropriate icon in its context. If several resources match, the browser will select the last one declared, in tree order. As these attributes are merely hints, and the resources may be non-appropriate upon further inspection, the browser will then select another one, if appropriate.

Note: Apple's iOS do not use this link type, nor the sizes attribute, like others mobile browsers do, to select a webpage icon for Web Clip or a start-up placeholder. Instead it uses the non-standard apple-touch-icon and apple-touch-startup-image respectively.

The shortcut link type is often seen before icon, but this link type is non-conforming, ignored and web authors must not use it anymore.

> https://developer.mozilla.org/fr/docs/Web/HTML/Link_types

HanningWu

2016-04-10 09:21:42 +08:00

见知乎用户 Ryan Meng 的回答： https://www.zhihu.com/question/30099137/answer/65719091