案更加顺利地通过审核。

　　6.3.2朋友圈广告详情页中的图片

　　 详情页中的图片指的是点击推送到朋友圈的广告中的“查看详情”按钮后，跳转到详情页中的图片，同时还包括了分享给朋友以及分享到朋友圈中的缩略图，如下图框出部分所示。

　　详情页中图片的尺寸规范

　　 微信公众平台推送图文消息被分享在微信中时，同样也会出现上述两个缩略图，只不过微信后台暂时没有开通修改图文消息缩略图的功能，分享时后台会自动将图文消息的封面图片压缩与裁切为适合大小，作为缩略图，同时自动获取图文消息中的标题与摘要，作为分享说明。

　　 微信开发者平台开放了缩略图接口，但是由于涉及对代码的操作和平台的转换，且本书主要讲述编辑者模式下的微信平台，因此不过多做说明。下面继续来了解微信朋友圈广告中分享的缩略图。

　　 在制定朋友圈广告方案让微信官方审核的时候，可以向微信官方提交对朋友圈广告中分享图片以及文案的修改与设计方案，具体有以下一些规范，首先来简单了解文案部分的规范。

　　 两个分享内容中的缩略图片要求是一致的，尺寸为120px×120px，大小10KB左右，建议不超过16KB，且规定两个位置的缩略图需要为同一张图片。

　　 “查看详情”中可以链接公众号图文消息，而图文消息中的图片在前文已经提到，在此不做赘述。下面来看看链接的自定义H5页面中的图片。

　　 如今网络上已经有很多可以制作H5页面的小工具或是网页（在下一章中会继续提到），这些小工具与网页通常简洁方便且容易上手，也会有明确的操作提示。在对H5页面中需要的图片进行置入时，这些小工具或网页也会有明确的提示，告知用户相关的规范与要求。右图所示为在制作H5页面上传图片时所弹出的提示窗口，窗口中说明了上传图片的尺寸和大小要求。

　　 如果只是将图片作为H5页面中的插入组件，那么就没有过多特别的尺寸要求，但需要根据H5页面中的版式，调整好图片的尺寸与分布，如左图所示。

　　 而如果要将图片作为H5页面中的背景图，在置入时则需要注意把握好图片的大小，这样才能让图片更加完整地展示在页面之中。

　　 同时，图片的选择与制作也很重要。比如如果想将右图的所有内容展示在H5的页面背景之中，显然是不太现实的，因为其为横幅图片，而微信H5页面为了适应手机端，图片主要以竖幅的形式出现。

　　 因此，要设置右图为微信H5页面中的背景图片，只有对其进行裁切。

　　 为了适应移动端显示屏，一些H5页面的制作工具或网站在设置背景图片时，会有固定的长宽高裁切框，如下图所示。

　　 此时如果想要图片中的船只与房屋能同时显示，让画面看起来更加完整一些，是没有办法做到的，原因就在于移动端通常为竖幅显示。

　　 因此为了避免这样的情况发生，对H5页面中背景图片横幅竖幅的选择也很重要，或者在制作图片时将重点信息全部布置在裁切框内，也就不会出现上述的情况了。对此，微信朋友圈广告官方推出了以下规范，以应用下载页面的制作为例。

　　 如果背景图片中出现了重点信息，那么为了避免不必要的裁切与遮挡情况的出现，可以将所有重点信息集中放置在B区域也就是主体画面区域，如下左图所示。

　　 同时，在图片上方区域A处留出高140px左右的位置，以便放置APP头像和名称，剩余部分则为区域C，用来放置下载信息。最终显示效果如下右图所示。

　　详情页中图片的设计规范

　　 详情页中图片的设计规范可以参考前文所述的微信图片相关设计原则。比如，在需要展示徽标或是按钮的地方，背景应该尽量简洁，如上图案例所示，干净整洁的背景让用户可以一目了然看到APP的徽标、简介与下载按钮，能起到明确提示用户下载的作用。

　　 相反，如下左图所示，过于杂乱的背景图片会让用户看不清企业形象徽标的展示，也在一定程度上失去了企业推广宣传的效果。简化背景后的下右图则突出了重点信息。

　　 上述案例说明详情页中的图片设计同样需要通过保持易读性而提高它的营销力。同时，与微信其他图片的设计一样，朋友圈广告详情页中不论是分享图片还是H5页面中的图片，也都要与外层文案的图片相关联，形成视觉效果统一的设计风格，增强广告阅读的连续性，才能让用户在获得更好的视觉享受的基础上，去关注并信任企业。

　　第7章H5，微信视觉传播的重要工具

　　 多元化的媒介竞争、数字摄影浪潮的新一轮侵袭以及网络图像传播的蓬勃发展，已经使当今社会进入了一个崭新的图像传播时代。在这样的时代背景下，微信对H5页面的支持大大促进了多元化信息传播的进程。

　　 H5是什么？总的来说，它包括提供免插件的音视频、图像动画、本体存储以及更多炫酷的功能，并且其多变的版式与表现形式让它成为了微信中信息视觉传播的重要工具，说到微信视觉营销就离不开对H5的研究。

　　7.1认识微信H5

　　 H5是HTML5的简称，指的是第5代HTML，也指用H5语言制作的一切数字产品。所谓HTML是“超文本标记语言”的英文缩写。我们上网所看到的网页多数都是由HTML写成的。其实H5很早以前就存在，但由于微信的迅速崛起，H5语言编写的界面和微信浏览器的兼容性较好，故此H5借助微信也越来越红火。

　　7.1.1微信与H5页面

　　 H5页面不仅仅存在于微信之中，不过目前为止，基于如前面章节所述的微信用户基数庞大等优势，微信早已成为了H5营销传播的一个重要平台。如何理解微信中的H5页面？

　　 比如，对于个人微信号的经营者而言，可能只能在朋友圈中发图与文字或者图片消息或者小视频，更加立体地进行营销推广，如下图所示。

　　 但是这样的信息发布显得比较独立，比如发布了视频信息后则无法同时发送图片消息，图片也不能为动态，而H5页面则能解决这些问题。

　　 对于微信公众号而言，如果说图文消息可以通过文字、图片、视频或者音乐等形式去分享，那么H5页面同样可以如此，并且还是能够带动画效果的。可以说，H5能让多元素融入到一个站点或是URL链接之中，让营销内容获得更加丰富的表现，同时，其生动的动画效果也能加强用户的操作互动感，给他们带去更加丰富的视觉体验。

　　 下图所示为宣传某电影而制作的微信H5页面，通过漫画的形式画出了以爱情为主题的故事，这一主题与电影相契合，同时在页面中也有音乐的穿插（如第一张图中黑色圈出部分，“喇叭”符号则代表有音乐播放），还有随着故事情节的发展而与用户的互动——一个个小小的操作提示（如下图红色圈出部分所示），不仅是促进漫画故事情节的发展小按钮，也是调动用户参与积极性的关键。有了这些提示，用户可以身临其境地感受这个故事，在对这个故事的后续发展满怀期待的同时，愿意去参与这个故事的发展，进行如提示所述的操作。

　　 其实这就是H5的优点与优势所在，相较于简单的图文信息的发布或者说微信中的其他视觉表现形式而言，H5显得更加丰富与生动，其强烈的动态与互动感，能让营销内容变得更加活泼生动，也能让用户更加愿意去接受与了解，从而促进页面的传播与推广。

　　 可以说，如今不仅仅是微信让H5火了一把，并且H5也已经成为微信营销的一种不可或缺的视觉表现形式，在微信传播过程中，若H5内容足够优秀，就能掀起用户传播分享热潮，助营销一臂之力。

　　7.1.2微信H5的优势所在

　　 就H5的视觉表现而言，如前文所述，其具有用户感官体验丰富、互动性好以及社交分享便利、传播性强的优势。除此之外，H5在制作、推广、维护等方面也具有优势。

　　 微信对于运营者而言就像是一个简易而便捷的APP，微信中的H5页面更是让这种简易与便捷升级。相对于去运营一个APP而言，H5有着以下几点便捷之处：

　　 ·H5最大的优势是跨平台，开发者无需太多的适配工作，用户无需下载，打开一个网址即可，即点即玩、即点即用。

　　 ·开发简单、成本低，入门门槛低，周期短，给小

　　以上就是小编为大家介绍的同样也会出现上述两个缩略图的全部内容，如果大家还对相关的内容感兴趣，请持续关注上海危机公关公司

　　本文标题：同样也会出现上述两个缩略图　　地址：/pinpaiweihu/2021/1205/1319.html