我正在为基于 Web 的应用程序开发一个网页,我是网页设计的新手,如果我问了非常基本的问题,请原谅。
我想创建图标并嵌入到我现有的 png 图像文件中。我在下面附上了示例图片并圈出了我想要的图标。

所以我想知道如何将图标嵌入到图像中,是否有任何特定的工具来创建这些图标?
我正在为基于 Web 的应用程序开发一个网页,我是网页设计的新手,如果我问了非常基本的问题,请原谅。
我想创建图标并嵌入到我现有的 png 图像文件中。我在下面附上了示例图片并圈出了我想要的图标。

所以我想知道如何将图标嵌入到图像中,是否有任何特定的工具来创建这些图标?
如果您已经有了横幅并且想知道上面的小图,那么我可以考虑两种获取它们的方法:
1)在线购买,已经制作。iStock或GraphicRiver等网站提供具有透明背景的矢量插图,因此打开文件并将其粘贴到横幅上非常容易。您还可以使用免费图标。看看Vecteezy、The Noun Project或FlatIcon,仅举几例。
2)自己画。您可以使用鼠标(Illustrator 或 Inkscape 会更好),或者,如果您对绘图感兴趣,您可以使用绘图板。小的不是那么贵,无论如何,如果这是你的事,那只不过是一种投资。
祝你好运!
如果我正确理解您的问题,那么您有两种选择:
您可以在纸上手绘图标,然后将它们扫描到图像编辑程序中。您可以将“图标”转换为具有透明背景的固定大小的 PNG,或转换为可缩放的 SVG 文件。然后,只需将该图像上传到您的网站,将其转换为链接,并正确定位...使用绝对、固定、浮动等 CSS 样式。
您可以将手绘图标嵌入为背景图像本身的一部分。然后,您将只使用一个大图像。您可以通过在 Dreamweaver 中创建图像映射 url来将该图像的不同部分转换为链接。这意味着您将图像的一部分(通过坐标)标识为链接 - 您可以“塑造”为与背景图像中相同的形式和位置的区域。