如何为您的博客帖子免费制作动画 GIF

您可能会将动画 gif 与社交媒体联系起来。

它们通常是一种具有娱乐价值的短视频，通常是从 YouTube 视频中提取的小片段。

如果只是为了好玩，您可以在网上找到数以千计的免费 gif 库，因此没有必要自己创建动画 gif。

也许如果这篇文章的主题是关于真正翻页的书，我可以添加类似下面的内容。

我知道这不是有史以来最令人兴奋的高质量 gif，但它很适合向您展示您可以在大多数博客平台上将其添加到博客文章中。

如果您使用 WordPress，则可以像在图像编辑器中加载所有图像一样加载 gif。

你如何制作动图？

您在 Internet 上看到的很多 gif 都是由视频文件制作而成，并将视频帧转换为图层。

它涉及相当多的工作。 其中一些使用数百个单独的文件导入视频帧。

要将视频转换为 gif，您需要复制视频的各个帧。

有些人在 Photoshop 中创建动画 gif，这有点复杂。

我不是专家。 但是据我所知，您需要从图层加载帧，然后将文件加载到堆栈中。

我停在那里，因为它对我来说太复杂了。

对于博客文章或文章，gif 文件是应用有限的图像文件。 但有时，它们是有用的。

在写这篇文章之前，我摆弄了一下标题图片。

在我所有的实验之后，我决定保留静止图像。 但不要浪费我所有的工作，这是我制作的 gif 版本。

它可以创建可以在博客文章中快速使用的帧动画。

如何制作 gif，最简单的方法

创建动画 gif 的最简单方法是使用免费的在线 gif 创建器或 gif 制作器。

它们有很多，而且它们都以相似的方式工作。

但首先，您需要创建要用于构建 gif 的幻灯片。

对于上面的示例，我使用 Canva 制作了四张图片，并更改了每张图片上的文字和文本颜色。

然后我使用了一个免费的在线 gif 制作工具。 如果您进行 Google 搜索，有很多可供选择。

只需单击“上传图像”即可选择您的文件。 每个图像都会创建一个新层。

然后，一旦您全部上传完毕，您就可以在预览 gif 之前进行一些小的调整。

如果您的幻灯片顺序错误，您可以通过拖放来更改。

您有几个设置可以选择更改。

画布大小类似于图像大小。 设置它以适合您的博客，但一般来说，750px 就足够了。

当然，如果文件太大，文件大小会增加，这可能会降低页面加载速度。

动画速度是幻灯片变化的速度。 您应该尝试使用此设置来找到适合您要创建的 gif 类型的最佳速度。

选择设置后，单击“创建 GIF 动画”。

然后，您将在下方看到一个带有“查看”或“下载”的菜单加载。 点击文件下载，你就制作好了你的动图。

如果您尝试使用图像预览器打开文件，您将只能看到幻灯片。 要查看您的新 gif，您需要在 Chrome、Safari 或 Firefox 中打开它。

你可以用博客文章上的 gif 做什么？

gif 在博客上的主要用途是压缩信息或长列表。

在博客页面上使用专栏不再是一个好主意，因为它们没有响应。

这意味着它们将无法在手机上正确查看。

列只是缩小尺寸以适应小屏幕。 然后文本变得太小而无法阅读。

在不使用分栏的情况下，如果我想列出 75 本最受欢迎的书籍，它会在笔记本电脑上一直延伸到页面下方，在手机或平板电脑上会延伸得更远。

更好的方法是使用 gif。

同样，您需要制作幻灯片，但这次我使用屏幕截图，然后将它们全部裁剪成相同的大小。

现在我的 75 本书清单占用的页面空间少了很多。

此外，在手机或平板电脑等小屏幕上，gif 会自动调整大小以适合。

我已经优化了上面的 gif 以确保它尽可能快地加载。

但是如果您想要更清晰的文本，您可以选择使用的压缩量。

结论

您不会在您撰写的每篇博文或文章中都使用 gif。

但时不时地，它们是有用的，特别是对于将大量信息放入可管理的空间。

我尝试了几次才找到有效的方法和无效的方法。

我发现在尝试创建新的 gif 之前调整我使用的图像的大小是必不可少的。

您可以根据您当前在博客中使用的图像尺寸进行计算。

您可能犯的最大错误是创建一个比您的最大博客页面宽度宽得多的 gif。

你可以在你的主题中检查这个。 如果您使用边栏，宽度可能在 600 到 800 像素之间。

如果您使用的 gif 可能是实际博客页面宽度的两倍，您的博客平台将自动调整其大小。

它对您来说看起来不错，但是由于文件很大，您的页面加载速度会急剧下降。

除了大小问题，在博客文章中包含 gif 没有什么特别之处。

出于正确的原因在正确的地方使用 gif。 它们可以作为您博客文章的一部分使用的实用工具，以更好的形式为您的读者提供某些类型的信息。

相关阅读： 50 个免费写作软件工具和应用程序