如何在 HTML 中将图像放入 url 中?

发布于 2024-10-19 15:12:45 字数 38 浏览 6 评论 0原文

如何在 HTML 中将图像放入 url 中?就在地址栏的左侧。

How do I put image in url in HTML? Just left of the address bar.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(5

等你爱我 2024-10-26 15:12:45

查看 favicon 的 wikipedia 条目 - http://en.wikipedia.org/wiki/Favicon

该文件的格式是 .ico 文件,您需要将其放置在网络服务器的根文件夹中。

对于更高级的场景,您还可以使用以下方法在每个页面使用不同的图标:

<link rel="shortcut icon" href="http://www.example.com/myicon.ico" />

Take a look at the wikipedia entry for favicon - http://en.wikipedia.org/wiki/Favicon

The format for this is an .ico file and you need to place this in the root folder of your webserver.

For more advanced scenarios, you can also have a different icon per page by using:

<link rel="shortcut icon" href="http://www.example.com/myicon.ico" />
难理解 2024-10-26 15:12:45

只需将名为 facicon.ico 的文件复制到您的网站根目录中,就会出现图像。

Just copy file with name facicon.ico in you website root and image will appear.

山人契 2024-10-26 15:12:45

这实际上称为网站图标。只需创建 16x16 像素图标,将其命名为“favicon.ico”并将其放入文档根目录中。

This is called a favicon actually. Just create your 16x16 pixels icon, name it "favicon.ico" and put it into your document root.

携君以终年 2024-10-26 15:12:45

我记得我自己疯狂地试图弄清楚如何制作图标文件类型。要创建图标文件(.ico 扩展名),您可以使用导出 ico 的图形程序(我更喜欢 Fireworks)或使用以 JPG、PNG 或 GIF 作为输入的在线 .ico 生成器。 16x16 是您要使用的最小 .ico 文件大小。您不需要将 favicon.ico 放在根目录中,尽管这是最常见的。使用链接标签,您还可以使用相对链接到不同文件夹中的文件。如果浏览器支持 PNG 作为收藏夹/快捷方式图标,该文件可以命名为 logo.ico 甚至 logo.png。 Internet Explorer 仅支持 .ico,因此每个人都使用 .ico。非根目录示例:

<link rel="shortcut icon" href="/media/images/website_graphics/favicon.ico" />

从 JPG、PNG 或 GIF 生成 favicon.ico 文件

I remember driving myself crazy trying to figure out how to make an icon file type. To create an icon file (.ico extension) you can either use a graphics program that exports ico's (I prefer Fireworks) or use an online .ico generator which takes a JPG, PNG or GIF as input. 16x16 is the smallest file size for .ico that you will want to use. You don't need to put the favicon.ico in your root directory although that is most common. Using the link tag you could also use a relative link to file in a different folder. The file can be named logo.ico or even logo.png if the browser supports PNG for the favorites/shortcut icon. Internet Explorer only supports .ico so everyone uses .ico. Example with non-root directory:

<link rel="shortcut icon" href="/media/images/website_graphics/favicon.ico" />

Generate a favicon.ico file from a JPG, PNG or GIF

彩扇题诗 2024-10-26 15:12:45

简短的答案,简单的解决方案

设计一个 ICO 格式的 16x16 文件,将其命名为 favicon.ico 并将其放置在您网站的根目录下(例如 http://mywebsite.com/favicon.ico)。

您的图标在经典桌面环境(Windows+IE、Windows+Chrome 等)中看起来不错。

长答案,复杂(或不复杂)的解决方案

真正的答案很复杂。第一个要解决的情况是 PC 浏览器选项卡中的小图标。这很容易完成,请参阅上面的第一个解决方案。然后,您还有很多其他情况需要考虑:

你可以看看这个完整的图标图片列表

如果你想涵盖所有内容,我建议你使用这个 favicon 生成器。它会立即创建所有这些图片以及相应的 HTML 代码。完全披露:我是该网站的作者。

Short answer, simple solution

Design a 16x16 file in ICO format, call it favicon.ico and place it at the root of your web site (eg. http://mywebsite.com/favicon.ico).

Your favicon will look okay in classic, desktop environments (Windows+IE, Windows+Chrome, etc.).

Long answer, complex (or not) solution

The real answer is complex. The first case to address is the small icon in the tabs of PC's browsers. This is easily done, see the first solution above. Then, you have a lot of additional cases to consider:

You can look at this complete favicon picture list.

If you want to cover everything, I suggest you to use this favicon generator. It creates all these pictures at once and also the corresponding HTML code. Full disclosure: I'm the author of this site.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文