已有20,528人免费试用,您也赶快加入吧!
多用户商城系统 > 商城建设 > 微信小程序图标尺寸百科-微信小程序在开发icon切图需要怎么切,直接切成81*81吗?

微信小程序图标尺寸百科-微信小程序在开发icon切图需要怎么切,直接切成81*81吗?

发布时间:2022-09-29|阅读量:

微信小程序图标尺寸对于商家来说是非常重要的,适当的图标大小不仅可以美化小程序的UI界面,还能够让用户更快速地找到自己想要的功能入口。

1、为什么不能直接切成81*81?

规范的微信小程序设计要求,图标建议使用 PNG 格式,尺寸建议为:默认32像素、2倍图64像素、3倍图96像素。而81*81并不是微信小程序官方指定的图标尺寸,如果商家将图标直接切成81*81,有可能会出现图标模糊等问题。

2、如何正确切图?

2.1 首先,商家需要了解自己所需的图标在小程序中具体显示的尺寸。例如,首页底部的tab栏图标建议使用32*32像素的PNG无损格式。

2.2 商家可以先在PC端通过PS等工具制作好所需的图标,并进行2倍或3倍的放大,在切图时再根据需求缩小至32*32像素即可。

2.3 注意在缩小图标时,要选择最优质量的插值算法,比如三次卷积算法bicubic,才能保证图标的清晰度与细节。

3、如何优化图标效果?

3.1 选择合适的颜色搭配:商家可以根据业务特点和品牌需要选择合适的颜色组合,通过运用相邻的对比色来强化设计感。

3.2 控制图标的线条粗细:商家可以针对不同屏幕尺寸以及设备分辨率控制图标的线条粗细,使图标在各种情况下都能表现出最佳的传达效果。

3.3 补充足够的细节:商家可以运用微小但重要的细节元素(比如微笑的嘴角、发丝的曲线)来丰富图标,增加其个性与魅力,提高用户留存率。

4、官方与第三方小程序工具推荐

微信小程序官方提供了一套丰富的设计规范和模板资源,商家可以从中挑选合适的模板,或者在微信创意工坊等小程序集成平台上找到自己喜欢的拖拽式小程序制作工具。

同时,市面上也有一些第三方小程序辅助开发工具,比如Easycom(易企秀)、Monaca、小程序开发神器、HybridApp等,商家可以根据自己的需求选择合适的工具进行开发。

HiMall多用户商城系统介绍

“平台自营+多商户入驻”为特色经营模式

  • 跨境电商解决方案

    支持直邮/保税模式

    对接海关/保税仓

    支持多国国际语言

    对接Paypal国际支付

    帮助跨境外贸企业搭建跨境进口/出口电商平台,抢占国际电商市场,针对企业需求定制个性化跨境电商解决方案
    了解跨境方案
  • 分账解决方案

    迎合金融监管要求

    规避“二清”结算

    节约平台财务成本

    降低平台招商入驻成本

    在合法、合规的前提下,为电商平台提供资金收付、账户管理、资金合规等一体化整体解决方案
    了解分账方案
  • 多商家入驻商城

    类天猫、京东商城

    做小程序直播

    做视频号分销

    多商家入驻模式

    支持自营+招商组合,在拥有强大的自营体系之外,拓展其他的品类来充实平台的商品,对消费者而言更有吸引力。
    B2B2C模式演示
  • 做类淘宝商城

    做类淘宝商城

    做类1688批发平台

    做经销商订货平台

    零售+订货批发

    企业开设自营商城店铺,构建线上销售渠道;或搭建个人、企业均可入驻的平台,用户既是卖家也是买家,可切换身份,开店铺销售自己的商品。
    B2C/C2C模式演示
更多电商解决方案
|猜你喜欢

【本站声明】 1、本网站发布的该篇文章,目的在于分享电商知识及传递、交流相关电商信息,以便您学习或了解电商知识,请您不要用于其他用途;
2、该篇文章中所涉及的商标、标识的商品/服务并非来源于本网站,更非本网站提供,与本网站无关,系他人的商品或服务,本网站对于该类商标、标识不拥有任何权利;
3、本网站不对该篇文章中所涉及的商标、标识的商品/服务作任何明示或暗示的保证或担保;
4、本网站不对文章中所涉及的内容真实性、准确性、可靠性负责,仅系客观性描述,如您需要了解该类商品/服务详细的资讯,请您直接与该类商品/服务的提供者联系。

电话咨询 微信咨询 0元开店