标签: gif动画

  • 如何在WordPress网站合理地使用GIF动画图片

    wordpress-gifs-1024x639-1

    在WordPresss博客文章中使用多媒体(如图片、视频或者音频)可以带来更多的分享,更多的反向链接,更多的转化以及其他网站希望实现的目标。

    引人关注的文章内容,更容易激励网站访客分享或点赞文章。如今的用户变得越来越挑剔。人们的注意力范围也变得窄小,仅凭文本很难抓住并保持用户的关注。

    这就是为什么网站应该适当地使用图片,视频和GIF动画。今天,我们将讨论在WordPress中使用GIF的好处,以及如何上传管理Gif动画图片。

    使用GIF动画的优势

    使用GIF动态图片有不少优势。它们是在页面上的移动元素,与单独的静态图像或文本相比,更能吸引访问者的注意力。

    GIF动画相对于视频而言。它们加载速度更快,占用更少的带宽,并且可以循环播放以获得(连续)关注。

    如果你经常访问Facebook,你应该知道在滚动新闻源时Facebook视频是如何自动开始播放的吗?这不是一种有效的,引人注目的技术吗?GIF动画的工作方式几乎与这相同。

    使用GIF还可降低页面跳出率,并提高将访客转化为订户或客户的机会。像Google这样的搜索引擎更喜欢使用大量多媒体内容(如图像和视频以及文字)的网站和博客。只是不要忘记在alt标签中使用相关的关键字!(使用Smart SEO Tool插件可以为图片自动添加ALT和Title)

    那么这样说,GIF动画图片是否就完美无缺。并非如此,关于图片格式的优缺点,你可以阅读深入探讨15种主流图片格式及其优缺点进一步了解。

    如何正确地使用Gif图片

    当您想到GIF时,会想到什么?可能是您最近看到的那些有趣的梗或动画,对吧?

    GIF动画使用案例

    尽管这些很有趣,但这并不是在网站或博客上使用GIF的唯一原因。

    • 如果您正在撰写有关应用程序,软件或在线工具的使用说明时,则GIF图片就非常有用。您可以使用Gif动画图片来解释操作流程或相关提示。
    • GIF动画图片还可以帮助您创建目标网页的杀手级内容。例如,转到百度文库页面,然后查看如何使用GIF来解释功能。
    • GIF将帮助您在目标受众中激发正确的情感。通过在GIF的帮助下突出显示易用性,可以获得更好的转换。

    下面是一个简单的例子

    这是一个社交媒体管理工具。GIF动画用于说明借助此工具查找和安排引人入胜的内容有多么容易。

    choosejarvis

    • 说到目标网页或转化…,您还可以将GIF动画用作号召性用语。
    • 您可以使用GIF在WordPress电子商务商店中展示产品。就像您在珠宝店中看到的那些旋转展示架一样。
    • 在社交媒体网站上分享帖子时,您也可以使用相同的GIF。它将增加您获得点赞和分享的机会。

    使用GIF增强写作的实例

    为网络写作与其他格式有很大不同。一方面,注意力持续时间往往更短。为了解决这个问题,您需要确保您的写作尽可能吸引人。这就是 GIF 等媒体元素的用武之地。

    1. 在教程中说明复杂的说明

    我们发布了大量关于WordPress和网页设计的教程。编写教程最困难的部分之一是确保为每个人提供正确的指导。

    视觉辅助工具在此过程中发挥着重要作用。没有任何媒体元素,教程可能很难遵循。另一方面,你不想用几十张截图来做最简单的解释,因为它可以“稀释”你的写作。

    当涉及到GIF时,它们非常适合展示仅靠文本难以理解的说明。虽然屏幕截图可能会引起一些混淆,但GIF会准确地向您显示您需要执行的操作:

    如何在WordPress网站合理地使用GIF动画图片-1

    由于文件大小,在“选择”情况下使用它们也是有益的。它们往往比“常规”图像格式(例如JPEG和PNG)重得多。我们稍后会更多地讨论这个方面。

    2. 在行动中展示完成的设计

    屏幕截图通常“足够好”以显示完成的设计。根据您正在从事的工作,您可以根据需要使用尽可能多或尽可能少的产品,并且他们可以让其他人对成品的外观有一个很好的了解。

    但是,这并不适合所有用例,尤其是动态Web项目。可用性在用户对网站或应用程序的感受中也扮演着重要的角色。在许多情况下,很难通过静止图像传达这些设计的直观性。

    另一方面,GIF可让您分享短暂的互动爆发。您可以向团队成员展示特定元素的工作方式、测试人员如何与他们交互等:

    如何在WordPress网站合理地使用GIF动画图片插图4

    这种详细程度使您能够将可用性问题归零。如果您正在编写教程,您还可以使用它来展示正在运行的成品。

    3. 增加您在社交媒体上的参与度

    您可能已经注意到,某些类型的内容往往会在社交媒体上获得更好的参与度。动画或动态内容尤其受到很多关注。

    在Twitter和Facebook上使用GIF可以使 您的平均参与率增加一倍或三倍以上 。这里的推理很简单——社交媒体上有很多噪音,动画内容往往在视觉上脱颖而出。

    有很多方法可以在社交媒体上使用GIF。但是,社交媒体的两个最佳用例是:

    • 包括展示您提到的产品的短动画。
    • 使用GIF分享您对新闻或评论的反应。

    与许多元素一样,您当然可以“过度使用”GIF。你不想成为一个看起来很努力想变得很酷的帐户,或者不了解使用GIF是可以接受的上下文。

    在大多数情况下,我们将社交媒体中的GIF与轻浮联系起来,因此您可能希望将它们保存起来以供不太严肃的评论或讨论。

    4. 数据动画

    为网络写作最难的部分之一是找到使数据具有吸引力的方法。表格在帮助读者对特征和数字进行分类方面大有帮助,但您总是可以更进一步。

    例如,信息图表使您能够以一种不仅易于理解而且鼓励分享的方式处理统计数据和数值数据:

    如何在WordPress网站合理地使用GIF动画图片-3

    使用GIF,您可以使这些类型的图形更具吸引力。例如,您可以使用动画来展示趋势的进展、数字如何上升和下降等等:

    statistics

    图片来源:Giphy

    但是,它要求您能够熟练使用图形和屏幕录制或动画软件。稍后我们将详细讨论您可以使用哪些软件选项。

    5. 使用GIF动图表达核心观点

    也许使用 GIF 的最自然(也是最有趣)的方式就是强调一点。在日常生活中,您可能会习惯以这种方式使用 GIF。例如,当您讲述一个有趣的故事或在社交媒体上发表评论时,正确的 GIF 可以使交付效果更好。

    如果您已经使用社交媒体一段时间了,那么您很可能确切地知道如何使用GIF来增强您的交付效果。但是,为听众写作与与朋友交谈不同。

    理想情况下,两种类型的写作都应该具有高度的吸引力。但是,在为网站写作时,您可能会更快地过度使用GIF。和朋友在一起,你有更多的余地用动画来聊天,而在更专业的环境中,你的观众可能想要阅读你的想法和观点。

    简而言之,要最大限度地发挥GIF的影响,请谨慎使用它们。这样,他们将帮助您更有效地表达您的观点。

    如何上传管理GIF动画图片

    既然您已经知道并确信这些好处,那么如何将GIF动画添加到WordPress。

    有一些专门为GIF开发的插件可以让您快速便捷地上传和嵌入GIF,就像处理图片或视频一样。下面是一些挑选过比较好用的GIF动画图片上传管理WordPress插件:

    Giphypress

    Giphypress

    安装此插件将在文本编辑器中添加一个“ Giphy”按钮。创建新页面或文章时,请单击此按钮以使用标签查找相关的GIF。找到合适的GIF图片后,单击“Embed into Post”,该GIF将添加到文章中。就那么简单。

    WP GIF Player

    在单个文章或页面上添加大量GIF有时可能会导致加载时间变慢。WP GIF Player可以帮助您解决此问题。安装后,该插件可确保不会同时加载和播放所有GIF。它将在所有动画上添加一个GIF按钮,以允许访问者随意播放或暂停它们。了解更多关于WordPress图像和视频懒加载

    WP GIF Player

    AutoSet Featured Image

    如果您要使用动画GIF作为特色图片,则可尝试使用此插件。GIF必须是文章中的第一张图片,因为此插件会选择第一张图片并将其用作特色图片。

    GIF Animation Preview

    GIF Animation Preview

    此插件支持选择文章中的GIF图片作为预览图像。它可以是媒体库GIF图片,也可以是其他网站的嵌入式GIF,具体取决于您。

    Auto AnimateImage

    Auto AnimateImage

    上载一系列图片,并使用此插件进行组合并将其转换为动画。您可以根据需要设置各种选项,例如动画延迟,快退,暂停或重复计数。

    如您所见,将GIF和动画图形添加到WordPress博客确实很容易。您所需要的只是一点专业知识和正确的工具。

    当然,您也可以在Giphy等网站上使用默认的嵌入选项。

    如何在WordPress网站合理地使用GIF动画图片插图11

    via GIPHY

    您平时在WordPress中时如何使用GIF?有没有尝试过上述插件中的一个?欢迎留言探讨交流!

  • 如何解决WordPress网站GIF图片不播放问题

    错误类型:
    其他错误
    错误名称:
    WordPress GIF图片不播放
    英文名称:
    WordPress gif not playing
    错误描述:
    由于GIF图片被压缩或者非全尺寸等原因,可能导致Gif无法播放。

    如何解决WordPress网站GIF图片不播放问题

    曾经在WordPress上上传过GIF,然后发现您网站上上传的GIF是静态图片?如果是,那么您一定对为什么WordPress GIF无法播放以及如何修复它感到兴趣?

    这是几乎每个WordPress用户不时面临的常见问题。起初,您可能会觉得这是一个大问题。但是,事实并非如此。

    不管问题看起来有多大,它的解决方法都非常简单易行。想知道怎么做?

    不用担心。在这里,我们将讨论您的WordPress GIF无法播放的原因以及如何解决此问题。

    为什么GIF在WordPress中不起作用?

    WordPress会在上传GIF或图像时自动调整其大小。例如,如果您在WordPress中上传GIF它会在添加到您的媒体库时调整大小。此外,一些主题优化了WordPress网站上上传的图像或GIF的大小。同样,使用图像优化插件也可以减小GIF的大小。

    因此,您的WordPress GIF动画会作为静态图像上传。因此,它产生了WordPress动画GIF不工作的问题。

    现在如何克服这个破坏上传WordPress GIF目的的问题。如果您正在寻找解决WordPress GIF无法播放问题的解决方案,请继续阅读。

    修复“WordPress GIF无法播放”的解决方案

    “GIF无法在WordPress中播放”的问题非常常见,解决方法非常简单。您可以在几分钟内从您的WordPress网站解决此问题。

    想知道如何解决Elementor GIF无法正常工作的问题?只需浏览以下三种解决方案,然后在您的WordPress网站上试用它们:

    使用全尺寸图像

    由于WordPress会调整上传的图像和GIF的大小,因此您可以通过为GIF选择完整大小来避免这种情况。要解决Elementor GIF not Working问题,您需要转到页面或文章区块,然后在WordPress上上传GIF后选择“全尺寸”图像。

    使用全尺寸图像

    这会将您的GIF上传到其原始大小,无需任何优化。因此,您的GIF质量根本不会受到损害,它会在您捕获时发布。

    移除图片优化插件

    使用全尺寸图像后,您仍然可能会遇到WordPress GIF无法播放的问题。这是因为在您的WordPress网站上使用了图像优化插件。

    无论您执行多少设置来修复它,如果没有删除,图像优化插件可以在您的网站上上传缩小尺寸的GIF,或者如果没有禁用图像优化设置。

    因此,要完全修复WordPress GIF无法播放的问题,您必须禁用图像优化选项,或者您需要从您的站点完全停用图像优化插件。

    停用图像优化插件后,您上传的GIF大小将与以前相同,并且可以正常工作。

    从媒体库上传GIF

    WordPress GIF不工作问题的第三个也是最后一个解决方案是通过媒体库中的URL上传GIF。为此,请转到要添加GIF的页面或文章。之后,通过单击加号图标选择图像区块。

    从媒体库上传GIF

    现在,选择图像块并从您的设备上传GIF。然后,从媒体库中复制您上传的GIF的URL。

    上传GIF

    最后,单击图像块并按“从URL插入”按钮。这里需要粘贴之前复制的GIF的URL。然后,按回车键。

    从URL插入GIF

    小结

    现在您已准备好处理您的WordPress动画GIF不工作问题。您已经发现WordPress上静态GIF的主要原因是其尺寸减小,这会降低质量。这就是为什么,如果你设法在不调整大小的情况下上传,GIF无法在WordPress上运行的问题将得到解决。

    尝试上述三种简单的解决方案,为静态GIF添加动效,效果和以前一样。执行这三个解决方案不会超过几分钟。