首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

前端开发必备工具,图片问题一网打尽

一、切图压缩 之前有位开发朋友跟我抱怨说,每次从代码中停下来去压缩动辄几百K的切图时,别提多烦了~ 这个时候,就不得不需要一款切图神器 - 摹客; 摹客支持Sketch、Photoshop、Adobe...XD、Figma自动切图与标注,能帮助设计师提升设计稿交付的效率; 而且展开右侧面板中的折叠菜单,摹客可以自动换算同一切图在不同平台下的尺寸 - iOS/Android/Web;减少了手动切换平台的繁琐流程...二、格式转换 在对接安卓客户端开发时,绝大多数情况都需要Webp格式的切图,网上支持Webp压缩的工具要么收费,要么导出的图片在开发侧无法正常显示; 如果让开发小哥手动去转化图片格式,结果可想而知:日益升高的发际线...当然,它也支持转换成其他格式,比如JPG、PNG和SVG,如果切图的命名不规范,还可以直接在摹客进行修改。 虽然看似是一个微不足道的功能,但真正在开发过程中却是实实在在的痛点。...四、设计规范 摹客设计系统是国内唯一支持「开发变量名」同步显示的产品。

33320

【Flutter 专题】 05 图解修改应用名称及图标

刚接触 Flutter,语法都还没有了解,一切都是未知,单就改个项目名称也耽误了不少功夫,现在整理一下。...和尚找了好久,以为 Flutter 是跨平台应用,对应 Android 和 iOS 的 project name 是统一修改的,可是和尚我理解错了,应用名称是需要在 Android 和 iOS 中分别调整的...;Android 是在 AndroidManifest.xml 中修改;iOS 则是在 Info.plist 中修改的;如图: Tips: 在 Android 和 iOS 中项目名称可以不一致!...同样的,如果需要更改应用的 Logo,同样是在 Android 和 iOS 中分别调整的;Android 是添加图片在 mipmap 文件夹中,并在 AndroidManifest.xml 中修改;iOS...虽然 Android 和 iOS 中项目名称和 Logo 可以设置内容有差异,但和尚建议:Android/iOS/Flutter->main.dart 中名称设置为一致,毕竟是一个应用,还是匹配相同为好

1.4K61
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    TRICONEX 3008 用于数据配置和集成到交钥匙解决方案

    TRICONEX 3008 用于数据配置和集成到交钥匙解决方案图片在 HART 环境中,mobiLink 通过 4-20 mA 电流环路从连接的 HART 设备读取主要过程值,同时还通过供电的 HART...如果这些不正确,则不会建立连接。与主机或平板电脑的通信由蓝牙或 USB 接口处理。...ProComSol 是 HART 通信解决方案的领先供应商,其可选的DevCom (DD) App使使用 Windows、Android 或 iOS 设备轻松配置现场设备成为可能。...这种 Ex 等级——mobiLink 是同类设备中唯一在全球范围内获得认证的——是一个重要的安全因素,例如,为在潜在爆炸性环境中用作过程系统一部分的现场设备提供可靠和安全的测试。

    29810

    ABB 1TGB302003R0003 提供用于数据配置

    ABB 1TGB302003R0003 提供用于数据配置图片在 HART 环境中,mobiLink 通过 4-20 mA 电流环路从连接的 HART 设备读取主要过程值,同时还通过供电的 HART 环路为现场设备供电...如果这些不正确,则不会建立连接。与主机或平板电脑的通信由蓝牙或 USB 接口处理。...ProComSol 是 HART 通信解决方案的领先供应商,其可选的DevCom (DD) App使使用 Windows、Android 或 iOS 设备轻松配置现场设备成为可能。...这种 Ex 等级——mobiLink 是同类设备中唯一在全球范围内获得认证的——是一个重要的安全因素,例如,为在潜在爆炸性环境中用作过程系统一部分的现场设备提供可靠和安全的测试ABB XO08R1-B4.0ABB

    15720

    iOS15 Carplay后台播放异常问题分析

    iOS 15是苹果还没有发布的测试版本(问题出现时iOS 15还未发布),QA在苹果发布iOS 15的beta版本时都会进行测试,也没有出现过这个问题。...于是Hook了系统的setActive方法,在切后台之后关注active的值变化。 实际运行的时候,发现猜测并不正确,所有的Active都设置为YES。...问题确认 在对比其他App在同样环境、同样操作的过程中,发现了一个现象: 下面是正常后台播放章节的状态栏。...但是在Carplay的情况下,当异常暂停问题出现的时候,上面的播放状态区域会变成下面的“未在播放”: 这个显示区域是由MPRemoteCommandCenter管理,工程中主要有两个方法会控制该类,分别是...没找到如何识别Carplay连接的判断,故而对该修复增加开关,仅对iOS 15生效。 问题总结 问题跟进过程中在构建编译环境、复现问题花费较长时间,在复现问题之后又无法直接定位到原因。

    1.9K10

    Ios app如何上架​

    接下来我讲一讲关于我版本更新过程中的一些问题.​ Bundle Identifier :​ 检查一下现在的id 是够跟上一个版本的一致,如果不一致,那么可能你需要重新下载证书之类的....1024 1536 x 2008 1536 x 2048​ iPad Pro: 2732 x 2048 2048 x 2732​ ICON 一张1024 x 1024的应用图标​ 注:如果是因为尺寸不正确...注:在苹果开发文档上看到说不能显示状态栏,但是上传的图里面有状态栏也上传成功了.还有,状态栏部分千万不要弄错了,我第一次上架的时候就是因为将安卓的图片拿过来,让美工改一下尺寸就上传了,最后导致被拒了.​...如果公司没有美工,没人给你切图怎么办呢? 用模拟器截吧. 将模拟器放到最大,然后快捷键com+s ,轻松就搞定啦.​...证书类型说明​ IOS开发选择apple development或者ios app development 类型 ios 发布选择 apple distribution或者 ios distribution

    25420

    一款好用的程序员切图标注神器

    标记切图 在Sketch中选中需要切图的图层或编组; 点击右下角的Make Exportable,就可以完成标记切图,然后上传至摹客即可。...通过上述操作可以保证切片在有背景的情况下也是透明的。 除了在Sketch中绘制外框外,在摹客中也可以自定切图尺寸。...上传所选画板 — 将选中的画板上传至摹客中。 然后点击“上传”,即可将设计稿资源一键上传至摹客,设计师和开发可登录摹客查看标注与下载切图。...标注扩展区域 在插件-设置中,若勾选了“标注扩展区域”,图层如果有阴影、边框、模糊等扩展区域,上传摹客后会显示最大区域;若不勾选,上传摹客后的标注将不包含阴影、边框、模糊等,仅显示图层本身的大小。...上传高清设计稿 如果你想导出非常高清的设计稿,请在插件设置中勾选“上传高清设计稿”选项。 网页尺寸的设计稿,会以原有尺寸的2倍宽度上传; 安卓或iOS的设计稿,会以原有尺寸的4倍宽度上传。

    95830

    Ios app如何上架

    768 x 1024 1536 x 2008 1536 x 2048iPad Pro: 2732 x 2048 2048 x 2732ICON 一张1024 x 1024的应用图标注:如果是因为尺寸不正确...,会提示xxxx wrong若提示 无法上传您的文件,请再试一次.a.可以先尝试将之前的版本的截图上传试试,如果之前的图片上传成功了,现在的图片上传不成功,那么就是现在的图片有问题了,让美工重新切,切图需注意...本人就是因为将版本填错了,导致折腾了一天才弄好.注:在苹果开发文档上看到说不能显示状态栏,但是上传的图里面有状态栏也上传成功了.还有,状态栏部分千万不要弄错了,我第一次上架的时候就是因为将安卓的图片拿过来...,让美工改一下尺寸就上传了,最后导致被拒了.如果公司没有美工,没人给你切图怎么办呢?...证书类型说明IOS开发选择apple development或者ios app development 类型 ios 发布选择 apple distribution或者 ios distribution

    72730

    Ios app如何上架

    接下来我讲一讲关于我版本更新过程中的一些问题. Bundle Identifier : 检查一下现在的id 是够跟上一个版本的一致,如果不一致,那么可能你需要重新下载证书之类的....768 x 1024 1536 x 2008 1536 x 2048 iPad Pro: 2732 x 2048 2048 x 2732 ICON 一张1024 x 1024的应用图标 注:如果是因为尺寸不正确...注:在苹果开发文档上看到说不能显示状态栏,但是上传的图里面有状态栏也上传成功了.还有,状态栏部分千万不要弄错了,我第一次上架的时候就是因为将安卓的图片拿过来,让美工改一下尺寸就上传了,最后导致被拒了....如果公司没有美工,没人给你切图怎么办呢? 用模拟器截吧. 将模拟器放到最大,然后快捷键com+s ,轻松就搞定啦....证书类型说明 IOS开发选择apple development或者ios app development 类型 ios 发布选择 apple distribution或者 ios distribution

    67230

    一款好用的程序员切图标注神器

    标记切图 在Sketch中选中需要切图的图层或编组; 点击右下角的Make Exportable,就可以完成标记切图,然后上传至摹客即可。 ?...通过上述操作可以保证切片在有背景的情况下也是透明的。 ? 除了在Sketch中绘制外框外,在摹客中也可以自定切图尺寸。...上传所选画板 — 将选中的画板上传至摹客中。 然后点击“上传”,即可将设计稿资源一键上传至摹客,设计师和开发可登录摹客查看标注与下载切图。...标注扩展区域 在插件-设置中,若勾选了“标注扩展区域”,图层如果有阴影、边框、模糊等扩展区域,上传摹客后会显示最大区域;若不勾选,上传摹客后的标注将不包含阴影、边框、模糊等,仅显示图层本身的大小。...上传高清设计稿 如果你想导出非常高清的设计稿,请在插件设置中勾选“上传高清设计稿”选项。 网页尺寸的设计稿,会以原有尺寸的2倍宽度上传; 安卓或iOS的设计稿,会以原有尺寸的4倍宽度上传。

    73620

    Cocos Creator 出新版本啦, 2.1.2 圆形Shader终于可以完美解决了!

    [参考链接]可点击[阅读原文]进入下载页查看 详细改动说明如下 What's New 支持 iOS 13 为了支持即将发布的 iOS 13 操作系统,我们将 iOS 原生平台上的 VideoPlayer...,有可能会在行首生成一个空格的问题 修复层级管理器和资源管理器合并到同一个面板时,内容显示不全的问题 Engine 修复场景延迟加载资源会导致 3D 模型无法显示的问题[#5071] 修复某些 3D...[#5266] [#5284] 修复带 LabelOutline 组件时,Label 的 Overflow 设为 SHRINK 或 CLAMP,CacheMode 设为 CHAR 的时候,节点的尺寸不正确的问题...,音频不会暂停的问题[#1788] 修复 Android 上屏幕亮屏时,程序如果在后台仍会播放音频的问题[#1785] 修复原生平台从后台切前台会自动播放已暂停音频的问题[#145] 修复在原生平台上修改...Spine/DragonBones 材质时,节点位置出错的问题[#148] 修复在原生平台上 Spine/DragonBones 的 opacity 第一帧不正确的问题[#148] 修复 VideoPlayer

    3.1K30
    领券