html 放一个指定大小高宽度图片dataimagewebp;到最底部可以点击打开新页面

以下是一个示例代码：

<!DOCTYPE html>
<html>
<head>
	<title>WebP Image Demo</title>
</head>
<body>
	<div style="height: 2000px;"> <!-- 添加一个高度为2000px的div，使页面可以滚动到底部 -->
		<img src="data:image/webp;base64,UklGRhoAAABXRUJQVlA4TBEAAAAvAAAAAAfQ//73v/+BiOh/AAA=" style="width: 500px; height: 500px; position: fixed; bottom: 0; right: 0;" onclick="openNewPage()"> <!-- 添加一个指定大小为500x500px的WebP图片，并将其固定在页面底部右侧，添加onclick事件用于打开新页面 -->
	</div>

	<script>
		function openNewPage() {
			window.open('https://www.example.com'); // 替换成需要打开的链接
		}
	</script>
</body>
</html>

上述代码中，WebP图片的数据使用Base64编码的方式嵌入到了src属性中。可以将其中的数据部分替换成自己的WebP图片的Base64编码数据。style属性用于指定图片的大小和位置，将其固定在页面底部右侧。onclick事件触发时，调用openNewPage()函数打开一个新页面。

html 放一个指定大小高宽度图片dataimagewebp;到最底部可以点击打开新页面