我在电脑上用Photoshop制作了一张图片，想知道是否有办法通过CSS或HTML将该图片添加到我的网站上，而不必将图片上传至网站。谢谢。
6个回答
9
这对我的需求很有帮助。虽然很基础和简单，但它实现了我需要的功能（将个人照片上传到互联网上，以便使用其URL）。
步骤如下：
1.打开photos.google.com并选择要嵌入网站的任何图像。 2.点击分享图标，然后选择“获取链接”以生成可共享的链接。 3.转到j.mp/EmbedGooglePhotos，粘贴该链接，它会立即生成该图片的嵌入代码。 4.打开您的网站模板，粘贴生成的代码并保存。该图像现在将直接从您的Google照片帐户中提供。
如果您遇到问题，请查看此视频教程。
步骤如下：
1.打开photos.google.com并选择要嵌入网站的任何图像。 2.点击分享图标，然后选择“获取链接”以生成可共享的链接。 3.转到j.mp/EmbedGooglePhotos，粘贴该链接，它会立即生成该图片的嵌入代码。 4.打开您的网站模板，粘贴生成的代码并保存。该图像现在将直接从您的Google照片帐户中提供。
如果您遇到问题，请查看此视频教程。
- Josh
5
图片需要放在与你的html页面相同的文件夹中，然后创建一个href到该文件夹，并在末尾添加图片名称。例如：
<img src="C:\users\home\pictures\picture.png"/>
- Provision
1
如果HTML和图像在同一个文件夹中，那么他的网站就不会是远程的，也不需要使用完整路径。 - Anthony
2
不，如果您的网站在远程服务器上，即不在本地主机上，则无法这样做。
- Zack
2
如果你只是想在本地浏览器上查看图片，只要你有一个本地运行的服务器，这就可以实现。你只需要通过http（而不是file://）引用本地服务器即可，例如：
http://localhost/my_picture.jpg
如果picture.jpg在您本地服务器的Web根目录中。您可以针对任何站点执行此操作，如果您打开浏览器的开发人员工具并更改元素的src属性为图像的本地服务器URL。如果您可以访问您站点的HTML，则可以在那里进行更改。但是，显然，如果不在本地计算机/服务器上的某个人访问该站点，则他们将获得一个损坏的图像，除非他们也运行本地服务器并具有相同文件名的图像，这将很奇怪。
- Anthony
2
将图片上传到您的服务器或图像托管网站，获取图像链接，然后在网站页面上添加该行代码以获取该图像。该行代码为：
<img src="paste here your image full path"/>
- lovemalhotra
0
如果您只是想在不上传到服务器或在本地服务器上运行网站的情况下查看图片在网站上的效果，我认为一个非常简单的解决方案是将您的图片转换为Base64，并将其内容添加到IMG标签中或作为CSS的背景图像。
- dimshik
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接