网站图片SEO优化清单生成器

439 浏览

42 试用

10 购买

Dec 11, 2025更新

SEO 文生文

根据用户提供的网站类型、图片数据及业务目标，生成一份定制化、可执行的图片SEO优化清单。清单覆盖压缩、ALT标签、命名规范及性能优化等关键环节，并提供具体操作步骤与工具建议，助力提升网站图片搜索排名与页面加载速度。

图片SEO优化清单（针对博客/个人网站）

图片压缩
- 盘点与分组：按类型建立清单（封面≈120张、截图/示例、信息图/流程图≈180张），导出分辨率、大小、路径（如 /posts/2024/cover.jpg、/assets/img/screenshot-20231102.png）。
- 统一色彩空间：将所有位图从 Display P3/未标注ICC 转换为 sRGB，保留ICC配置文件，去除其余元数据（EXIF/缩略图），避免显色不一致与冗余体积。
- 确定目标格式（按类型）：
  - 文章封面/摄影类：主用 WebP（有损，q=72–80），回退 JPEG（MozJPEG q=74–82）；仅当需透明才用 PNG。
  - 截图/代码/界面：主用 WebP 无损或 PNG（pngquant 质量 65–85）；确保文字/UI 边缘清晰。
  - 信息图/流程图：优先导出为 SVG（文本/矢量保留）；临时位图用 WebP 无损；评估矢量化替代（见“其他注意事项”）。
- 设定响应式尺寸断点（覆盖移动60%/高分屏需求）：
  - 封面（容器常见最大宽度≈1200–1400）：生成 400/640/800/1200/1600w。
  - 正文图（容器宽≈720–800）：生成 360/480/720/960/1200w（含 2x 密度）。
  - 可放大原图：提供单独原图下载/灯箱加载，不默认首屏加载。
- 压缩参数基线：
  - WebP 有损 q=72–80；WebP 无损开启 near-lossless=60–80 视文本锐度。
  - JPEG（MozJPEG）q=74–82，开启 progressive；PNG 使用 pngquant --quality=65-85 + oxipng -o6。
  - SVG 使用 SVGO 去冗余（保留 /<desc>）。</li> </ul> </li> <li><input type="checkbox" disabled=""> 响应式标注模板（用于构建产物）：为每张图生成 srcset（含 w 描述符）与 sizes；正文 sizes: "(max-width: 768px) 100vw, 720px"；封面 sizes 依据主题容器宽设置，如"(max-width: 768px) 100vw, 1200px"。</li> <li><input type="checkbox" disabled=""> 替换与回填：批量将 Markdown/模板中的单 src 更新为 <picture>（webp 源 + jpg/png 回退）或 img[srcset]；首屏封面保留高质量版本。</li> <li><input type="checkbox" disabled=""> 体积目标与验收： <ul> <li><input type="checkbox" disabled=""> 首屏封面 ≤ 200–300KB（WebP 1200–1600w），正文单图 ≤ 80–160KB，长图≤ 280KB。</li> <li><input type="checkbox" disabled=""> 首页 LCP P75 目标 < 2.5s；长文页总图片体积下降 ≥ 40%。</li> </ul> </li> <li><input type="checkbox" disabled=""> 去重与复用：启用感知哈希/内容哈希去重（构建时检测重复上传），同图跨文统一路径，提升CDN命中。</li> <li><input type="checkbox" disabled=""> 重新上传与缓存：采用文件名版本化（-v2 或 -h{短哈希}），CDN 配置 Cache-Control: public, max-age=31536000, immutable。</li> </ul> </li> <li> <p>ALT标签</p> <ul> <li><input type="checkbox" disabled=""> 全量审查：导出所有图片 ALT；标记空值与“图1/截图”等泛化描述，统计修复清单与优先级（封面/信息图优先）。</li> <li><input type="checkbox" disabled=""> 设定 ALT 编写规则（适配技术读者与无障碍）： <ul> <li><input type="checkbox" disabled=""> 长度：建议 80–125 字符；可读的自然语言，避免关键词堆砌（主要关键词≤1次，贴合上下文）。</li> <li><input type="checkbox" disabled=""> 语义模板： <ul> <li><input type="checkbox" disabled=""> 封面：主题 + 角度/价值主张（如“Docker Compose 教程：多服务本地开发环境实例架构图”）。</li> <li><input type="checkbox" disabled=""> 截图/示例：操作对象 + 步骤/设置 + 预期结果（如“VS Code 中将 ‘Format on Save’ 选项设为 true，保存时自动格式化”）。</li> <li><input type="checkbox" disabled=""> 信息图/流程图：图表类型 + 变量/层级 + 关键结论（如“CI/CD 流水线：提交触发构建→测试→部署，主分支仅经审核合并”）。</li> </ul> </li> <li><input type="checkbox" disabled=""> 装饰性图：无信息价值时使用空 ALT（alt=""），并添加 role="presentation"/aria-hidden="true"。</li> </ul> </li> <li><input type="checkbox" disabled=""> 复杂图长描述：信息图/流程图在图下提供要点列表或“查看文本版”链接；使用 figure/figcaption + aria-describedby 关联。</li> <li><input type="checkbox" disabled=""> SVG 可访问性：内嵌 <title> 与 <desc>，外层 role="img"；确保标题与描述与 ALT 对齐且不冲突。</li> <li><input type="checkbox" disabled=""> 与内容一致：ALT 不要出现“图片/图示”等无效前缀；避免不实内容或读者看不到的信息。</li> <li><input type="checkbox" disabled=""> 工作流与来源： <ul> <li><input type="checkbox" disabled=""> 在 Markdown 前置元数据中新增 image.alt、image.caption、image.license 字段，构建时注入到 HTML。</li> <li><input type="checkbox" disabled=""> 建立审核清单（PR 必须包含 ALT/说明），无 ALT 阻止合并。</li> </ul> </li> <li><input type="checkbox" disabled=""> 测试：使用 NVDA/VoiceOver 实测阅读顺序、ALT 朗读体验；确保标题/说明不重复冗余。</li> </ul> </li> <li> <p>文件命名规范</p> <ul> <li><input type="checkbox" disabled=""> 制定统一命名规则：小写、连字符分词、含文章 slug/主题关键词/类型/可选尺寸或模式；禁止空格、中文、下划线、时间戳命名。</li> <li><input type="checkbox" disabled=""> 基础模式：{slug}-{关键词}-{类型}[-{宽度}w][-dark|-light][-v{版本}|-h{短哈希}].{ext}</li> <li><input type="checkbox" disabled=""> 目录规范：文章内图放 /posts/{year}/{slug}/img/；跨文共用素材放 /assets/img/shared/；避免重复拷贝。</li> <li><input type="checkbox" disabled=""> 示例： <ul> <li><input type="checkbox" disabled=""> cover-docker-compose-guide-1600w.webp（封面）</li> <li><input type="checkbox" disabled=""> screenshot-vscode-format-on-save-node-js-720w.webp（截图）</li> <li><input type="checkbox" disabled=""> infographic-ci-cd-pipeline.svg（信息图）</li> <li><input type="checkbox" disabled=""> flowchart-git-branching-strategy-dark.svg（暗色版流程图）</li> <li><input type="checkbox" disabled=""> docker-network-modes-960w-h8f2c3.webp（含短哈希缓存戳）</li> </ul> </li> <li><input type="checkbox" disabled=""> 既有资源改名计划：批量重命名并更新引用；对已被外链的图片保留旧路径 301→新文件或保留别名副本，避免外链失效。</li> <li><input type="checkbox" disabled=""> 构建自动化：在构建脚本中强制命名校验（正则规则），不符合即失败；自动附加 -{宽度}w 与短哈希。</li> </ul> </li> <li> <p>其他注意事项</p> <ul> <li><input type="checkbox" disabled=""> 延迟加载与 LCP 优化： <ul> <li><input type="checkbox" disabled=""> 首屏最大可见图（封面）禁用懒加载：loading="eager"、decoding="sync"、fetchpriority="high"。</li> <li><input type="checkbox" disabled=""> 预加载：<link rel="preload" as="image" imagesrcset="…" imagesizes="…"> 仅针对首屏实用尺寸。</li> <li><input type="checkbox" disabled=""> 其余图片使用 loading="lazy"、decoding="async"、fetchpriority="low"；设置明确的 width/height 防 CLS。</li> </ul> </li> <li><input type="checkbox" disabled=""> 响应式图片与高分屏支持： <ul> <li><input type="checkbox" disabled=""> 全站模板接入 <picture>（webp 源 + jpg/png 回退）或 img[srcset]，覆盖 1x/2x；sizes 与容器宽匹配。</li> <li><input type="checkbox" disabled=""> 灯箱/放大：正文默认加载至容器 2x（如 720–800 宽容器→加载 ≤1600w），原图放大点击后惰性加载。</li> </ul> </li> <li><input type="checkbox" disabled=""> CDN 与缓存策略： <ul> <li><input type="checkbox" disabled=""> 静态资源走 CDN，开启 HTTP/2/3 与 Brotli；Cache-Control: public, max-age=31536000, immutable；开启 stale-while-revalidate。</li> <li><input type="checkbox" disabled=""> 路径去重：跨文引用统一到 /assets/img/shared/，提升 75%→90%+ 命中率。</li> <li><input type="checkbox" disabled=""> 依据路径缓存：避免 query 参数版本化，使用文件名版本化以利于 CDN 缓存。</li> </ul> </li> <li><input type="checkbox" disabled=""> 结构化数据与图片站点地图： <ul> <li><input type="checkbox" disabled=""> 生成 image-sitemap.xml，包含每页主要图片的 <a href="image:loc">image:loc</a>、<a href="image:title">image:title</a>（来自 caption/标题）、<a href="image:caption">image:caption</a>、可选 <a href="image:license">image:license</a>。</li> <li><input type="checkbox" disabled=""> 在文章模板注入 JSON-LD（Article/BlogPosting）：image 为 ImageObject，含 url/contentUrl、width、height、caption、author、license，primaryImageOfPage 指向封面。</li> <li><input type="checkbox" disabled=""> 向 Google Search Console 提交并监控抓取与覆盖。</li> </ul> </li> <li><input type="checkbox" disabled=""> 暗色模式与对比度： <ul> <li><input type="checkbox" disabled=""> 为关键信息图提供 light/dark 两版（命名 -light/-dark），使用 <picture> + media="(prefers-color-scheme: dark)" 自动适配。</li> <li><input type="checkbox" disabled=""> 保证文字与背景对比度≥4.5:1；避免在暗色下浅灰文本。</li> </ul> </li> <li><input type="checkbox" disabled=""> 信息图可访问性与可缩放性： <ul> <li><input type="checkbox" disabled=""> 优先使用 SVG，保留文本元素（非轮廓化）以获得可检索与缩放清晰；若需嵌入字体，控制子集并声明许可。</li> <li><input type="checkbox" disabled=""> 在 SVG 中添加 <title>/<desc>；为复杂图提供正文“文字版要点/数据表”。</li> </ul> </li> <li><input type="checkbox" disabled=""> 安全与清理： <ul> <li><input type="checkbox" disabled=""> 内嵌 SVG 进行安全清洗（移除脚本/事件），配置 CSP：img-src 与 object-src 限制。</li> <li><input type="checkbox" disabled=""> 去除不必要元数据，保留版权声明（或转入 JSON-LD）。</li> </ul> </li> <li><input type="checkbox" disabled=""> 性能与质量基线： <ul> <li><input type="checkbox" disabled=""> 图片预算：单页图片总量 ≤ 1.5MB（长文可放宽至 ≤ 1.8MB），单图常规 ≤ 150KB，封面 ≤ 300KB。</li> <li><input type="checkbox" disabled=""> 核查弱网体验：在 3G Fast/Slow 模拟下阅读流畅，首屏可视图片在 ≤2.0s 内出现。</li> </ul> </li> <li><input type="checkbox" disabled=""> 构建与工具链建议（静态站适配）： <ul> <li><input type="checkbox" disabled=""> 采用 sharp/eleventy-img/astro-imagetools/next-optimized-images 等在构建时生成多尺寸与 WebP；PNG 用 pngquant+oxipng；SVG 用 svgo。</li> <li><input type="checkbox" disabled=""> 提交前钩子：阻止 >500KB 原始位图进入仓库；自动转码/生成 srcset；校验 ALT 必填。</li> </ul> </li> <li><input type="checkbox" disabled=""> 定期图片优化审计（每季度）： <ul> <li><input type="checkbox" disabled=""> Lighthouse CI + WebPageTest：跟踪 LCP/INP/总图片体积；抓取缺失 srcset/ALT 的比例。</li> <li><input type="checkbox" disabled=""> GSC 图片搜索表现：查看“图片”搜索展示与点击；对低展示封面优化 ALT/文件名/结构化。</li> <li><input type="checkbox" disabled=""> 资产清理：删除未引用图片、合并重复；更新 CDN 失效策略。</li> </ul> </li> </ul> </li> </ol> <p>补充：针对你站点的立即落地优先级</p> <ul> <li>优先级 P0（本周）：封面专治（禁懒加载+预加载+WebP 多尺寸）、统一 sRGB、为封面/信息图重写 ALT、生成 srcset/sizes 模板并批量替换。</li> <li>优先级 P1（两周内）：信息图 SVG 化（至少新稿与常青文）、文件命名规范与构建校验、图片站点地图与 JSON-LD 注入。</li> <li>优先级 P2（本月）：去重与共享资产目录、弱网放大按需加载方案、暗色模式图片管线。</li> <li>目标对齐：图片搜索流量↑，移动端 LCP<2.5s，屏幕阅读器朗读自然、信息图可获得文本等价物。</li> </ul> </div> </div> </div> <div class="prompt-examples-v2-tab-content " id="example-2"> <div class="prompt-examples-v2-output"> <button class="prompt-examples-v2-popup-btn" onclick="showExamplePopup(2, 'SaaS图清单', this)" title="在弹窗中查看完整内容"> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> <path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"/> </svg> </button> <div class="html-content-display prompt-examples-v2-output-text"> <p>图片SEO优化清单（针对SaaS服务平台网站）</p> <ol> <li> <p>图片压缩</p> <ul> <li><input type="checkbox" disabled=""> 盘点与分组：导出全站图片清单（路径、类型、尺寸、体积、引用页、是否首屏/LCP、是否复用），按以下分组标记：营销首屏大图与产品截图、功能对比与流程SVG、文档页截图与动图、客户案例Logo。</li> <li><input type="checkbox" disabled=""> 设定硬性预算（用于CI与日常评估）： <ul> <li>LCP首屏图（hero/product）：≤ 350–450 KB（WebP），≤ 1200ms解码；页面图片总量：营销页 ≤ 1.3 MB，文档页 ≤ 1.6 MB；单图默认上限 ≤ 180 KB（复杂图例除外）。</li> </ul> </li> <li><input type="checkbox" disabled=""> 确定格式策略（按资产类型）： <ul> <li>营销首屏背景与产品截图：优先WebP（有透明需WebP-Lossy带alpha）；必要时备用JPEG/PNG。暂不启用AVIF（平台不支持）。</li> <li>功能对比/流程示意：保持SVG，使用SVGO无损优化（删除隐藏层、缩短ID、合并路径、移除内嵌位图）。</li> <li>文档页动图：全部替换为视频容器（优先WebM VP9 + H.264 MP4双源），保留1帧静态poster（WebP/PNG）；保留极少数必要GIF且≤ 1 MB。</li> <li>客户Logo：优先SVG；PNG Logo通过pngquant压缩并生成1x/2x位图。</li> </ul> </li> <li><input type="checkbox" disabled=""> 多尺寸与自适应出图： <ul> <li>构建阶段用sharp/squoosh生成固定宽度集合（避免过多变体）：[320, 480, 640, 768, 960, 1280, 1600, 1920, 2560]；文档图：增加[1200]；Logo：[96, 144, 192]。</li> <li>如需额外尺寸，利用对象存储的按查询参数缩放（w, q, fmt）并依赖CDN缓存；控制尺寸步长（不小于160px）避免变体爆炸。</li> </ul> </li> <li><input type="checkbox" disabled=""> 质量参数建议： <ul> <li>WebP q=68–78（UI截图建议72+保障文字清晰）；JPEG q=70–78；PNG使用pngquant --quality=65-80；移除所有EXIF/ICC元数据。</li> </ul> </li> <li><input type="checkbox" disabled=""> 渐进增强与回退： <ul> <li>使用<picture>提供WebP源与JPEG/PNG回退；避免基于Accept/UA协商（CDN不支持Vary UA）。</li> </ul> </li> <li><input type="checkbox" disabled=""> 重新上传与缓存： <ul> <li>采用固定命名+哈希指纹（见命名规范），长缓存Cache-Control: public, max-age=31536000, immutable。</li> <li>对按查询参数缩放的URL，确保CDN Cache Key包含查询参数并开启stale-while-revalidate。</li> <li>预热关键地域（国内/东南亚/欧美）CDN缓存：预抓取LCP与折叠上方图源。</li> </ul> </li> <li><input type="checkbox" disabled=""> 校验与回归： <ul> <li>使用Lighthouse/Calibre对关键落地页复测：LCP P75 → ≤ 2.5s，页面图片体积 ≤ 1.3 MB，图片请求数 ≤ 16（首屏≤ 8）。</li> </ul> </li> </ul> </li> <li> <p>ALT标签</p> <ul> <li><input type="checkbox" disabled=""> 全站审查：抓取DOM中<img>与<svg role="img">，导出alt缺失、重复、仅“screenshot”的项；营销页优先修复。</li> <li><input type="checkbox" disabled=""> 编写ALT准则（按类型）： <ul> <li>长度：中文建议20–40字（≤ 80字上限）；英文60–120字符。自然语言描述，避免堆砌关键词。</li> <li>关键词：仅在语义自然时融入1个核心词（如“在线报表SaaS”），勿硬塞品牌/功能词串列。</li> </ul> </li> <li><input type="checkbox" disabled=""> 类型化写法与示例： <ul> <li>营销首屏/产品截图：描述用户能达成的结果与界面要点（例：”可视化报表仪表盘，实时销售漏斗与自定义筛选“）。</li> <li>功能对比/流程图（复杂信息）：img使用简要alt，详细说明放入<figure><figcaption>或以aria-describedby指向隐藏文本，避免超长alt。</li> <li>文档截图：交代步骤+界面位置（例：“Webhook设置页，添加签名密钥步骤2”）。</li> <li>动图/视频：对<video>添加aria-label或为poster图提供alt；为动效提供“发生了什么”而非“动画”。</li> <li>Logo：合作客户Logo使用公司名（例：“ABC公司 Logo”）；若列表仅展示Logo墙且标题已说明“客户案例”，可使用简短alt=“ABC”。</li> <li>装饰性图：alt=""并加role="presentation"；避免读屏冗余。</li> </ul> </li> <li><input type="checkbox" disabled=""> 多语言适配： <ul> <li>同一图片URL在不同语言页面使用本地化alt文本；文件名不含语言码。</li> </ul> </li> <li><input type="checkbox" disabled=""> 工程落地： <ul> <li>Vue组件统一接口：<AppImage :src ... :alt="t('…')">，强制alt为必填属性（装饰性传空字符串并显示lint警告）。</li> <li>CI规则：构建时扫描营销与文档目录，凡<img>无alt或为默认词汇（如“image”、“screenshot”）则阻断构建。</li> </ul> </li> <li><input type="checkbox" disabled=""> 无障碍验证： <ul> <li>使用axe/lighthouse a11y审查确保图表类内容具备等价文本；动图尊重prefers-reduced-motion，必要时提供“静态替代图”。</li> </ul> </li> </ul> </li> <li> <p>文件命名规范</p> <ul> <li><input type="checkbox" disabled=""> 约定统一规范（小写、连字符、语义化、无语言前缀、含尺寸/用途）： <ul> <li>模板：类别-页面/模块-主题/对象-用途[-变体]-{宽度标识}w.{格式}</li> <li>仅用于缓存指纹的哈希置于扩展名前（.hash.），保留可读主干。</li> </ul> </li> <li><input type="checkbox" disabled=""> 命名规则细则： <ul> <li>使用小写字母与连字符，禁止空格与下划线；不含语言码（en/zh）与日期戳；避免无意义串（img001）。</li> <li>关键词自然、贴近搜索语料（如“dashboard”“workflow”）；控制主干≤ 6个词根。</li> </ul> </li> <li><input type="checkbox" disabled=""> 示例（良好）： <ul> <li>marketing-hero-dashboard-analytics-1920w.webp</li> <li>product-feature-workflow-approval-960w.webp</li> <li>docs-webhook-setup-step2-1200w.webp</li> <li>diagrams-data-sync-flow.svg</li> <li>logos/client-abc.svg</li> </ul> </li> <li><input type="checkbox" disabled=""> 示例（不推荐）： <ul> <li>zh-hero1-final.PNG（含语言码、无语义、错误大小写）</li> <li>screenshot_new.png（无关键信息）</li> <li>clientABC_logo.png（驼峰与下划线）</li> </ul> </li> <li><input type="checkbox" disabled=""> 迁移策略： <ul> <li>新内容全面采用新规范；存量资源逐步替换，旧URL保留并做长期缓存。</li> <li>仅对高流量着陆页与图片搜索有价值的资源执行301跳转至新URL；其他维持就地更新以避免大规模缓存失效。</li> </ul> </li> <li><input type="checkbox" disabled=""> 地图/站点提交： <ul> <li>在image-sitemap.xml中使用新规范URL，包含<a href="image:title">image:title</a>与<a href="image:caption">image:caption</a>（与alt一致或扩展），提升图片检索质量。</li> </ul> </li> </ul> </li> <li> <p>其他注意事项</p> <ul> <li><input type="checkbox" disabled=""> LCP与优先级控制（营销页核心）： <ul> <li>确保LCP资源是最终渲染的<img>而非CSS背景；为LCP图设置fetchpriority="high"、decoding="sync/auto"（勿lazy）、width/height明确定义。</li> <li>在<head>首部添加<link rel="preload" as="image" imagesrcset="…" imagesizes="…">指向与最终<img>一致的URL/变体，避免“预加载与实际渲染不一致”。</li> <li>SSR输出时将LCP图片放在DOM靠前位置；开启服务器Early Hints (103) 预告LCP资源。</li> </ul> </li> <li><input type="checkbox" disabled=""> 延迟加载策略： <ul> <li>折叠以下全部图片：loading="lazy" decoding="async"；采用IntersectionObserver微调阈值rootMargin="200px"以平滑进入视口。</li> <li>对Logo墙与图库，分批分页/虚拟滚动，首批≤ 12个。</li> <li>对动图/视频，进入视口再替换poster为<video>；离开视口自动pause以降CPU。</li> </ul> </li> <li><input type="checkbox" disabled=""> 响应式图片： <ul> <li>使用<picture> + <source type="image/webp" srcset="…w 640w, … 1280w, … 1920w" sizes="(min-width:1200px) 960px, (min-width:768px) 80vw, 100vw"> + <img src="…-960w.jpg" …>。</li> <li>对UI截图文字清晰度要求高的区域，提供x描述符（1x/2x）变体；避免浏览器选择过度压缩的版本。</li> </ul> </li> <li><input type="checkbox" disabled=""> 动图替换为视频（重点降带宽与CPU）： <ul> <li>将/docs/guides/*.gif迁移为<video autoplay loop muted playsinline poster="…">，提供<source src="…webm" type="video/webm"><source src="…mp4" type="video/mp4">，保留极简gif回退（仅≤ 1 MB）。</li> <li>尊重prefers-reduced-motion：自动停播并显示poster；提供“播放/暂停”按钮可达。</li> <li>更新CSP：media-src 与 img-src 允许第一方CDN子域。</li> </ul> </li> <li><input type="checkbox" disabled=""> CDN与网络优化： <ul> <li>启用HTTP/3（QUIC）与0-RTT；对图片开启大TTL与stale-while-revalidate。</li> <li>使用第一方子域（如 i.example.com）承载图片与视频，配置为CDN回源，保持同组织域避免企业网拦截；开启preconnect/dns-prefetch。</li> <li>提升命中率：统一尺寸集合、消除语言前缀导致的重复URL、确保Cache Key包含查询参数（w,q,fmt），对热点URL执行区域预热。</li> <li>发送Priority/pri（CDN支持时）让LCP图优先；服务器开启H2/H3优先级。</li> </ul> </li> <li><input type="checkbox" disabled=""> 首屏设计与可读性： <ul> <li>将首屏大图与背景装饰分离：背景用CSS渐变/小纹理，产品UI截图独立<img>以便更强压缩与更清晰文字。</li> <li>可用微型占位（LQIP/blurhash）替代空白，体积≤ 1 KB，避免影响评分。</li> </ul> </li> <li><input type="checkbox" disabled=""> 多语言与复用： <ul> <li>跨语言页面指向同一图片URL（去除语言前缀），仅本地化alt/figcaption与周边文案，减少重复抓取与缓存碎片。</li> </ul> </li> <li><input type="checkbox" disabled=""> 构建与CI/CD整合： <ul> <li>在构建阶段生成多尺寸与WebP变体；对SVG执行SVGO；产出manifest（原始→变体映射）供组件引用。</li> <li>设置性能预算：总图片体积、单图体积、图片请求数超标即失败；对无alt/无尺寸属性发出错误。</li> </ul> </li> <li><input type="checkbox" disabled=""> 定期审计与监控： <ul> <li>月度图片审计：导出Top带宽图片、低命中率URL、异常体积SVG；针对性优化。</li> <li>RUM采集LCP资源URL与尺寸，按地域与网络类型细分；目标：营销页LCP P75 ≤ 2.5s（4G），图片带宽占比≤ 55%（从78%下降）。</li> </ul> </li> <li><input type="checkbox" disabled=""> 结构化数据与图片地图： <ul> <li>在营销落地页添加WebPage/Product的primaryImageOfPage或ImageObject（含url、width、height、caption）；提交image-sitemap，配合Open Graph/Twitter卡片提供优化后图源。</li> </ul> </li> <li><input type="checkbox" disabled=""> 元属性与防抖： <ul> <li>所有<img>声明width与height或使用CSS aspect-ratio，避免CLS；对非关键图添加referrerpolicy、fetchpriority="low"（支持时）降低争抢带宽。</li> </ul> </li> </ul> </li> </ol> <p>补充针对现状的优先修复序列（建议两周内执行）</p> <ul> <li>第1周（影响LCP与带宽大头） <ul> <li><input type="checkbox" disabled=""> 将营销首屏2.4MB大图替换为多尺寸WebP（1920/1280/960），目标≤ 380 KB；使用<img> + fetchpriority="high" + preload，一致的srcset/sizes；移除或拆分背景纹理。</li> <li><input type="checkbox" disabled=""> 全站替换GIF为WebM+MP4，补充poster与懒加载；关闭自动播放于非可视区域；预计文档页每个动图节省70–90%带宽与CPU。</li> <li><input type="checkbox" disabled=""> SVG批量SVGO；Logo墙统一SVG/PNG压缩并懒加载，分页展示。</li> </ul> </li> <li>第2周（稳态与治理） <ul> <li><input type="checkbox" disabled=""> 上线图片组件（封装<picture>、lazy、解码策略、占位符、alt必填）并替换营销与文档页用法。</li> <li><input type="checkbox" disabled=""> 迁移到第一方CDN子域（或保留同源但开启H3与优先级），加preconnect；CDN开启stale-while-revalidate与按查询参数缓存。</li> <li><input type="checkbox" disabled=""> 清理语言前缀资源，统一到语言无关URL；更新image-sitemap；修复营销页alt文本与图表figcaption。</li> <li><input type="checkbox" disabled=""> 接入Lighthouse CI与性能预算，RUM上报LCP资源与变体命中情况。</li> </ul> </li> </ul> <p>预期成效（与核心目标对应）</p> <ul> <li>提升网站整体性能评分：Lighthouse Performance +10–20；营销页LCP P75由4.8s降至≤ 2.5–3.0s。</li> <li>缩短页面加载时间：首屏图片体积下降70%+，请求数减少30–40%。</li> <li>提升无障碍访问体验：营销页ALT覆盖率达到≈100%，复杂图提供等价文本。</li> <li>降低服务器带宽成本：图片带宽占比从78%降至≤ 55%，CDN命中率由62%→75%+。</li> </ul> </div> </div> </div> </div> </div> </section> <div id="examplePopupModal" class="prompt-examples-v2-modal"> <div class="prompt-examples-v2-modal-content"> <div class="prompt-examples-v2-modal-header"> <h3 id="popupTitle">示例详情</h3> <button class="prompt-examples-v2-modal-close" onclick="closeExamplePopup()"> <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> <line x1="18" y1="6" x2="6" y2="18"></line> <line x1="6" y1="6" x2="18" y2="18"></line> </svg> </button> </div> <div class="prompt-examples-v2-modal-body"> <div id="popupContent" class="prompt-examples-v2-popup-content"></div> </div> </div> </div> <script> // 弹窗功能JavaScript function showExamplePopup(exampleIndex, title, buttonElement) { const modal = document.getElementById('examplePopupModal'); const popupTitle = document.getElementById('popupTitle'); const popupContent = document.getElementById('popupContent'); // 设置弹窗标题 popupTitle.textContent = title; // 获取对应示例的内容 const tabContent = document.getElementById('example-' + exampleIndex); const outputText = tabContent.querySelector('.prompt-examples-v2-output-text'); if (outputText) { // 克隆内容到弹窗中 popupContent.innerHTML = outputText.innerHTML; } else { popupContent.innerHTML = '<p>暂无内容</p>'; } // 显示弹窗 modal.classList.add('show'); document.body.style.overflow = 'hidden'; // 防止背景滚动 } function closeExamplePopup() { const modal = document.getElementById('examplePopupModal'); modal.classList.remove('show'); document.body.style.overflow = ''; // 恢复背景滚动 } // 点击背景关闭弹窗 document.addEventListener('DOMContentLoaded', function() { const modal = document.getElementById('examplePopupModal'); if (modal) { modal.addEventListener('click', function(e) { if (e.target === modal) { closeExamplePopup(); } }); } // ESC键关闭弹窗 document.addEventListener('keydown', function(e) { if (e.key === 'Escape') { closeExamplePopup(); } }); }); </script> <script> document.addEventListener('DOMContentLoaded', function() { // Tab切换功能 const tabs = document.querySelectorAll('.prompt-examples-v2-tab'); const contents = document.querySelectorAll('.prompt-examples-v2-tab-content'); tabs.forEach(tab => { tab.addEventListener('click', function() { const targetId = this.getAttribute('data-tab'); // 移除所有active状态 tabs.forEach(t => t.classList.remove('active')); contents.forEach(c => c.classList.remove('active')); // 添加当前active状态 this.classList.add('active'); const targetContent = document.getElementById(targetId); if (targetContent) { targetContent.classList.add('active'); } }); }); }); </script> <section class="solved-problems-v2"> <div class="solved-problems-v2-container"> <h2 class="solved-problems-v2-title">解决的问题</h2> <div class="solved-problems-v2-content"> <div class="solved-problems-v2-item"> <div class="html-content-display solved-problems-v2-item-text"> <p>为网站开发者和内容优化专员提供一份全面的 SEO 图片优化清单，通过具体、可操作的步骤，帮助他们高效提升网站图片的搜索引擎表现，同时确保页面加载速度和用户体验的优化，为网站带来更多自然流量。</p> </div> </div> </div> </div> </section> <style> .solved-problems-v2-item > .solved-problems-v2-item-text { background-color: transparent !important; border: none !important; padding: 0 !important; } </style> <div class="suitable-users-v2"> <div class="suitable-users-v2-container"> <h2 class="suitable-users-v2-title">适用用户</h2> <div class="suitable-users-v2-list"> <div class="suitable-users-v2-card" style="background-color: #EDE7F6;"> <div class="suitable-users-v2-card-content"> <h3 class="suitable-users-v2-card-title">内容创作者与网站管理员</h3> <p class="suitable-users-v2-card-description">可快速生成适合目标网站的图片SEO优化清单，从而提升网站排名并吸引更多自然流量。</p> </div> </div> <div class="suitable-users-v2-card" style="background-color: #FFEBEE;"> <div class="suitable-users-v2-card-content"> <h3 class="suitable-users-v2-card-title">电商企业与卖家</h3> <p class="suitable-users-v2-card-description">针对产品图片进行SEO优化，提升商品在搜索引擎中的可见性，吸引精准流量并提高销量。</p> </div> </div> <div class="suitable-users-v2-card" style="background-color: #EFEBE9;"> <div class="suitable-users-v2-card-content"> <h3 class="suitable-users-v2-card-title">数字营销从业者</h3> <p class="suitable-users-v2-card-description">通过优化网站图片SEO，提升整站搜索表现，为客户提供高效的营销解决方案。</p> </div> </div> </div> </div> </div> <section class="feature-summary-v2"> <div class="feature-summary-v2-container"> <h2 class="feature-summary-v2-title">特征总结</h2> <div class="feature-summary-v2-content"> <div class="feature-summary-v2-item"> <span class="feature-summary-v2-bullet">•</span> <span class="feature-summary-v2-text">智能生成个性化的图片SEO优化清单，全面覆盖压缩、ALT标签、命名规范及性能提升。</span> </div> <div class="feature-summary-v2-item"> <span class="feature-summary-v2-bullet">•</span> <span class="feature-summary-v2-text">一键生成分步骤指导，直观呈现具体操作，帮助用户快速优化图片SEO。</span> </div> <div class="feature-summary-v2-item"> <span class="feature-summary-v2-bullet">•</span> <span class="feature-summary-v2-text">根据特定产品类型量身定制，确保优化方案贴合业务需求与目标市场。</span> </div> <div class="feature-summary-v2-item"> <span class="feature-summary-v2-bullet">•</span> <span class="feature-summary-v2-text">自动推荐最佳文件命名规范，提升图片对搜索引擎的友好度和可识别性。</span> </div> <div class="feature-summary-v2-item"> <span class="feature-summary-v2-bullet">•</span> <span class="feature-summary-v2-text">提供专业的ALT标签编写指导，兼顾SEO效果与视觉障碍用户的可用性。</span> </div> <div class="feature-summary-v2-item"> <span class="feature-summary-v2-bullet">•</span> <span class="feature-summary-v2-text">优化页面加载性能，涵盖延迟加载、使用CDN和响应式图片等高效策略。</span> </div> <div class="feature-summary-v2-item"> <span class="feature-summary-v2-bullet">•</span> <span class="feature-summary-v2-text">清单模板结构清晰，帮助用户有条理地执行图片优化任务，提高效率。</span> </div> <div class="feature-summary-v2-item"> <span class="feature-summary-v2-bullet">•</span> <span class="feature-summary-v2-text">持续支持定期图片优化审计，让网站始终符合最新SEO优化标准。</span> </div> </div> </div> </section> <section class="usage-guide-v2"> <div class="usage-guide-v2-container"> <h2 class="usage-guide-v2-title">如何使用购买的提示词模板</h2> <div class="usage-guide-v2-content"> <div class="usage-guide-v2-item"> <div class="usage-guide-v2-text"> <h4 class="usage-guide-v2-subtitle">1. 直接在外部 Chat 应用中使用</h4> <p class="usage-guide-v2-description">将模板生成的提示词复制粘贴到您常用的 Chat 应用（如 ChatGPT、Claude 等），即可直接对话使用，无需额外开发。适合个人快速体验和轻量使用场景。</p> <div class="usage-guide-v2-icons"> <a href="https://chat.deepseek.com/" target="_blank" class="usage-guide-v2-icon-item"> <img src="https://explinks-prod-apis.oss-cn-beijing.aliyuncs.com/apiDefaultIconADI20240909773605e9f9b1.png" alt="DeepSeek" class="usage-guide-v2-icon"> </a> <a href="https://www.doubao.com/chat/" target="_blank" class="usage-guide-v2-icon-item"> <img src="https://explinks-prod-apis.oss-cn-beijing.aliyuncs.com/apiDefaultIconADI20240909336605e9c295.png" alt="豆包" class="usage-guide-v2-icon"> </a> <a href="https://www.tongyi.com/" target="_blank" class="usage-guide-v2-icon-item"> <img src="https://explinks-prod-apis.oss-cn-beijing.aliyuncs.com/apiDefaultIcon9f8a29a9-4e4f-49ab-ac0d-7985823a6f0c.png" alt="通义" class="usage-guide-v2-icon"> </a> <a href="https://www.kimi.com/" target="_blank" class="usage-guide-v2-icon-item"> <img src=" https://explinks-prod-apis.oss-cn-beijing.aliyuncs.com/LOGO_IMG/579c8d7f234543b2832c95c5ddb38515" alt="Kimi" class="usage-guide-v2-icon"> </a> <a href="https://chatgpt.com/" target="_blank" class="usage-guide-v2-icon-item"> <img src=" https://explinks-prod-apis.oss-cn-beijing.aliyuncs.com/LOGO_IMG/cc5204a95abd46b2b603c9c0101b4ef0" alt="ChatGPT" class="usage-guide-v2-icon"> </a> <a href="https://grok.com/" target="_blank" class="usage-guide-v2-icon-item"> <img src="https://explinks-prod-apis.oss-cn-beijing.aliyuncs.com/LOGO_IMG/b84a84ef3daf43649d3fdbee8f170992" alt="Grok" class="usage-guide-v2-icon"> </a> <a href="https://gemini.google.com/" target="_blank" class="usage-guide-v2-icon-item"> <img src="https://explinks-prod-apis.oss-cn-beijing.aliyuncs.com/LOGO_IMG/57840102146847898b70184c9ee87aff" alt="Gemini" class="usage-guide-v2-icon"> </a> </div> </div> </div> <div class="usage-guide-v2-item"> <div class="usage-guide-v2-text"> <h4 class="usage-guide-v2-subtitle">2. 发布为 API 接口调用</h4> <p class="usage-guide-v2-description">把提示词模板转化为 API，您的程序可任意修改模板参数，通过接口直接调用，轻松实现自动化与批量处理。适合开发者集成与业务系统嵌入。 </div> </div> <div class="usage-guide-v2-item"> <div class="usage-guide-v2-text"> <h4 class="usage-guide-v2-subtitle">3. 在 MCP Client 中配置使用</h4> <p class="usage-guide-v2-description">在 MCP client 中配置对应的 server 地址，让您的 AI 应用自动调用提示词模板。适合高级用户和团队协作，让提示词在不同 AI 工具间无缝衔接。 </p> </div> </div> </div> </div> </section> </div> <div class="prompt-detail-v2-right"> <div class="prompt-price-card"> <div class="price-info-section"> <div class="price-title">AI 提示词价格</div> <div class="price-row"> <span class="current-price" style="color: #2563eb;">￥25.00元</span> </div> <div class="price-description">先用后买，用好了再付款，超安全！</div> <div class="button-row"> <a class="buy-btn try-first-btn" href="https://tools.explinks.com/prompt-trial?slug=seo_image_checklist&try">在线免费用提示词</a> </div> </div> <div class="benefits-section"> <h4 class="benefits-title">您购买后可以获得什么</h4> <div class="benefits-list"> <div class="benefit-item"> <span class="benefit-icon">✓</span> <div class="benefit-content"> <div class="benefit-main">获得完整提示词模板</div> <div class="benefit-detail">- 共 580 tokens</div> <div class="benefit-detail">- 6 个可调节参数</div> <div class="benefit-tags"> <span class="tag">{ 网站类型 }</span> <span class="tag">{ 核心优化目标 }</span> <span class="tag">{ 待优化图片样本信息 }</span> <span class="tag">{ 目标受众特征 }</span> <span class="tag">{ 技术栈与平台限制 }</span> <span class="tag">{ 性能基准数据 }</span> </div> </div> </div> <div class="benefit-item"> <span class="benefit-icon">✓</span> <div class="benefit-content"> <div class="benefit-main">获得社区贡献内容的使用权</div> <div class="benefit-detail">- 精选社区优质案例，助您快速上手提示词</div> </div> </div> </div> </div> <div class="online-trial-container"> <a class="online-trial-btn" href="https://tools.explinks.com/prompt-trial?slug=seo_image_checklist&buy">购买</a> </div> <div class="coupon-promo-section"> <div class="coupon-promo-text">使用提示词兑换券，低至 ¥ 9.9</div> <a href="/packs/integrate-user" target="_blank" class="coupon-promo-link">了解兑换券 →</a> </div> </div> <script> document.addEventListener('DOMContentLoaded', function () { // 检查用户是否已购买该提示词 checkUserPurchaseStatus(); }); async function checkUserPurchaseStatus() { try { const response = await fetch('/api/user/prompt/manage/get-user-prompt-purchase-relation', { method: 'POST', headers: { 'Content-Type': 'application/json', }, body: JSON.stringify({ promptNo: '50f09985fd0647ddabe498613b6a4333' }) }); const result = await response.json(); if (result.success && result.data === true) { // 用户已购买，修改所有购买按钮 updateBuyButtonsForPurchased(); } } catch (error) { console.error('检查购买状态失败:', error); } } function updateBuyButtonsForPurchased() { // 获取所有购买按钮 const buyButtons = document.querySelectorAll('.buy-btn'); buyButtons.forEach(button => { // 修改按钮文案为"去查看" button.textContent = '去查看'; // 修改跳转链接 button.href = 'https://console.explinks.com/myHome/prompts'; }); } </script> </div> </div> </div>  <div class="zone-item limited-free-zone"> <div class="limited-free-tag-container"> <div class="limited-free-tag"> 限时半价 </div> </div> <div class="limited-free-header"> <div class="limited-free-title-section"> <h2 class="limited-free-main-title"> <svg xmlns="http://www.w3.org/2000/svg" t="1756971155228" class="icon" viewBox="0 0 1024 1024" version="1.1" p-id="13558" width="64" height="64"> <script xmlns=""/> <path d="M836.345598 257.721713l-28.427446 0c14.415314-24.441669 20.741393-47.75463 18.720364-69.379137-1.677199-18.098193-10.254551-43.982724-41.686425-64.611553-26.059516-17.143449-59.57177-21.348214-96.751554-12.059664-60.292178 15.137769-131.649366 67.180052-178.566932 130.073474C462.687386 178.852434 391.387503 126.809127 331.096349 111.671359c-37.210483-9.348925-70.751391-5.114484-96.807836 12.059664-31.404244 20.62883-39.983643 46.51336-41.659819 64.611553-2.02103 21.624507 4.246721 44.937468 18.720364 69.379137l-28.427446 0c-43.043329 0-78.073146 35.056424-78.073146 78.132498l0 100.636025c0 34.075073 22.474874 64.190975 54.991452 74.30431-3.090385 8.550747-4.708232 17.390066-4.708232 26.347065l0 301.923424c0 43.046399 35.069727 78.117149 78.117149 78.117149l552.85857 0c43.044352 0 78.05882-35.069727 78.05882-78.117149L864.166223 537.140587c0-9.014304-1.558495-17.882276-4.649903-26.376741 32.468482-10.169617 54.890144-40.285518 54.890144-74.274634l0-100.609419C914.405441 292.806789 879.390973 257.721713 836.345598 257.721713M786.10638 861.540931 537.426601 861.540931 537.426601 514.636037l248.680802 0c12.394285 0 22.445198 10.110265 22.445198 22.50455l0 301.923424C808.551578 851.459319 798.500665 861.540931 786.10638 861.540931M568.049039 257.721713c39.549761-45.61899 91.462085-81.468476 133.614114-92.043323 21.896706-5.487991 39.807634-3.985778 52.780087 4.565992 13.781888 9.055237 16.23373 17.129122 16.785292 23.227004 2.192945 22.35924-21.784142 52.504818-33.108049 64.250326L568.049039 257.721713zM858.763167 335.880817l0 100.609419c0 12.394285-10.024308 22.473851-22.417569 22.473851L537.426601 458.964086 537.426601 313.390593l298.918997 0C848.738859 313.390593 858.763167 323.488579 858.763167 335.880817M481.812979 514.636037l0 346.904894L233.24781 861.540931c-12.423961 0-22.477944-10.082636-22.477944-22.476921L210.769866 537.140587c0-12.394285 10.053983-22.50455 22.477944-22.50455L481.812979 514.636037zM248.039701 193.471386c0.547469-6.097882 3.03308-14.172791 16.756639-23.227004 12.882402-8.55177 30.794353-10.127661 52.809763-4.565992 41.917692 10.515494 93.773733 46.36805 133.410476 92.043323L281.088398 257.721713C270.948457 247.451812 245.81401 216.366839 248.039701 193.471386M160.445714 335.880817c0-12.391215 10.053983-22.490224 22.474874-22.490224l298.891368 0 0 145.573493L182.920588 458.964086c-12.420891 0-22.474874-10.079566-22.474874-22.473851L160.445714 335.880817z" fill="#ffffff" p-id="13559"/> <script xmlns=""/> </svg> 不要错过！ </h2> <p class="limited-free-subtitle">半价获取高级提示词-优惠即将到期</p> </div> <div class="limited-free-countdown" data-end-time="2025-12-13 23:59:59"> <div class="countdown-item"> <div class="countdown-number" data-type="days">17</div> <div class="countdown-label">天</div> </div> <div class="countdown-separator">:</div> <div class="countdown-item"> <div class="countdown-number" data-type="hours">23</div> <div class="countdown-label">小时</div> </div> <div class="countdown-separator">:</div> <div class="countdown-item"> <div class="countdown-number" data-type="minutes">59</div> <div class="countdown-label">分钟</div> </div> <div class="countdown-separator">:</div> <div class="countdown-item"> <div class="countdown-number" data-type="seconds">59</div> <div class="countdown-label">秒</div> </div> </div> </div> <div class="zone-content"> <div class="prompt-slider-container"> <div class="prompt-slider"> <div class="prompt-card-mini" data-prompt-slug="mystic_black_rose"> <a class="prompt-card-mini-header-section prompt-card-mini-header-section-with-bg" style="background-image: url('https://apihub-public.oss-cn-beijing.aliyuncs.com/uploads/098c8dc9-9bdc-4bff-a9ca-9014d3b3396e.png');" href="https://prompts.explinks.com/mystic_black_rose?desc" target="_blank"> </a> <a class="prompt-card-mini-category-tag-positioned" href="https://prompts.explinks.com/search?biz_cat_slug=creativity"> 创意 </a> <div class="prompt-card-mini-content-section"> <div class="prompt-card-mini-header"> <a href="https://tools.explinks.com/prompt-trial?slug=mystic_black_rose&title" class="prompt-card-mini-title prompt-card-mini-title-link" target="_blank"> 黑玫瑰神秘背景 </a> </div> <div class="prompt-card-mini-actions"> <div class="prompt-card-mini-price-section"> <a href="https://tools.explinks.com/prompt-trial?slug=mystic_black_rose&price" target="_blank" style="text-decoration: none; color: inherit;"> <span class="prompt-card-mini-price-value prompt-card-mini-price-discount">￥10.00元</span> <span class="prompt-card-mini-original-price">￥20</span> <span class="prompt-card-mini-price-limited-tag">限时</span> </a> </div> </div> </div> </div> <div class="prompt-card-mini" data-prompt-slug="female_motorcycle_stunts"> <a class="prompt-card-mini-header-section prompt-card-mini-header-section-with-video" onmouseenter="this.querySelector('video').play(); this.querySelector('.prompt-card-mini-play-icon').classList.add('hidden');" onmouseleave="this.querySelector('video').pause(); this.querySelector('.prompt-card-mini-play-icon').classList.remove('hidden');" href="https://prompts.explinks.com/female_motorcycle_stunts?desc" target="_blank"> <video class="prompt-card-mini-background-video" muted loop> <source src="https://apihub-public.oss-cn-beijing.aliyuncs.com/uploads/a480c150-b3a0-4eb1-b08d-5d6466727056.mp4" type="video/mp4"> </video> <div class="prompt-card-mini-play-icon"> <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="10" stroke="#333333" stroke-width="1.5" fill="none"/> <polygon points="10,8 16,12 10,16" stroke="#333333" stroke-width="1.5" fill="none" stroke-linejoin="round"/> </svg> </div> </a> <a class="prompt-card-mini-category-tag-positioned" href="https://prompts.explinks.com/search?biz_cat_slug=prompt"> 提示词 </a> <div class="prompt-card-mini-content-section"> <div class="prompt-card-mini-header"> <a href="https://tools.explinks.com/prompt-trial?slug=female_motorcycle_stunts&title" class="prompt-card-mini-title prompt-card-mini-title-link" target="_blank"> 极限机车特技表演 </a> </div> <div class="prompt-card-mini-actions"> <div class="prompt-card-mini-price-section"> <a href="https://tools.explinks.com/prompt-trial?slug=female_motorcycle_stunts&price" target="_blank" style="text-decoration: none; color: inherit;"> <span class="prompt-card-mini-price-value prompt-card-mini-price-discount">￥10.00元</span> <span class="prompt-card-mini-original-price">￥20</span> <span class="prompt-card-mini-price-limited-tag">限时</span> </a> </div> </div> </div> </div> <div class="prompt-card-mini" data-prompt-slug="mystical_spacewoman_cosmos"> <a class="prompt-card-mini-header-section prompt-card-mini-header-section-with-bg" style="background-image: url('https://apihub-public.oss-cn-beijing.aliyuncs.com/uploads/b08c8557-d8b6-4c78-9227-2596b9612e6f.png');" href="https://prompts.explinks.com/mystical_spacewoman_cosmos?desc" target="_blank"> </a> <a class="prompt-card-mini-category-tag-positioned" href="https://prompts.explinks.com/search?biz_cat_slug=content_creation"> 内容创作 </a> <div class="prompt-card-mini-content-section"> <div class="prompt-card-mini-header"> <a href="https://tools.explinks.com/prompt-trial?slug=mystical_spacewoman_cosmos&title" class="prompt-card-mini-title prompt-card-mini-title-link" target="_blank"> 太空中的神秘美女 </a> </div> <div class="prompt-card-mini-actions"> <div class="prompt-card-mini-price-section"> <a href="https://tools.explinks.com/prompt-trial?slug=mystical_spacewoman_cosmos&price" target="_blank" style="text-decoration: none; color: inherit;"> <span class="prompt-card-mini-price-value prompt-card-mini-price-discount">￥10.00元</span> <span class="prompt-card-mini-original-price">￥20</span> <span class="prompt-card-mini-price-limited-tag">限时</span> </a> </div> </div> </div> </div> <div class="prompt-card-mini" data-prompt-slug="epic_warrior_vs_dragon_battle"> <a class="prompt-card-mini-header-section prompt-card-mini-header-section-with-bg" style="background-image: url('https://apihub-public.oss-cn-beijing.aliyuncs.com/uploads/8dea4b90-df72-40e2-8848-7424578cdfcb.png');" href="https://prompts.explinks.com/epic_warrior_vs_dragon_battle?desc" target="_blank"> </a> <a class="prompt-card-mini-category-tag-positioned" href="https://prompts.explinks.com/search?biz_cat_slug=art"> 艺术 </a> <div class="prompt-card-mini-content-section"> <div class="prompt-card-mini-header"> <a href="https://tools.explinks.com/prompt-trial?slug=epic_warrior_vs_dragon_battle&title" class="prompt-card-mini-title prompt-card-mini-title-link" target="_blank"> 奇幻勇士与巨龙对决 </a> </div> <div class="prompt-card-mini-actions"> <div class="prompt-card-mini-price-section"> <a href="https://tools.explinks.com/prompt-trial?slug=epic_warrior_vs_dragon_battle&price" target="_blank" style="text-decoration: none; color: inherit;"> <span class="prompt-card-mini-price-value prompt-card-mini-price-discount">￥10.00元</span> <span class="prompt-card-mini-original-price">￥20</span> <span class="prompt-card-mini-price-limited-tag">限时</span> </a> </div> </div> </div> </div> <div class="prompt-card-mini" data-prompt-slug="ultra_detail_closeup_portraits"> <a class="prompt-card-mini-header-section prompt-card-mini-header-section-with-bg" style="background-image: url('https://apihub-public.oss-cn-beijing.aliyuncs.com/uploads/bf6b3637-63cd-4ffa-afd7-b28102c983f6.png');" href="https://prompts.explinks.com/ultra_detail_closeup_portraits?desc" target="_blank"> </a> <a class="prompt-card-mini-category-tag-positioned" href="https://prompts.explinks.com/search?biz_cat_slug=prompt"> 提示词 </a> <div class="prompt-card-mini-content-section"> <div class="prompt-card-mini-header"> <a href="https://prompts.explinks.com/ultra_detail_closeup_portraits?title" class="prompt-card-mini-title prompt-card-mini-title-link" target="_blank"> 极致特写肖像艺术 </a> </div> <div class="prompt-card-mini-actions"> <div class="prompt-card-mini-price-section"> <a href="https://prompts.explinks.com/ultra_detail_closeup_portraits?price" target="_blank" style="text-decoration: none; color: inherit;"> <span class="prompt-card-mini-price-value prompt-card-mini-price-discount">￥12.50元</span> <span class="prompt-card-mini-original-price">￥25</span> <span class="prompt-card-mini-price-limited-tag">限时</span> </a> </div> </div> </div> </div> <div class="prompt-card-mini" data-prompt-slug="pixar_aurora_steam_train"> <a class="prompt-card-mini-header-section prompt-card-mini-header-section-with-bg" style="background-image: url('https://apihub-public.oss-cn-beijing.aliyuncs.com/uploads/28979275-ffb9-4093-a4c2-4480aa12d877.png');" href="https://prompts.explinks.com/pixar_aurora_steam_train?desc" target="_blank"> </a> <a class="prompt-card-mini-category-tag-positioned" href="https://prompts.explinks.com/search?biz_cat_slug=prompt"> 提示词 </a> <div class="prompt-card-mini-content-section"> <div class="prompt-card-mini-header"> <a href="https://tools.explinks.com/prompt-trial?slug=pixar_aurora_steam_train&title" class="prompt-card-mini-title prompt-card-mini-title-link" target="_blank"> 雪域极光列车 </a> </div> <div class="prompt-card-mini-actions"> <div class="prompt-card-mini-price-section"> <a href="https://tools.explinks.com/prompt-trial?slug=pixar_aurora_steam_train&price" target="_blank" style="text-decoration: none; color: inherit;"> <span class="prompt-card-mini-price-value prompt-card-mini-price-discount">￥10.00元</span> <span class="prompt-card-mini-original-price">￥20</span> <span class="prompt-card-mini-price-limited-tag">限时</span> </a> </div> </div> </div> </div> <div class="prompt-card-mini" data-prompt-slug="misty_lake_monster_footage"> <a class="prompt-card-mini-header-section prompt-card-mini-header-section-with-video" onmouseenter="this.querySelector('video').play(); this.querySelector('.prompt-card-mini-play-icon').classList.add('hidden');" onmouseleave="this.querySelector('video').pause(); this.querySelector('.prompt-card-mini-play-icon').classList.remove('hidden');" href="https://prompts.explinks.com/misty_lake_monster_footage?desc" target="_blank"> <video class="prompt-card-mini-background-video" muted loop> <source src="https://apihub-public.oss-cn-beijing.aliyuncs.com/uploads/dff2d0bf-ec43-4a9f-bb56-d03e185329fe.mp4" type="video/mp4"> </video> <div class="prompt-card-mini-play-icon"> <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="10" stroke="#333333" stroke-width="1.5" fill="none"/> <polygon points="10,8 16,12 10,16" stroke="#333333" stroke-width="1.5" fill="none" stroke-linejoin="round"/> </svg> </div> </a> <a class="prompt-card-mini-category-tag-positioned" href="https://prompts.explinks.com/search?biz_cat_slug=prompt"> 提示词 </a> <div class="prompt-card-mini-content-section"> <div class="prompt-card-mini-header"> <a href="https://tools.explinks.com/prompt-trial?slug=misty_lake_monster_footage&title" class="prompt-card-mini-title prompt-card-mini-title-link" target="_blank"> 迷雾湖怪纪实 </a> </div> <div class="prompt-card-mini-actions"> <div class="prompt-card-mini-price-section"> <a href="https://tools.explinks.com/prompt-trial?slug=misty_lake_monster_footage&price" target="_blank" style="text-decoration: none; color: inherit;"> <span class="prompt-card-mini-price-value prompt-card-mini-price-discount">￥12.50元</span> <span class="prompt-card-mini-original-price">￥25</span> <span class="prompt-card-mini-price-limited-tag">限时</span> </a> </div> </div> </div> </div> <div class="prompt-card-mini" data-prompt-slug="master_fantasy_art_portrait"> <a class="prompt-card-mini-header-section prompt-card-mini-header-section-with-bg" style="background-image: url('https://apihub-public.oss-cn-beijing.aliyuncs.com/uploads/9f0c4a6e-abd7-41da-8b10-9ddffedc92a5.png');" href="https://prompts.explinks.com/master_fantasy_art_portrait?desc" target="_blank"> </a> <a class="prompt-card-mini-category-tag-positioned" href="https://prompts.explinks.com/search?biz_cat_slug=prompt"> 提示词 </a> <div class="prompt-card-mini-content-section"> <div class="prompt-card-mini-header"> <a href="https://prompts.explinks.com/master_fantasy_art_portrait?title" class="prompt-card-mini-title prompt-card-mini-title-link" target="_blank"> 幻想艺术人物肖像 </a> </div> <div class="prompt-card-mini-actions"> <div class="prompt-card-mini-price-section"> <a href="https://prompts.explinks.com/master_fantasy_art_portrait?price" target="_blank" style="text-decoration: none; color: inherit;"> <span class="prompt-card-mini-price-value prompt-card-mini-price-discount">￥12.50元</span> <span class="prompt-card-mini-original-price">￥25</span> <span class="prompt-card-mini-price-limited-tag">限时</span> </a> </div> </div> </div> </div> <div class="prompt-card-mini" data-prompt-slug="desolate_rite_metamorphosis"> <a class="prompt-card-mini-header-section prompt-card-mini-header-section-with-video" onmouseenter="this.querySelector('video').play(); this.querySelector('.prompt-card-mini-play-icon').classList.add('hidden');" onmouseleave="this.querySelector('video').pause(); this.querySelector('.prompt-card-mini-play-icon').classList.remove('hidden');" href="https://prompts.explinks.com/desolate_rite_metamorphosis?desc" target="_blank"> <video class="prompt-card-mini-background-video" muted loop> <source src="https://apihub-public.oss-cn-beijing.aliyuncs.com/uploads/d853f3ad-8192-44a1-afb8-3bd079945969.mp4" type="video/mp4"> </video> <div class="prompt-card-mini-play-icon"> <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="10" stroke="#333333" stroke-width="1.5" fill="none"/> <polygon points="10,8 16,12 10,16" stroke="#333333" stroke-width="1.5" fill="none" stroke-linejoin="round"/> </svg> </div> </a> <a class="prompt-card-mini-category-tag-positioned" href="https://prompts.explinks.com/search?biz_cat_slug=prompt"> 提示词 </a> <div class="prompt-card-mini-content-section"> <div class="prompt-card-mini-header"> <a href="https://tools.explinks.com/prompt-trial?slug=desolate_rite_metamorphosis&title" class="prompt-card-mini-title prompt-card-mini-title-link" target="_blank"> 荒土仪式暗黑蜕变 </a> </div> <div class="prompt-card-mini-actions"> <div class="prompt-card-mini-price-section"> <a href="https://tools.explinks.com/prompt-trial?slug=desolate_rite_metamorphosis&price" target="_blank" style="text-decoration: none; color: inherit;"> <span class="prompt-card-mini-price-value prompt-card-mini-price-discount">￥12.50元</span> <span class="prompt-card-mini-original-price">￥25</span> <span class="prompt-card-mini-price-limited-tag">限时</span> </a> </div> </div> </div> </div> <div class="prompt-card-mini" data-prompt-slug="blue_cosplay_girl_boxing_gym"> <a class="prompt-card-mini-header-section prompt-card-mini-header-section-with-video" onmouseenter="this.querySelector('video').play(); this.querySelector('.prompt-card-mini-play-icon').classList.add('hidden');" onmouseleave="this.querySelector('video').pause(); this.querySelector('.prompt-card-mini-play-icon').classList.remove('hidden');" href="https://prompts.explinks.com/blue_cosplay_girl_boxing_gym?desc" target="_blank"> <video class="prompt-card-mini-background-video" muted loop> <source src="https://apihub-public.oss-cn-beijing.aliyuncs.com/uploads/e2dae429-3a21-4c49-befb-7610e39f97ce.mp4" type="video/mp4"> </video> <div class="prompt-card-mini-play-icon"> <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="10" stroke="#333333" stroke-width="1.5" fill="none"/> <polygon points="10,8 16,12 10,16" stroke="#333333" stroke-width="1.5" fill="none" stroke-linejoin="round"/> </svg> </div> </a> <a class="prompt-card-mini-category-tag-positioned" href="https://prompts.explinks.com/search?biz_cat_slug=prompt"> 提示词 </a> <div class="prompt-card-mini-content-section"> <div class="prompt-card-mini-header"> <a href="https://prompts.explinks.com/blue_cosplay_girl_boxing_gym?title" class="prompt-card-mini-title prompt-card-mini-title-link" target="_blank"> 拳击馆蓝色角色扮演女孩 </a> </div> <div class="prompt-card-mini-actions"> <div class="prompt-card-mini-price-section"> <a href="https://prompts.explinks.com/blue_cosplay_girl_boxing_gym?price" target="_blank" style="text-decoration: none; color: inherit;"> <span class="prompt-card-mini-price-value prompt-card-mini-price-discount">￥10.00元</span> <span class="prompt-card-mini-original-price">￥20</span> <span class="prompt-card-mini-price-limited-tag">限时</span> </a> </div> </div> </div> </div> <div class="prompt-card-mini" data-prompt-slug="aloof_languid_idol_half_length"> <a class="prompt-card-mini-header-section prompt-card-mini-header-section-with-bg" style="background-image: url('https://apihub-public.oss-cn-beijing.aliyuncs.com/uploads/823841e0-f910-4ed8-9f71-0ea96e82e6b7.png');" href="https://prompts.explinks.com/aloof_languid_idol_half_length?desc" target="_blank"> </a> <a class="prompt-card-mini-category-tag-positioned" href="https://prompts.explinks.com/search?biz_cat_slug=prompt"> 提示词 </a> <div class="prompt-card-mini-content-section"> <div class="prompt-card-mini-header"> <a href="https://prompts.explinks.com/aloof_languid_idol_half_length?title" class="prompt-card-mini-title prompt-card-mini-title-link" target="_blank"> 高冷慵懒爱豆半身肖像 </a> </div> <div class="prompt-card-mini-actions"> <div class="prompt-card-mini-price-section"> <a href="https://prompts.explinks.com/aloof_languid_idol_half_length?price" target="_blank" style="text-decoration: none; color: inherit;"> <span class="prompt-card-mini-price-value prompt-card-mini-price-discount">￥12.50元</span> <span class="prompt-card-mini-original-price">￥25</span> <span class="prompt-card-mini-price-limited-tag">限时</span> </a> </div> </div> </div> </div> <div class="prompt-card-mini" data-prompt-slug="dreamy_liquid_color_dogs"> <a class="prompt-card-mini-header-section prompt-card-mini-header-section-with-bg" style="background-image: url('https://apihub-public.oss-cn-beijing.aliyuncs.com/uploads/8c58b4ce-3452-43fc-a8bd-27286c07d3ae.png');" href="https://prompts.explinks.com/dreamy_liquid_color_dogs?desc" target="_blank"> </a> <a class="prompt-card-mini-category-tag-positioned" href="https://prompts.explinks.com/search?biz_cat_slug=art"> 艺术 </a> <div class="prompt-card-mini-content-section"> <div class="prompt-card-mini-header"> <a href="https://prompts.explinks.com/dreamy_liquid_color_dogs?title" class="prompt-card-mini-title prompt-card-mini-title-link" target="_blank"> 梦幻彩色液体小狗 </a> </div> <div class="prompt-card-mini-actions"> <div class="prompt-card-mini-price-section"> <a href="https://prompts.explinks.com/dreamy_liquid_color_dogs?price" target="_blank" style="text-decoration: none; color: inherit;"> <span class="prompt-card-mini-price-value prompt-card-mini-price-discount">￥10.00元</span> <span class="prompt-card-mini-original-price">￥20</span> <span class="prompt-card-mini-price-limited-tag">限时</span> </a> </div> </div> </div> </div> <div class="prompt-card-mini" data-prompt-slug="golden_cyberpunk_portrait"> <a class="prompt-card-mini-header-section prompt-card-mini-header-section-with-bg" style="background-image: url('https://apihub-public.oss-cn-beijing.aliyuncs.com/uploads/0051e3e0-83e8-442a-a5f5-0eb1bd593b6f.png');" href="https://prompts.explinks.com/golden_cyberpunk_portrait?desc" target="_blank"> </a> <a class="prompt-card-mini-category-tag-positioned" href="https://prompts.explinks.com/search?biz_cat_slug=art"> 艺术 </a> <div class="prompt-card-mini-content-section"> <div class="prompt-card-mini-header"> <a href="https://prompts.explinks.com/golden_cyberpunk_portrait?title" class="prompt-card-mini-title prompt-card-mini-title-link" target="_blank"> 黄金质感侧脸肖像 </a> </div> <div class="prompt-card-mini-actions"> <div class="prompt-card-mini-price-section"> <a href="https://prompts.explinks.com/golden_cyberpunk_portrait?price" target="_blank" style="text-decoration: none; color: inherit;"> <span class="prompt-card-mini-price-value prompt-card-mini-price-discount">￥10.00元</span> <span class="prompt-card-mini-original-price">￥20</span> <span class="prompt-card-mini-price-limited-tag">限时</span> </a> </div> </div> </div> </div> <div class="prompt-card-mini" data-prompt-slug="beachside_friendship_toast"> <a class="prompt-card-mini-header-section prompt-card-mini-header-section-with-video" onmouseenter="this.querySelector('video').play(); this.querySelector('.prompt-card-mini-play-icon').classList.add('hidden');" onmouseleave="this.querySelector('video').pause(); this.querySelector('.prompt-card-mini-play-icon').classList.remove('hidden');" href="https://prompts.explinks.com/beachside_friendship_toast?desc" target="_blank"> <video class="prompt-card-mini-background-video" muted loop> <source src="https://apihub-public.oss-cn-beijing.aliyuncs.com/uploads/9e333ad7-e54b-4366-af34-753e034f4919.mp4" type="video/mp4"> </video> <div class="prompt-card-mini-play-icon"> <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="10" stroke="#333333" stroke-width="1.5" fill="none"/> <polygon points="10,8 16,12 10,16" stroke="#333333" stroke-width="1.5" fill="none" stroke-linejoin="round"/> </svg> </div> </a> <a class="prompt-card-mini-category-tag-positioned" href="https://prompts.explinks.com/search?biz_cat_slug=content_creation"> 内容创作 </a> <div class="prompt-card-mini-content-section"> <div class="prompt-card-mini-header"> <a href="https://prompts.explinks.com/beachside_friendship_toast?title" class="prompt-card-mini-title prompt-card-mini-title-link" target="_blank"> 海滩午后友谊时光 </a> </div> <div class="prompt-card-mini-actions"> <div class="prompt-card-mini-price-section"> <a href="https://prompts.explinks.com/beachside_friendship_toast?price" target="_blank" style="text-decoration: none; color: inherit;"> <span class="prompt-card-mini-price-value prompt-card-mini-price-discount">￥12.50元</span> <span class="prompt-card-mini-original-price">￥25</span> <span class="prompt-card-mini-price-limited-tag">限时</span> </a> </div> </div> </div> </div> <div class="prompt-card-mini" data-prompt-slug="cinematic_motivational_video"> <a class="prompt-card-mini-header-section prompt-card-mini-header-section-with-video" onmouseenter="this.querySelector('video').play(); this.querySelector('.prompt-card-mini-play-icon').classList.add('hidden');" onmouseleave="this.querySelector('video').pause(); this.querySelector('.prompt-card-mini-play-icon').classList.remove('hidden');" href="https://prompts.explinks.com/cinematic_motivational_video?desc" target="_blank"> <video class="prompt-card-mini-background-video" muted loop> <source src="https://apihub-public.oss-cn-beijing.aliyuncs.com/uploads/a00eab52-5ed1-4334-9a32-570e24ea8680.mp4" type="video/mp4"> </video> <div class="prompt-card-mini-play-icon"> <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="10" stroke="#333333" stroke-width="1.5" fill="none"/> <polygon points="10,8 16,12 10,16" stroke="#333333" stroke-width="1.5" fill="none" stroke-linejoin="round"/> </svg> </div> </a> <a class="prompt-card-mini-category-tag-positioned" href="https://prompts.explinks.com/search?biz_cat_slug=video"> 视频 </a> <div class="prompt-card-mini-content-section"> <div class="prompt-card-mini-header"> <a href="https://prompts.explinks.com/cinematic_motivational_video?title" class="prompt-card-mini-title prompt-card-mini-title-link" target="_blank"> 励志短片创作 </a> </div> <div class="prompt-card-mini-actions"> <div class="prompt-card-mini-price-section"> <a href="https://prompts.explinks.com/cinematic_motivational_video?price" target="_blank" style="text-decoration: none; color: inherit;"> <span class="prompt-card-mini-price-value prompt-card-mini-price-discount">￥12.50元</span> <span class="prompt-card-mini-original-price">￥25</span> <span class="prompt-card-mini-price-limited-tag">限时</span> </a> </div> </div> </div> </div> <div class="prompt-card-mini" data-prompt-slug="ghibli_kings_speech_cinematic"> <a class="prompt-card-mini-header-section prompt-card-mini-header-section-with-video" onmouseenter="this.querySelector('video').play(); this.querySelector('.prompt-card-mini-play-icon').classList.add('hidden');" onmouseleave="this.querySelector('video').pause(); this.querySelector('.prompt-card-mini-play-icon').classList.remove('hidden');" href="https://prompts.explinks.com/ghibli_kings_speech_cinematic?desc" target="_blank"> <video class="prompt-card-mini-background-video" muted loop> <source src="https://apihub-public.oss-cn-beijing.aliyuncs.com/uploads/6849cd34-6eb9-4198-9fee-175db1315171.mp4" type="video/mp4"> </video> <div class="prompt-card-mini-play-icon"> <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="10" stroke="#333333" stroke-width="1.5" fill="none"/> <polygon points="10,8 16,12 10,16" stroke="#333333" stroke-width="1.5" fill="none" stroke-linejoin="round"/> </svg> </div> </a> <a class="prompt-card-mini-category-tag-positioned" href="https://prompts.explinks.com/search?biz_cat_slug=prompt"> 提示词 </a> <div class="prompt-card-mini-content-section"> <div class="prompt-card-mini-header"> <a href="https://prompts.explinks.com/ghibli_kings_speech_cinematic?title" class="prompt-card-mini-title prompt-card-mini-title-link" target="_blank"> 吉卜力风格国王演讲动态镜头 </a> </div> <div class="prompt-card-mini-actions"> <div class="prompt-card-mini-price-section"> <a href="https://prompts.explinks.com/ghibli_kings_speech_cinematic?price" target="_blank" style="text-decoration: none; color: inherit;"> <span class="prompt-card-mini-price-value prompt-card-mini-price-discount">￥10.00元</span> <span class="prompt-card-mini-original-price">￥20</span> <span class="prompt-card-mini-price-limited-tag">限时</span> </a> </div> </div> </div> </div> <div class="prompt-card-mini" data-prompt-slug="playful_catgirl_dynamic_video"> <a class="prompt-card-mini-header-section prompt-card-mini-header-section-with-video" onmouseenter="this.querySelector('video').play(); this.querySelector('.prompt-card-mini-play-icon').classList.add('hidden');" onmouseleave="this.querySelector('video').pause(); this.querySelector('.prompt-card-mini-play-icon').classList.remove('hidden');" href="https://prompts.explinks.com/playful_catgirl_dynamic_video?desc" target="_blank"> <video class="prompt-card-mini-background-video" muted loop> <source src="https://apihub-public.oss-cn-beijing.aliyuncs.com/uploads/0038b07d-4468-4ca4-8173-47ca76340480.mp4" type="video/mp4"> </video> <div class="prompt-card-mini-play-icon"> <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="10" stroke="#333333" stroke-width="1.5" fill="none"/> <polygon points="10,8 16,12 10,16" stroke="#333333" stroke-width="1.5" fill="none" stroke-linejoin="round"/> </svg> </div> </a> <a class="prompt-card-mini-category-tag-positioned" href="https://prompts.explinks.com/search?biz_cat_slug=api"> API </a> <div class="prompt-card-mini-content-section"> <div class="prompt-card-mini-header"> <a href="https://prompts.explinks.com/playful_catgirl_dynamic_video?title" class="prompt-card-mini-title prompt-card-mini-title-link" target="_blank"> 俏皮猫娘动态演绎 </a> </div> <div class="prompt-card-mini-actions"> <div class="prompt-card-mini-price-section"> <a href="https://prompts.explinks.com/playful_catgirl_dynamic_video?price" target="_blank" style="text-decoration: none; color: inherit;"> <span class="prompt-card-mini-price-value prompt-card-mini-price-discount">￥12.50元</span> <span class="prompt-card-mini-original-price">￥25</span> <span class="prompt-card-mini-price-limited-tag">限时</span> </a> </div> </div> </div> </div> <div class="prompt-card-mini" data-prompt-slug="modern_fashion_vector_art"> <a class="prompt-card-mini-header-section prompt-card-mini-header-section-with-bg" style="background-image: url('https://apihub-public.oss-cn-beijing.aliyuncs.com/uploads/b9ebea6e-69cb-4a8d-a8e8-cb2906c65cb1.png');" href="https://prompts.explinks.com/modern_fashion_vector_art?desc" target="_blank"> </a> <a class="prompt-card-mini-category-tag-positioned" href="https://prompts.explinks.com/search?biz_cat_slug=design"> 设计 </a> <div class="prompt-card-mini-content-section"> <div class="prompt-card-mini-header"> <a href="https://prompts.explinks.com/modern_fashion_vector_art?title" class="prompt-card-mini-title prompt-card-mini-title-link" target="_blank"> 现代时尚矢量艺术创作 </a> </div> <div class="prompt-card-mini-actions"> <div class="prompt-card-mini-price-section"> <a href="https://prompts.explinks.com/modern_fashion_vector_art?price" target="_blank" style="text-decoration: none; color: inherit;"> <span class="prompt-card-mini-price-value prompt-card-mini-price-discount">￥10.00元</span> <span class="prompt-card-mini-original-price">￥20</span> <span class="prompt-card-mini-price-limited-tag">限时</span> </a> </div> </div> </div> </div> <div class="prompt-card-mini" data-prompt-slug="cat_ear_hand_motion_closeup"> <a class="prompt-card-mini-header-section prompt-card-mini-header-section-with-video" onmouseenter="this.querySelector('video').play(); this.querySelector('.prompt-card-mini-play-icon').classList.add('hidden');" onmouseleave="this.querySelector('video').pause(); this.querySelector('.prompt-card-mini-play-icon').classList.remove('hidden');" href="https://prompts.explinks.com/cat_ear_hand_motion_closeup?desc" target="_blank"> <video class="prompt-card-mini-background-video" muted loop> <source src="https://apihub-public.oss-cn-beijing.aliyuncs.com/uploads/32a0796a-be65-4a2d-b48e-9b01745dc706.mp4" type="video/mp4"> </video> <div class="prompt-card-mini-play-icon"> <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="10" stroke="#333333" stroke-width="1.5" fill="none"/> <polygon points="10,8 16,12 10,16" stroke="#333333" stroke-width="1.5" fill="none" stroke-linejoin="round"/> </svg> </div> </a> <a class="prompt-card-mini-category-tag-positioned" href="https://prompts.explinks.com/search?biz_cat_slug=other"> 其它 </a> <div class="prompt-card-mini-content-section"> <div class="prompt-card-mini-header"> <a href="https://prompts.explinks.com/cat_ear_hand_motion_closeup?title" class="prompt-card-mini-title prompt-card-mini-title-link" target="_blank"> 猫耳动作动态特写 </a> </div> <div class="prompt-card-mini-actions"> <div class="prompt-card-mini-price-section"> <a href="https://prompts.explinks.com/cat_ear_hand_motion_closeup?price" target="_blank" style="text-decoration: none; color: inherit;"> <span class="prompt-card-mini-price-value prompt-card-mini-price-discount">￥10.00元</span> <span class="prompt-card-mini-original-price">￥20</span> <span class="prompt-card-mini-price-limited-tag">限时</span> </a> </div> </div> </div> </div> <div class="prompt-card-mini" data-prompt-slug="alien_travel_posters"> <a class="prompt-card-mini-header-section prompt-card-mini-header-section-with-bg" style="background-image: url('https://apihub-public.oss-cn-beijing.aliyuncs.com/uploads/33b173e7-4043-4a5f-8d90-b56e7025a940.png');" href="https://prompts.explinks.com/alien_travel_posters?desc" target="_blank"> </a> <a class="prompt-card-mini-category-tag-positioned" href="https://prompts.explinks.com/search?biz_cat_slug=design"> 设计 </a> <div class="prompt-card-mini-content-section"> <div class="prompt-card-mini-header"> <a href="https://prompts.explinks.com/alien_travel_posters?title" class="prompt-card-mini-title prompt-card-mini-title-link" target="_blank"> 外星行星旅行海报 </a> </div> <div class="prompt-card-mini-actions"> <div class="prompt-card-mini-price-section"> <a href="https://prompts.explinks.com/alien_travel_posters?price" target="_blank" style="text-decoration: none; color: inherit;"> <span class="prompt-card-mini-price-value prompt-card-mini-price-discount">￥10.00元</span> <span class="prompt-card-mini-original-price">￥20</span> <span class="prompt-card-mini-price-limited-tag">限时</span> </a> </div> </div> </div> </div> <div class="prompt-card-mini" data-prompt-slug="elegant_military_girl_portrait"> <a class="prompt-card-mini-header-section prompt-card-mini-header-section-with-bg" style="background-image: url('https://apihub-public.oss-cn-beijing.aliyuncs.com/uploads/10f3960e-3d0f-41d1-b624-3f4fd7e77567.png');" href="https://prompts.explinks.com/elegant_military_girl_portrait?desc" target="_blank"> </a> <a class="prompt-card-mini-category-tag-positioned" href="https://prompts.explinks.com/search?biz_cat_slug=prompt"> 提示词 </a> <div class="prompt-card-mini-content-section"> <div class="prompt-card-mini-header"> <a href="https://prompts.explinks.com/elegant_military_girl_portrait?title" class="prompt-card-mini-title prompt-card-mini-title-link" target="_blank"> 军事少女唯美肖像 </a> </div> <div class="prompt-card-mini-actions"> <div class="prompt-card-mini-price-section"> <a href="https://prompts.explinks.com/elegant_military_girl_portrait?price" target="_blank" style="text-decoration: none; color: inherit;"> <span class="prompt-card-mini-price-value prompt-card-mini-price-discount">￥10.00元</span> <span class="prompt-card-mini-original-price">￥20</span> <span class="prompt-card-mini-price-limited-tag">限时</span> </a> </div> </div> </div> </div> <div class="prompt-card-mini" data-prompt-slug="cute_3d_fluffy_penguin"> <a class="prompt-card-mini-header-section prompt-card-mini-header-section-with-bg" style="background-image: url('https://apihub-public.oss-cn-beijing.aliyuncs.com/uploads/2873f9a8-dc98-4129-922c-db01f4ca97a3.png');" href="https://prompts.explinks.com/cute_3d_fluffy_penguin?desc" target="_blank"> </a> <a class="prompt-card-mini-category-tag-positioned" href="https://prompts.explinks.com/search?biz_cat_slug=tool"> 工具 </a> <div class="prompt-card-mini-content-section"> <div class="prompt-card-mini-header"> <a href="https://prompts.explinks.com/cute_3d_fluffy_penguin?title" class="prompt-card-mini-title prompt-card-mini-title-link" target="_blank"> 3D蓬松小企鹅 </a> </div> <div class="prompt-card-mini-actions"> <div class="prompt-card-mini-price-section"> <a href="https://prompts.explinks.com/cute_3d_fluffy_penguin?price" target="_blank" style="text-decoration: none; color: inherit;"> <span class="prompt-card-mini-price-value prompt-card-mini-price-discount">￥10.00元</span> <span class="prompt-card-mini-original-price">￥20</span> <span class="prompt-card-mini-price-limited-tag">限时</span> </a> </div> </div> </div> </div> <div class="prompt-card-mini" data-prompt-slug="whimsical_animal_dance_video"> <a class="prompt-card-mini-header-section prompt-card-mini-header-section-with-video" onmouseenter="this.querySelector('video').play(); this.querySelector('.prompt-card-mini-play-icon').classList.add('hidden');" onmouseleave="this.querySelector('video').pause(); this.querySelector('.prompt-card-mini-play-icon').classList.remove('hidden');" href="https://prompts.explinks.com/whimsical_animal_dance_video?desc" target="_blank"> <video class="prompt-card-mini-background-video" muted loop> <source src="https://apihub-public.oss-cn-beijing.aliyuncs.com/uploads/ee93fd3e-69db-431a-a5f2-607ad948876d.mp4" type="video/mp4"> </video> <div class="prompt-card-mini-play-icon"> <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="10" stroke="#333333" stroke-width="1.5" fill="none"/> <polygon points="10,8 16,12 10,16" stroke="#333333" stroke-width="1.5" fill="none" stroke-linejoin="round"/> </svg> </div> </a> <a class="prompt-card-mini-category-tag-positioned" href="https://prompts.explinks.com/search?biz_cat_slug=other"> 其它 </a> <div class="prompt-card-mini-content-section"> <div class="prompt-card-mini-header"> <a href="https://prompts.explinks.com/whimsical_animal_dance_video?title" class="prompt-card-mini-title prompt-card-mini-title-link" target="_blank"> 欢乐动物舞蹈动画 </a> </div> <div class="prompt-card-mini-actions"> <div class="prompt-card-mini-price-section"> <a href="https://prompts.explinks.com/whimsical_animal_dance_video?price" target="_blank" style="text-decoration: none; color: inherit;"> <span class="prompt-card-mini-price-value prompt-card-mini-price-discount">￥12.50元</span> <span class="prompt-card-mini-original-price">￥25</span> <span class="prompt-card-mini-price-limited-tag">限时</span> </a> </div> </div> </div> </div> <div class="prompt-card-mini" data-prompt-slug="moonlit_catwoman_portrait"> <a class="prompt-card-mini-header-section prompt-card-mini-header-section-with-bg" style="background-image: url('https://apihub-public.oss-cn-beijing.aliyuncs.com/uploads/147ae463-fb00-41f4-afcb-ea90a5ffce8b.png');" href="https://prompts.explinks.com/moonlit_catwoman_portrait?desc" target="_blank"> </a> <a class="prompt-card-mini-category-tag-positioned" href="https://prompts.explinks.com/search?biz_cat_slug=content_generation"> 内容生成 </a> <div class="prompt-card-mini-content-section"> <div class="prompt-card-mini-header"> <a href="https://prompts.explinks.com/moonlit_catwoman_portrait?title" class="prompt-card-mini-title prompt-card-mini-title-link" target="_blank"> 月光下的猫女肖像 </a> </div> <div class="prompt-card-mini-actions"> <div class="prompt-card-mini-price-section"> <a href="https://prompts.explinks.com/moonlit_catwoman_portrait?price" target="_blank" style="text-decoration: none; color: inherit;"> <span class="prompt-card-mini-price-value prompt-card-mini-price-discount">￥10.00元</span> <span class="prompt-card-mini-original-price">￥20</span> <span class="prompt-card-mini-price-limited-tag">限时</span> </a> </div> </div> </div> </div> <div class="prompt-card-mini" data-prompt-slug="slow_retreat_gesture_scene"> <a class="prompt-card-mini-header-section prompt-card-mini-header-section-with-video" onmouseenter="this.querySelector('video').play(); this.querySelector('.prompt-card-mini-play-icon').classList.add('hidden');" onmouseleave="this.querySelector('video').pause(); this.querySelector('.prompt-card-mini-play-icon').classList.remove('hidden');" href="https://prompts.explinks.com/slow_retreat_gesture_scene?desc" target="_blank"> <video class="prompt-card-mini-background-video" muted loop> <source src="https://apihub-public.oss-cn-beijing.aliyuncs.com/uploads/3594f067-1a0f-4d34-94a7-e50e3678045f.mp4" type="video/mp4"> </video> <div class="prompt-card-mini-play-icon"> <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="10" stroke="#333333" stroke-width="1.5" fill="none"/> <polygon points="10,8 16,12 10,16" stroke="#333333" stroke-width="1.5" fill="none" stroke-linejoin="round"/> </svg> </div> </a> <a class="prompt-card-mini-category-tag-positioned" href="https://prompts.explinks.com/search?biz_cat_slug=animation"> 动画 </a> <div class="prompt-card-mini-content-section"> <div class="prompt-card-mini-header"> <a href="https://prompts.explinks.com/slow_retreat_gesture_scene?title" class="prompt-card-mini-title prompt-card-mini-title-link" target="_blank"> 缓步退后动作场景 </a> </div> <div class="prompt-card-mini-actions"> <div class="prompt-card-mini-price-section"> <a href="https://prompts.explinks.com/slow_retreat_gesture_scene?price" target="_blank" style="text-decoration: none; color: inherit;"> <span class="prompt-card-mini-price-value prompt-card-mini-price-discount">￥10.00元</span> <span class="prompt-card-mini-original-price">￥20</span> <span class="prompt-card-mini-price-limited-tag">限时</span> </a> </div> </div> </div> </div> <div class="prompt-card-mini" data-prompt-slug="3d_cartoon_character_design"> <a class="prompt-card-mini-header-section prompt-card-mini-header-section-with-bg" style="background-image: url('https://apihub-public.oss-cn-beijing.aliyuncs.com/uploads/d59c0946-aedc-445b-87b6-94249ba99cff.png');" href="https://prompts.explinks.com/3d_cartoon_character_design?desc" target="_blank"> </a> <a class="prompt-card-mini-category-tag-positioned" href="https://prompts.explinks.com/search?biz_cat_slug=3d_design"> 3D设计 </a> <div class="prompt-card-mini-content-section"> <div class="prompt-card-mini-header"> <a href="https://tools.explinks.com/prompt-trial?slug=3d_cartoon_character_design&title" class="prompt-card-mini-title prompt-card-mini-title-link" target="_blank"> 活力卡通角色模型设计 </a> </div> <div class="prompt-card-mini-actions"> <div class="prompt-card-mini-price-section"> <a href="https://tools.explinks.com/prompt-trial?slug=3d_cartoon_character_design&price" target="_blank" style="text-decoration: none; color: inherit;"> <span class="prompt-card-mini-price-value prompt-card-mini-price-discount">￥10.00元</span> <span class="prompt-card-mini-original-price">￥20</span> <span class="prompt-card-mini-price-limited-tag">限时</span> </a> </div> </div> </div> </div> <div class="prompt-card-mini" data-prompt-slug="gentle_breeze_serene_path"> <a class="prompt-card-mini-header-section prompt-card-mini-header-section-with-video" onmouseenter="this.querySelector('video').play(); this.querySelector('.prompt-card-mini-play-icon').classList.add('hidden');" onmouseleave="this.querySelector('video').pause(); this.querySelector('.prompt-card-mini-play-icon').classList.remove('hidden');" href="https://prompts.explinks.com/gentle_breeze_serene_path?desc" target="_blank"> <video class="prompt-card-mini-background-video" muted loop> <source src="https://apihub-public.oss-cn-beijing.aliyuncs.com/uploads/6f11d519-e7bd-43d1-a0ce-ebdc5d41f778.mp4" type="video/mp4"> </video> <div class="prompt-card-mini-play-icon"> <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="10" stroke="#333333" stroke-width="1.5" fill="none"/> <polygon points="10,8 16,12 10,16" stroke="#333333" stroke-width="1.5" fill="none" stroke-linejoin="round"/> </svg> </div> </a> <a class="prompt-card-mini-category-tag-positioned" href="https://prompts.explinks.com/search?biz_cat_slug=other"> 其它 </a> <div class="prompt-card-mini-content-section"> <div class="prompt-card-mini-header"> <a href="https://prompts.explinks.com/gentle_breeze_serene_path?title" class="prompt-card-mini-title prompt-card-mini-title-link" target="_blank"> 微风拂动小径画面 </a> </div> <div class="prompt-card-mini-actions"> <div class="prompt-card-mini-price-section"> <a href="https://prompts.explinks.com/gentle_breeze_serene_path?price" target="_blank" style="text-decoration: none; color: inherit;"> <span class="prompt-card-mini-price-value prompt-card-mini-price-discount">￥10.00元</span> <span class="prompt-card-mini-original-price">￥20</span> <span class="prompt-card-mini-price-limited-tag">限时</span> </a> </div> </div> </div> </div> <div class="prompt-card-mini" data-prompt-slug="photoreal_rainy_urban_girl"> <a class="prompt-card-mini-header-section prompt-card-mini-header-section-with-bg" style="background-image: url('https://apihub-public.oss-cn-beijing.aliyuncs.com/uploads/781d828a-40cb-4930-a2cb-af46ae42ef9d.png');" href="https://prompts.explinks.com/photoreal_rainy_urban_girl?desc" target="_blank"> </a> <a class="prompt-card-mini-category-tag-positioned" href="https://prompts.explinks.com/search?biz_cat_slug=image_generation"> 图像生成 </a> <div class="prompt-card-mini-content-section"> <div class="prompt-card-mini-header"> <a href="https://prompts.explinks.com/photoreal_rainy_urban_girl?title" class="prompt-card-mini-title prompt-card-mini-title-link" target="_blank"> 雨夜都市少女肖像 </a> </div> <div class="prompt-card-mini-actions"> <div class="prompt-card-mini-price-section"> <a href="https://prompts.explinks.com/photoreal_rainy_urban_girl?price" target="_blank" style="text-decoration: none; color: inherit;"> <span class="prompt-card-mini-price-value prompt-card-mini-price-discount">￥10.00元</span> <span class="prompt-card-mini-original-price">￥20</span> <span class="prompt-card-mini-price-limited-tag">限时</span> </a> </div> </div> </div> </div> </div> <button class="slider-btn slider-btn-prev" data-direction="prev"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M15 18L9 12L15 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </button> <button class="slider-btn slider-btn-next" data-direction="next"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M9 18L15 12L9 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </button> </div> </div> </div> <script src="https://static.explinks.com/prompt/static/js/home/countdown.js?v=1765505086109"></script><script src="https://static.explinks.com/prompt/static/js/home/zone-section.js?v=1765505086109"></script> <div id="footer"> <div class="footer-container"> <div class="footer-content"> <div class="footer-section"> <h5 class="footer-section-title"> 热门提示词</h5> <ul class="footer-section-links"> <li> <a href="https://prompts.explinks.com/quick_keyword_generator" target="_blank">快速关键词生成助手</a> </li> <li> <a href="https://prompts.explinks.com/content_strategy_guide" target="_blank">内容营销策略制定</a> </li> <li> <a href="https://prompts.explinks.com/rapid_test_scenario" target="_blank">快速测试场景生成器</a> </li> <li> <a href="https://prompts.explinks.com/novel_writing_guide" target="_blank">小说创作策略指南</a> </li> <li> <a href="https://prompts.explinks.com/seo_keyword_generator" target="_blank">SEO优化关键词生成助手</a> </li> <li> <a href="https://prompts.explinks.com/article_title_generator" target="_blank">文章标题生成器</a> </li> </ul> </div> <div class="footer-section"> <h5 class="footer-section-title"> 热门角色</h5> <ul class="footer-section-links"> <li> <a href="https://prompts.explinks.com/category/content_creator" target="_blank">内容创作者</a> </li> <li> <a href="https://prompts.explinks.com/category/developer" target="_blank">开发者</a> </li> <li> <a href="https://prompts.explinks.com/category/product_manager" target="_blank">产品经理</a> </li> <li> <a href="https://prompts.explinks.com/category/business_consultant" target="_blank">商业顾问</a> </li> <li> <a href="https://prompts.explinks.com/category/marketing_personnel" target="_blank">市场营销</a> </li> <li> <a href="https://prompts.explinks.com/category/business_owner" target="_blank">企业管理者</a> </li> <li> <a href="https://prompts.explinks.com/category/seo_expert" target="_blank">SEO专家</a> </li> <li> <a href="https://prompts.explinks.com/category/data_analyst" target="_blank">数据分析师</a> </li> </ul> </div> <div class="footer-section"> <h5 class="footer-section-title"> 热门业务</h5> <ul class="footer-section-links"> <li> <a href="https://prompts.explinks.com/category/developer?biz_cat_slug=code" target="_blank">代码</a> </li> <li> <a href="https://prompts.explinks.com/category/content_creator?biz_cat_slug=content_creation" target="_blank">内容创作</a> </li> <li> <a href="https://prompts.explinks.com/category/human_resources_personnel?biz_cat_slug=human_resources" target="_blank">人力资源</a> </li> <li> <a href="https://prompts.explinks.com/category/data_analyst?biz_cat_slug=data_analysis" target="_blank">数据分析</a> </li> <li> <a href="https://prompts.explinks.com/category/writer?biz_cat_slug=creative_writing" target="_blank">创意写作</a> </li> <li> <a href="https://prompts.explinks.com/category/illustrator?biz_cat_slug=art" target="_blank">艺术插画</a> </li> </ul> </div> <div class="footer-section"> <h5 class="footer-section-title"> 大模型API</h5> <ul class="footer-section-links"> <li> <a href="https://www.explinks.com/api/ai_deepseek_brand" target="_blank">DeepSeek</a> </li> <li> <a href="https://www.explinks.com/api/ai_openai_brand" target="_blank">OpenAI</a> </li> <li> <a href="https://www.explinks.com/api/ai_anthropic_brand" target="_blank">Claude</a> </li> <li> <a href="https://www.explinks.com/api/ai_gemini_brand" target="_blank">Gemini</a> </li> <li> <a href="https://www.explinks.com/api/ai_grok_brand" target="_blank">Grok</a> </li> <li> <a href="https://www.explinks.com/api/ai_tongyi_brand" target="_blank">Qwen</a> </li> </ul> </div> <div class="footer-section"> <h5 class="footer-section-title"> 使用我们的提示词工具</h5> <ul class="footer-section-links"> <li> <a target="_blank">提示词API化工具(敬请期待)</a> </li> <li> <a href="https://tools.explinks.com/prompt-generator" target="_blank">提示词应用工具</a> </li> <li> <a href="https://console.explinks.com/myHome/prompts" target="_blank">我的提示词库</a> </li> <li> <a href="https://prompts.explinks.com/packs/partners" target="_blank">加入分销计划，零成本获得收益</a> </li> </ul> </div> </div> <div class="footer-bottom"> <div class="footer-brand"> <div class="footer-brand-logo"> <a href="https://www.explinks.com/" target="_blank"> <figure class="footer-logo-wrapper"> <img decoding="async" src="https://cdn.explinks.com/wp-content/uploads/2023/12/image-e1703756327221.png" alt="幂简集成ICON" class="footer-logo-img"/> </figure> </a> </div> </div> <div class="footer-bottom-left"> <div class="footer-copyright"> <p>Copyright © 2024 All Rights Reserved <a href="https://www.explinks.com/company/about" target="_blank">北京蜜堂有信科技有限公司</a></p> </div> <div class="footer-address"> <p>公司地址：北京市朝阳区光华路和乔大厦C座1508</p> </div> </div> <div class="footer-bottom-right"> <div class="footer-license-info"> <div class="footer-license-item"> <p>增值电信业务经营许可证：京B2-20191889</p> </div> <div class="footer-license-icon"> <img decoding="async" src="https://cdn.explinks.com/wp-content/uploads/2023/12/police.png" alt="icon" class="footer-police-icon"/> </div> <div class="footer-license-item"> <p><a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow">京ICP备18034931号-7</a></p> </div> </div> <div class="footer-feedback"> <p>意见反馈：010-53324933,mtyy@miitang.com</p> </div> </div> </div> </div> </div> <div class="sidebar-components-container"> <div class="sidebar"> <button class="sidebar-button" title="反馈问题" id="feedbackButton"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <circle cx="12" cy="12" r="10"/> <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"/> <line x1="12" y1="17" x2="12" y2="17"/> </svg> </button> <button class="sidebar-button up-button" title="返回顶部"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <path d="M12 19V5"/> <path d="M5 12l7-7 7 7"/> </svg> </button> </div> <div class="toast" id="comingSoonToast"> <div class="toast-content"> <span>敬请期待...</span> <button class="toast-close">×</button> </div> </div> <div class="modal" id="feedbackModal"> <div class="modal-content"> <div class="modal-header"> <h3 class="modal-title">反馈问题</h3> <button class="modal-close">×</button> </div> <form id="feedbackForm"> <div class="form-group"> <label class="form-label" for="description">描述 <span class="required">*</span></label> <textarea class="form-control" id="description" maxlength="200" required placeholder="请在此描述您要反馈的问题（200字以内）"></textarea> </div> <div class="form-group"> <label class="form-label">截图</label> <div class="image-upload" id="imageUpload"> <input type="file" id="imageInput" multiple accept="image/*" style="display: none;"> <p>点击或拖拽图片到此处上传（最多5张）</p> </div> <div class="image-preview" id="imagePreview"></div> </div> <div class="form-group"> <label class="form-label" for="contact">联系方式</label> <input type="text" class="form-control" id="contact" placeholder="QQ/邮箱/任选其一"> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" id="cancelButton">取消</button> <button type="submit" class="btn btn-primary">确定</button> </div> </form> </div> </div> <script> document.addEventListener('DOMContentLoaded', () => { const upButton = document.querySelector('.up-button'); const toast = document.getElementById('comingSoonToast'); const toastClose = document.querySelector('.toast-close'); const feedbackButton = document.getElementById('feedbackButton'); const feedbackModal = document.getElementById('feedbackModal'); const modalClose = feedbackModal.querySelector('.modal-close'); const cancelButton = document.getElementById('cancelButton'); const feedbackForm = document.getElementById('feedbackForm'); const imageUpload = document.getElementById('imageUpload'); const imageInput = document.getElementById('imageInput'); const imagePreview = document.getElementById('imagePreview'); let toastTimeout; // 返回顶部按钮逻辑 window.addEventListener('scroll', () => { if (window.scrollY > 300) { upButton.classList.add('show'); } else { upButton.classList.remove('show'); } }); upButton.addEventListener('click', () => { window.scrollTo({ top: 0, behavior: 'smooth' }); }); // 显示提示框函数 function showToast() { clearTimeout(toastTimeout); toast.classList.add('show'); toastTimeout = setTimeout(() => { toast.classList.remove('show'); }, 3000); } // 关闭提示框 toastClose.addEventListener('click', () => { toast.classList.remove('show'); clearTimeout(toastTimeout); }); // // 为三个按钮添加点击事件 // const comingSoonButtons = [ // document.querySelector('button[title="AI助理"]'), // document.querySelector('button[title="最近浏览"]'), // document.querySelector('button[title="对比列表"]') // ]; // // comingSoonButtons.forEach(button => { // button.addEventListener('click', showToast); // }); // 反馈模态框相关逻辑 function openModal() { feedbackModal.classList.add('show'); document.body.style.overflow = 'hidden'; } function closeModal() { feedbackModal.classList.remove('show'); document.body.style.overflow = ''; feedbackForm.reset(); imagePreview.innerHTML = ''; } feedbackButton.addEventListener('click', openModal); modalClose.addEventListener('click', closeModal); cancelButton.addEventListener('click', closeModal); // 点击模态框外部关闭 feedbackModal.addEventListener('click', (e) => { if (e.target === feedbackModal) { closeModal(); } }); // 图片上传相关逻辑 imageUpload.addEventListener('click', () => { imageInput.click(); }); imageInput.addEventListener('change', handleImageUpload); function handleImageUpload() { const files = Array.from(imageInput.files); const existingImages = imagePreview.querySelectorAll('.image-container'); const totalImages = existingImages.length + files.length; if (totalImages > 5) { alert('最多只能上传5张图片'); return; } files.forEach(file => { if (!file.type.startsWith('image/')) { return; } const reader = new FileReader(); reader.onload = (e) => { const container = document.createElement('div'); container.className = 'image-container'; const img = document.createElement('img'); img.src = e.target.result; container.appendChild(img); const deleteBtn = document.createElement('button'); deleteBtn.className = 'image-delete'; deleteBtn.innerHTML = '×'; deleteBtn.title = '删除图片'; deleteBtn.onclick = function () { if (confirm('确定要删除这张图片吗？')) { container.remove(); } }; container.appendChild(deleteBtn); imagePreview.appendChild(container); }; reader.readAsDataURL(file); }); } // 拖拽上传 imageUpload.addEventListener('dragover', (e) => { e.preventDefault(); imageUpload.style.borderColor = '#4a90e2'; }); imageUpload.addEventListener('dragleave', () => { imageUpload.style.borderColor = '#ddd'; }); imageUpload.addEventListener('drop', (e) => { e.preventDefault(); imageUpload.style.borderColor = '#ddd'; const files = Array.from(e.dataTransfer.files); if (files.length > 5) { alert('最多只能上传5张图片'); return; } imageInput.files = e.dataTransfer.files; handleImageUpload(); }); // 表单提交 feedbackForm.addEventListener('submit', async (e) => { e.preventDefault(); const description = document.getElementById('description').value.trim(); const contact = document.getElementById('contact').value.trim(); // if (!description || !contact) { if (!description) { alert('请填写反馈内容！'); return; } // 收集图片数据 const images = []; const imageElements = imagePreview.querySelectorAll('img'); imageElements.forEach(img => { images.push(img.src); }); // 准备要提交的数据 const formData = { description, contact, images }; try { const response = await fetch('https://api.explinks.com/feedback/submit', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(formData) }); if (response.ok) { alert('反馈提交成功！'); closeModal(); } else { throw new Error('提交失败'); } } catch (error) { alert('提交失败，请稍后重试！'); console.error('提交表单时出错：', error); } }); }); </script> </div> <script src="https://static.explinks.com/prompt/static/js/statistics/index.js?v=1765505086109"></script> <script src="https://static.explinks.com/hub/static/script/baidu-analytics.js?v=1765505086109"></script> <script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script> <script>LA.init({id: "3NS00J5GfuD7Tvg6", ck: "3NS00J5GfuD7Tvg6"})</script> <script> (function(){ var h = window.location.hostname; var d = ''; try { var p = h.split('.'); if (p.length >= 2) { d = '.' + p.slice(-2).join('.'); } } catch (e) {} var isIp = /^\d{1,3}(?:\.\d{1,3}){3}$/.test(h); var domainAttr = (!isIp && h !== 'localhost' && d) ? ('; domain=' + d) : ''; function getCookie(name){ var cs = document.cookie ? document.cookie.split('; ') : []; for (var i=0;i<cs.length;i++){ var parts = cs[i].split('='); var key = parts.shift(); var value = parts.join('='); if (key === name){ return decodeURIComponent(value || ''); } } return null; } function delCookie(name){ document.cookie = name + '=; path=/; Max-Age=0; SameSite=Lax' + domainAttr; } window.clearPromotionCookie = function(){ delCookie('promotion-code'); delCookie('promotion-code-set'); }; var setTs = getCookie('promotion-code-set'); var setNum = Number(setTs); if (setTs && String(setNum) === setTs) { fetch('https://prompts.explinks.com/api/user/should-clear-promotion-code', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ setTimeMillis: setTs, referer: document.referrer || '' }) }) .then(function(r){ return r ? r.json() : null; }) .then(function(res){ if (res && (res.success === true || res.code === 200) && (res.data === true || res.data === 'true')) { window.clearPromotionCookie(); } }) .catch(function(){}); } var u = new URL(window.location.href); var v = (u.searchParams.get('ref') || u.searchParams.get('REF') || '').split('?')[0].trim(); if (v) { (function(){ var api = 'https://prompts.explinks.com/api/user/validate-promotion-code'; var payload = { promotionCode: v, referer: document.referrer || '' }; fetch(api, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(payload) }) .then(function(r){ return r ? r.json() : null; }) .then(function(res){ if (res && (res.success === true || res.code === 200) && (res.data === true || res.data === 'true')) { var ttl = 7200; var setTime = Date.now(); document.cookie = 'promotion-code=' + encodeURIComponent(v) + '; path=/; Max-Age=' + ttl + '; SameSite=Lax' + domainAttr; document.cookie = 'promotion-code-set=' + encodeURIComponent(String(setTime)) + '; path=/; Max-Age=' + ttl + '; SameSite=Lax' + domainAttr; } }) .catch(function(){}); })(); } })(); </script> <script src="https://static.explinks.com/prompt/static/js/statistics/view-count.js?v=1765505086109"></script> <script> // 页面加载完成后自动记录浏览量 ViewCountStatistics.autoRecordViewCount('seo_image_checklist'); </script> <script src="https://static.explinks.com/prompt/static/js/prompt-detail-v2/countdown.js?v=1765505086109"></script>  <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script> <script> // 初始化代码高亮 document.addEventListener('DOMContentLoaded', function () { hljs.highlightAll(); }); </script> </body> </html>

AI开发者

产品经理

商业分析师

电商运营人员

法律从业者

财务规划师

市场营销人员

品牌营销人员

新媒体运营

提示词工程

数据分析

写作

内容创作

内容营销

SEO

工具

商业战略

策略

DeepSeek

OpenAI

Claude

Gemini

Grok

Qwen

Kimi

网站图片SEO优化清单生成器