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

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

csdh11 2024-12-09 11:21 54 浏览

图片预览的基本要求是支持主流图片格式,然后是预览速度快,最后如果还能在交互体验和视觉效果上加分就更好了。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

相关推荐

IDEA界面太丑??尝试一下这几个插件

前言IntelliJIDEA主要用于支持Java、Scala、Groovy等语言的开发工具,同时具备支持目前主流的技术和框架,擅长于企业应用、移动应用和Web应用的开发。IntelliJi...

小巧 Vue 页面滚动进度条组件ScrollProgress

今天给大家分享一个轻量级Vue.js全屏滚动进度条组件VueScrollProgress。vue-scroll-progress一款基于vue.js构建的页面滚动进度条组件,...

基于vue实现可视化拖拽编辑器,页面生成工具,提升前端开发效率

项目介绍基于vue实现的可视化拖拽编辑器,实现页面生成工具,提升前端开发效率。可以基层到移动端项目作为自定义json直接生成UI页面。项目特点功能特点...

优秀 vue+heyui 后端管理系统HeyUI-Admin

今天再给小伙伴们推荐一款成熟的企业中后台管理系统HEYUI-Admin。heyui-admin基于vue.js和heyui组件库构建的后台管理系统。包含基础表单/表格功能,拓展组件(图表、富文本编辑...

响应式 Vue.js 前端组件化框架Xvue-UI

今天给小伙伴们推荐一款超不错的Vue轻量级组件框架XVueUI。xvue-ui基于vue2.x构建的响应式前端组件化框架。轻量级、易于上手,提供...

《基于SpringBoot+Vue的在线视频系统设计与实现》开题报告

【计算机毕业设计案例】基于SpringBoot+Vue的在线视频系统设计与实现_哔哩哔哩_bilibili...

超好用 Vue.js 图片裁切组件Vue-ImgCutter

今天给小伙伴们分享一个超棒的Vue图片任意裁剪插件VueImgCutter。vue-img-cutter基于vue2.x构建的轻量级剪切图片组件。支持移动图像、放大缩小图片、任意移动图片、固定比...

Vue 3 进阶用法:异步组件(vue 异步组件原理)

一、代码分割一个大型前端应用,如果所有代码都放在单一文件,体积会特别大,下载时间长,白屏时间久,用户体验差。...

源码补丁神器—patch-package(源码助手怎么用)

作者:张浩一、背景vue项目中使用vue-pdf第三方插件预览pdf,书写业务代码完美运行,pdf文件内容正常预览无问题。后期需求有变,业务需求增加电子签章功能。这个时候pdf文件的内容可以显示出...

经验分享:Vue2 项目升级 Vue3 + Element Plus,借助Deepseek手动升级

Vue3出来好久了,我开发的项目还在使用Vue2框架,一般情况下不考虑升级,但是最近需要接入工作流程引擎之类的,看了下Vue2生态下操作空间不是很好,那索性尝试升级Vue3吧。一番操作下来,升级成功,...

34K Star!史上最全JavaScript资源库 awesome-javascript

34KStar!史上最全JavaScript资源宝库大揭秘引言在GitHub上,有一个备受瞩目的JavaScript资源仓库,以其全面的内容和精心的分类,成为了众多开发者的必备参考。这个拥有超过...

基于 Vue.js 磁片栅格布局组件VueGridLayout

#头条创作挑战赛#今天给大家分享一个超优秀的vue.js拖拽栅格布局插件VueGridLayout。...

6款高颜值 Vue3 PC端UI组件库(vue3开发组件库)

马上到国庆了,还没学习或者想学习vue3的小伙伴们有安排上没?这次推荐几个比较流行的VUE3UI组件库,合理利用,又或者学习借鉴都是不错的选择。1、element-pluselement-plus...

高性能 vue.js+ztree 树形组件Vue-GiantTree

今天给大家分享一款超棒的Vue海量数据渲染树形组件VueGiantTree。vue-giant-tree基于ztree封装的Vue树形组件。轻松实现大数据高性能渲染,适合海量数据渲染场景。zTr...

【推荐】2024年推荐的6款开源免费 Vue 后台管理系统模板,建议收藏

前言在现今的软件开发领域,...