百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术文章 > 正文

深度测评:Pixave 和图片管理之间的距离(二)

myzbx 2025-05-02 12:10 7 浏览

图片预览的基本要求是支持主流图片格式,然后是预览速度快,最后如果还能在交互体验和视觉效果上加分就更好了。Pixave 在这一块的表现还不错,看的出来这个部分是 Pixave 的产品核心,支持的格式广泛,甚至包括 Pixelmator、Sketch、Affinity、Acorn 这类流行图形图像处理软件的存储格式。

  • JPEG、JPEG 2000、GIF、PNG、TIFF、ICNS、BMP、ICO;
  • PSD、AI、EPS (仅包括 PDF 信息)、SVG、TGA、RAW;
  • Affinity Designer、Affinity Photo、Acorn 4 & 5 、iDraw、Pixelmator、 Sketch 3;
  • PDF

支持动态 GIF 预览是很有必要的,因为用系统的「预览」程序打开 GIF 格式你只能看到一帧一帧的单张画面。另外对 Pixelmator、 Sketch 这类主流图形软件的支持不仅实现了统一图片管理,而且通过右键菜单「Open With」,它们还成为了图片编辑上的强大外援。

默认偏好设置中,Pixave 中双击图片或选中图片后敲空格键,是使用 Pixave 进行预览,再次敲空格返回,和系统「预览」图片的操作方式一样。修改这里的设置可以变成由格式默认关联的程序打开图片,这比较适合用来与编辑软件协同,利用 Pixave 来集中管理图片,选择图片后双击在 Pixelmator 这类软件中打开并进行编辑。

Pixave 的预览窗口和排序

图片预览实际分两个层面,多张和单张。

多张图片的预览涉及到两个基本问题:排序和缩略图大小, Pixave 里缩略图大小可以通过底栏的调节滑块进行调整,并且 Pixave 能记住当前分类集的排序和缩略图大小设定,这是个很讨人喜欢的设计,否则切换不同的分类集后重新调整缩略图和排序会很让人崩溃。

排序条件包括常用的标题、文件大小、星级、尺寸以及时间要素,通过菜单或者底栏的齿轮图标操作(Actions)改变排序条件。选择不同的排序条件时,图片名称下的辅助信息也会随之变化,显示图片的尺寸、分辨率、宽度或高度、日期等。

因为排序条件整合在了选择图片的右键菜单中,所以每次操作会感觉选项太密集。另外要吐槽的就是:视窗内空白区域不支持右键菜单,如果能添加一个排序菜单就方便多了

单张预览窗口的主要需求是缩放和预览背景颜色设定,另外单张预览窗口通常也是编辑的入口。不过从 Pixave 的功能分布上来看,编辑功能不是它重点,仅提供了针对整张图片的「滤镜」处理和依靠扩展「Markup」调用系统图片编辑器。

背景颜色对于大多数图片的预览来说并没有什么影响,只有遇到包含 Alpha channel 透明图层的图片时才显得很重要。如上图所示,如果背景颜色是白色,这张包含透明层的云彩可能就看不见了。

Pixave 里修改预览背景颜色需要切换到多张预览窗口(右键菜单),在单张窗口没有提供设置入口,这一点上稍有不便。还有就是检查器栏不支持悬浮和对设置页进行锁定,每次进入单张预览默认显示「Information」信息页,如果你想添加滤镜或者 Tags,需要再选择一次。

Pixave 导出格式和缩略图

Pixave 参数和设置中涉及到预览和格式的地方有几个:导出(Export)中支持的图像格式、智能分类集(Smart Collection)中按格式筛选图片、偏好设置中设置缩略图(Thumbnail Option)的风格和预览背景色、右键菜单中为选中的图片单独设置预览背景色。

Pixave 偏好设置中提供了三种缩略图的生成方式:

  • 默认(Default),拉伸图片充满预览框;
  • 保持长宽比例(Aspect Ratio),这种方式能保持图片的比例,不至于会因为拉伸导致变形;
  • 适合(Fit),保持长宽比的同时适合于预览框,留白的部分使用预览背景色填充。

设置好缩略图的生成方式以后,选中图片按住 Option 键由右键菜单里选择「Rebuild Thumbnails」才能生效。Pixave 的重建缩略图设置有点隐蔽,不知道以后能不能改直观一些

和所支持的预览格式相比,导出的格式要少很多,支持导出成 JPEG、PNG、GIF 和 TIFF。导出图片时还可以方便的为图片名称添加前缀(Prefix)和后缀(Suffix),调整图片输出尺寸(按比例或者分辨率)。

预览图片的背景颜色有两个地方可以设置,一个是偏好设置中的全局设定,另一个是选中图片后的右键操作,可以给选择的图片单独指定背景颜色。如果想为包含透明层的图片单独设置一种背景颜色,可以先通过智能分类将包含 Alpha channel 的图片筛选出来,然后选择这些图片设置背景颜色。

很多网站对 PNG 透明层的支持有限,会显示成黑底或者处理不好阴影部分,所以在编辑或绘图软件中最好是基于白色背景而不是透明背景的方式输出图片。

Pixave 售价 68 元,你可以在 Mac App Store购买,或在官网免费下载试用版。

本文档适用于:Pixave 1.0.6(24141)内容制作软件:Ulysses、OmniGraffle

相关推荐

炫酷的计时器效果Canvas绘图与动画

-----------------------------------------华丽的分割线-----------------------------------------------------...

康托尔集合的绘制及其Python绘制(康托尔集合论的概括原则是什么)

康托尔三分集(Cantorternaryset)是数学中一个著名的分形例子,由德国数学家格奥尔格·康托尔在1883年引入。它通过不断去掉线段的中间三分之一部分,重复这个过程得到的一个分形集合。康托...

一文带你搞懂JS实现压缩图片(js 压缩图片)

作者:wuwhs转发链接:https://segmentfault.com/a/1190000023486410前言公司的移动端业务需要在用户上传图片是由前端压缩图片大小,再上传到服务器,这样可以减...

数据可视化—Echarts图表应用(数据可视化图表类型)

ECharts是一款由百度前端技术部开发的,基于Javascript的数据可视化图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表。使用JavaScript实现开源的可视化库,可以流畅的...

ThreeJS中三维世界坐标转换成二维屏幕坐标

Threejs全称是“Javascript3Dlibrary”。WebGL则是openGL在浏览器上的一个实现。Threejs对WebGL进行了封装,让前端开发人员在不需要掌握很多数学知识和绘图知...

鸿蒙开源第三方件组件——加载动画库

前言基于安卓平台的加载动画库AVLoadingIndicatorView(https://github.com/81813780/AVLoadingIndicatorView),实现了鸿蒙化迁移和重构...

canvas实现下雪背景图(canvas绘制背景图)

canvas下雪背景html+css+js实现:1.定义标签:<h1>北极光之夜。</h1><divclass="bg"></...

用canvas画简单的“我的世界”人物头像

前言:花了4天半终于看完了《HeadFirstHTML5》,这本书的学习给我最大的感受就是,自己知识的浅薄,还有非常多非常棒的技术在等着我呢。[熊本表情]扶朕起来,朕还能学!H5新增标签里面最喜欢...

Manim-基础图形之点(什么叫图形基点)

制作数学演示视频时需要用到各类的集合图形,manim中内置了一些列的图形,本篇就从最简单的点讲起。点作为manim中最简单图形,也是其他所有图形的基,所有图形的绘制都是靠点来定位。manim中的点主...

一起学 WebGL:坐标系(坐标系格式)

大家好,我是前端西瓜哥,今天我们来学习WebGL。WebGL的世界坐标系是三维的。默认使用笛卡尔坐标系的右手坐标系,满足右手定则,即x轴向右,y轴向上,z轴向着观察者,原点位于画布中心。然...

漫画 欣赏 - 聖鬥士星矢 THE.LOST.CANVAS 冥王神話 24

《圣斗士星矢THELOSTCANVAS冥王神话》改编自车田正美原作的漫画《圣斗士星矢》,由车田正美原作、手代木史织作画。其外传《圣斗士星矢THELOSTCANVAS冥王神话外传》则在《...

漫画 欣赏 - 聖鬥士星矢 THE.LOST.CANVAS 冥王神話 25 - 完结篇

《圣斗士星矢THELOSTCANVAS冥王神话》改编自车田正美原作的漫画《圣斗士星矢》,由车田正美原作、手代木史织作画。其外传《圣斗士星矢THELOSTCANVAS冥王神话外传》则在《...

Eric Fischl 名画录(eric tucker画家)

艾瑞克费舍尔(EricFischl,1948——),是美国新表现主义画家,当代国际画坛一位十分活跃的人物,在国际上享有很高的知名度。作为20世纪美国第6次经济衰退时期本土第一个伟大画家艾瑞克·费舍尔...

canvas绘画板的实现(canvas画布)

新项目有一个需求:客户需要在订单确认的时候签名。第一反应就是用html的canvas实现,同事一起商量了下,canvas有三个制约:canvas必须要用鼠标,签名会很难看;手机端webapp怎么实现...

Python程序开发之简单小程序实例(9)利用Canvas绘制图形和文字

Python程序开发之简单小程序实例(9)利用Canvas绘制图形和文字一、项目功能利用Tkinter组件中的Canvas绘制图形和文字。二、项目分析要在窗体中绘制图形和文字,需先导入Tkinter组...