移动开发的图像优化综述

简介: 图片使得Web应用、移动应用的外观变得更漂亮。但是,这些闪闪发光的像素(图片)会占用较大的存储空间和内存。 图片的尺寸有几层含义:意味着网页的载入时间的增加,影响用户的访问体验;甚至会影响Google对你的网页的搜索排名;还可能导致移动App的尺寸变得较大,影响App的下载。

图片使得Web应用、移动应用的外观变得更漂亮。但是,这些闪闪发光的像素(图片)会占用较大的存储空间和内存。

图片的尺寸有几层含义:意味着网页的载入时间的增加,影响用户的访问体验;甚至会影响Google对你的网页的搜索排名;还可能导致移动App的尺寸变得较大,影响App的下载。

连Eclipse的RAP和Tabris等应用都遭受了不必要的大图片的困扰。高清屏Retina加剧了这个问题。

这就是为什么要对图片进行优化,哪怕你不是图像处理专家。

1) 对图片使用PNG格式;

2) 使用下面的PNG优化器对图片进行优化,可有效的减少图片尺寸高达60%。

- 以Web服务方式实现图片优化的工具TinyPNG: http://tinypng.org/

- 带GUI的工具OS X平台的ImageOptim: http://imageoptim.com/

- 带GUI的工具Windows平台的PNGGauntlet: http://pnggauntlet.com/

- 带GUI的工具Linux平台的Trimage: http://trimage.org/

- 命令行工具OptiPNG: http://optipng.sourceforge.net/

- 命令行工具AdvanceCOMP PNG Compression Utility: http://advancemame.sourceforge.net/doc-advpng.html

- 命令行工具Pngcrush: http://pmt.sourceforge.net/pngcrush/

- 命令行工具PNGOUT: http://www.advsys.net/ken/util/pngout.htm

PNG图片格式:是一个光栅图形文件格式,支持无损数据压缩。PNG格式是作为带专利的GIF格式的改进和替代而出现的。PNG格式已经是互联网上最流行的无损图片压缩格式。

PNG格式最重要的特点如下:

1) 开放标准,被几乎所有的图片编辑器、框架、操作系统和浏览器所支持;

2) 无损,不局限于256色;

3) 真实的透明度(带Alpha值的像素);

4) 对于图标、商标Logo、截屏是最佳的图片格式;

5) 对于照片来说,不是最佳的图片格式。

PNG优化器能做什么:

1) 移除多余的元数据;

2) 把颜色侧面应用实际的颜色值,并移除侧面的描述;

3) 有时会减少颜色的数量(有损压缩),采用如”位深度减少”、”颜色类型减少”、”颜色调色板减少”等测量手段,用于保存精确的字节。

目录
相关文章
|
移动开发 计算机视觉 Linux
移动开发的图像优化综述
版权声明:本文为博主chszs的原创文章,未经博主允许不得转载。 https://blog.csdn.net/chszs/article/details/9986539 移动开发的图像优化综述 作者:chszs,转载需注明。
732 0
|
14天前
|
开发框架 Dart Android开发
移动应用开发中的创新之路:探索跨平台解决方案
【9月更文挑战第21天】在移动应用的海洋中,开发者们面临着一个不断变化的挑战——如何在多个操作系统上提供无缝的用户体验。本文将探讨跨平台开发的魅力与挑战,并深入分析Flutter框架如何成为现代开发者的利器。我们将通过实际代码示例,揭示Flutter简化开发流程、提高生产效率的秘密。从Dart语言的基础到热重载的便捷性,本文旨在为读者提供一次全面而深刻的跨平台开发之旅。
|
1天前
|
开发框架 前端开发 Android开发
移动应用开发中的跨平台策略与实践
【9月更文挑战第34天】本文将深入探讨移动应用开发的跨平台策略,包括对React Native、Flutter和Xamarin等流行框架的比较。文章还将分享一些实用的跨平台开发技巧和最佳实践,帮助开发者在多个平台上高效地构建和维护应用。无论你是初学者还是有经验的开发者,这篇文章都会为你提供有价值的见解和指导。
|
13天前
|
设计模式 前端开发 JavaScript
探索移动应用开发:从Android到iOS的跨平台之旅
【9月更文挑战第21天】在这篇文章中,我们将一同揭开移动应用开发的神秘面纱,从Android和iOS这两个主流平台出发,探讨如何利用现代技术栈实现跨平台开发。文章将通过具体的代码示例,带领读者理解不同平台间的差异与联系,以及如何运用React Native框架简化开发流程,实现一次编写,多平台运行的目标。无论你是刚入门的新手还是希望拓展技能的老手,这篇文章都将为你提供宝贵的知识和启示。
37 3
|
29天前
|
前端开发 JavaScript C#
移动应用开发中的跨平台框架解析
【9月更文挑战第5天】在移动应用开发领域,跨平台框架因其“一次编写,处处运行”的便利性而受到开发者的青睐。本文将深入探讨几种流行的跨平台框架,包括React Native、Flutter和Xamarin,并比较它们的优势与局限。我们将通过代码示例揭示这些框架如何简化移动应用的开发过程,同时保持高性能和良好的用户体验。无论你是新手还是有经验的开发者,这篇文章都将成为你了解和选择跨平台框架的宝贵资源。
50 19
|
26天前
|
人工智能 开发框架 搜索推荐
移动应用开发的未来:跨平台框架与AI的融合
在移动互联网飞速发展的今天,移动应用开发已成为技术革新的前沿阵地。本文将探讨跨平台框架的兴起,以及人工智能技术如何与移动应用开发相结合,从而引领行业走向更加智能化、高效化的未来。文章通过分析当前流行的跨平台开发工具和AI技术的应用实例,为读者提供对未来移动应用开发的独到见解和预测。
51 3
|
27天前
|
开发框架 前端开发 Android开发
移动应用开发的演变:从原生到跨平台框架
在数字化时代,移动应用已成为我们日常生活不可或缺的一部分。随着技术的不断演进,移动应用开发也经历了从原生开发到跨平台框架的变革。本文将探讨这一演变过程,分析不同开发模式的优势与挑战,并展望未来移动应用开发的发展趋势。
|
2月前
|
Dart API 开发者
探索移动应用开发的未来:跨平台框架与原生系统的协同
【8月更文挑战第27天】在移动应用的宇宙中,跨平台框架如同星辰般璀璨,它们承诺着高效、统一的开发体验。然而,在这耀眼的光芒下,原生系统的细节和深度却往往被忽视。本文将深入探讨跨平台框架与原生系统之间的微妙平衡,揭示如何在追求效率的同时保持对原生特性的尊重和利用。通过分析Flutter等框架的案例,我们将一窥未来移动应用开发的可能路径,并理解为何在跨平台的光辉下,原生系统的价值依然不减。
|
2月前
|
移动开发 开发框架 C#
跨平台移动开发王者之战:Xamarin对决Uno Platform,谁将主宰.NET的未来?
【8月更文挑战第28天】Xamarin和Uno Platform是.NET生态下的两大跨平台移动开发框架。Xamarin自2011年起成为.NET的重要组成部分,使用C#实现高度代码共享。Uno Platform则是较新的框架,支持C#和XAML,并能将代码编译为WebAssembly,兼容Web平台。两者在代码共享、性能、社区支持及平台兼容性方面各有优势。Xamarin在性能和生态上更为成熟,Uno Platform则在Web兼容性方面表现出色。开发者可根据项目需求和技术栈选择合适的框架。
31 3
|
2月前
|
前端开发 Android开发 iOS开发
移动应用开发中的跨平台策略与系统选择
【8月更文挑战第29天】在移动应用领域,开发者面临多种操作系统和设备的选择。本文将探讨如何在移动应用开发中实施跨平台策略,并深入分析不同移动操作系统的特点及其对开发的影响。我们将通过比较iOS和Android两大主流平台,了解它们各自的优势和局限性,并提供实用的建议来帮助开发者做出明智的系统选择。
下一篇
无影云桌面