我可以用什么替代SVG文字云？

最近，我为一位客户在Illustrator中设计了一个词云。它在徽标路径的彩色背景上使用白色的约5,000人的姓名，并包含一些矢量徽标。每个名字都很小，我们希望能够在云上搜索并找到我们的名字。我可以用什么替代SVG文字云？

我们把它作为SVG在线上成功 - 但是20M的文件可能会导致问题！

因此，一切都会好起来，直到我们同时访问10,000位访问者，并使所有服务器崩溃并超时。

那么我们有什么替代方法可以让访问者快速，方便地使用和延迟？我们考虑Canvas，但不确定是否很容易用[真的（跟踪徽标路径的事情）]自定义形状来形成单词云。

这是一个大文件！但它需要那么复杂吗？我的意思是，有5000个元素的文字云有用吗？如果你真的无法简化它，并且你认为人们会想要下载它，那么可以考虑将它托管在CDN上。 – halfer

不幸的是，这个词云无法简化。我们实际上使用jpg并邀请访问者点击它来下载文件。但是我们的客户对这个解决方案并不满意。 –

那么，即使每个名字的大小都是2K，那已经是10M了，而这个数字还是太大了。您可以在Flash或JavaScript中执行此操作，以便客户可以使用某种层次结构深入到他们感兴趣的部分云中？他们不可能想要读完全部5000件东西';）'。 – halfer

这听起来像你有20Mb，因为名称被存储/用路径表示。如果您将它们表示为文本，您将大大减少文件的大小，并使其适当搜索。

假设每个名称（包括两者之间的空格）包含13个字符，UTF-8编码和10,000个名称，名称本身只应占用127Kb。您可能希望尝试传输SVG的背景和名称（JSON？），并使用脚本在浏览器中构建云。

编辑：即使您创建一个完全静态的SVG，将文本表示为文本将导致在使用路径时大量节省空间。

2013-01-04 22:38:00 Marcin

在illustrator中，您可以防止文本元素在保存设置'字体子集>无（使用系统字体）'转换为路径'http://i.stack.imgur.com/rAHmN.png – Duopixel

回答