Html5 横幅文件大小

Posted 2023-03-07

【中文标题】Html5 横幅文件大小

【英文标题】：Html5 Banner File Size

【发布时间】：2015-08-23 13:41:08

【问题描述】：

下个月谷歌将自动停止 Flash 广告，因此我们收到了很多要求重新制作 html 中的 Flash 横幅的请求。

IAB 为 2013 年制定了一些 html5 横幅指南。最大文件大小应为 100kb..

我们使用 2 种方式发布横幅。一种是谷歌双击，另一种是直接在网站上发布。

我们对 doubleklick 没有任何问题，因为他们说，初始加载应该低于 100kb，然后可以加载其余部分。

但是直接发布的发布者说，整个横幅（所有使用和压缩为 zip 的文件）应该是最大的。 100kb。

我们的客户有一些设计指南，所以我们必须包含字体（包含 4 种格式和 2 种字体类型）。但即使是字体也有 400kb。

所以我们目前唯一的办法就是把文字转成图片，缩小文件大小..但这不是html5的概念...

你们中有人有解决这个问题的方法吗？ :O

谢谢

【问题讨论】：

你能用js动态加载你的字体吗？

@rafaelcastrocouto — 不。问题中已经解决了初始负载与总负载。

@rafaelcastrocouto 不，我不能....：S

【参考方案1】：

使用 doubleClick，因为直接与发布者打交道会让你发疯。他们不了解礼让加载，并且对文件大小非常严格，但是当您使用 doubleClick 时，您可以使用礼让加载选项。

关于字体，如果你想在网站上放一些副本，最好为此生成png并使用imageOptim等软件优化这些png。

这样每个副本大约为 1Kb。

但整个 webfont 大约 100KB，添加一个横幅没有任何意义。

首先检查可用的免费网络字体，您可以在不增加横幅重量的情况下使用它们。

【参考方案2】：

关于网络字体，您可以使用 Google 字体并限制使用的字符。 例如，如果文本是“Hello”，则仅包含 4 个字符（H e l o）。

我同意Majid Kalkatechi，使用 DFP 和礼貌加载。

【参考方案3】：

使用 DoubleClick，您需要在 https 上托管您的字体，它们不会包含在文件大小限制中。它们可能会影响广告单元的性能，稍后加载，这意味着网络字体将暂时显示。

您为什么使用字体而不是图像？广告是否使用动态文字？如果不使用图像。通常将广告保持在 100kb 以下应该不是问题