Hero 区块生成器（页面顶部）
写下承诺、简短的说明和按钮。选择布局和颜色；预览会显示在电脑上的效果。
使用方法网站的第一屏，现成可用
可用语言: 
广告
Hero 区块生成器（页面顶部）: 用途
hero 区块是网站的第一屏，访客会在几秒钟内决定是否继续。它需要清晰的承诺、简短的说明和一个主要行动。
生成器可制作带背景图和可调深色遮罩（使文字清晰可读）的 hero，或文字与图片并排的 hero，标题字号流式缩放，并带主按钮和次按钮。图片以带 fetchpriority=high 且不延迟加载的 img 引入，因为它通常是第一屏中最大的元素（LCP）。
使用方法
- 写好标题、副标题和按钮。
- 选择图片、布局和颜色。
- 复制代码并粘贴到页面顶部。
使用场景
- 本地商家的首页。
- 活动落地页。
- 发布页面。
常见问题
hero 里该放什么？
用一句话说出客户想要的结果（标题），你如何实现（副标题），以及唯一的主要行动，例如“通过微信咨询报价”。次按钮可选，且应低调。所有内容都应能放进第一屏，无需滚动。
图片会不会拖慢网站？
hero 图片通常是第一屏中最大的元素，谷歌将其衡量为 LCP。代码使用 img 标签（而不是 background-image），带 fetchpriority=high 且不带 loading=lazy，让浏览器优先下载。请使用 WebP 格式和合适的尺寸。
照片上的文字怎么办？
图片上方的深色层（遮罩）保证白色文字在任何照片上都有足够对比度。调整不透明度直到文字容易阅读；通常 45% 到 60% 就够了。
真的免费吗？
是的，100%免费。无需注册，无需订阅，不限使用次数。所有工具：Tools123是免费的。