位图与矢量图区别及png8与png24区别

图片(矢量图和位图)
矢量图—— 可以无限放大不失真。色值少,不能逼真。使用软件Ai, 图片大小100KB一般小,矢量图转位图容易。设计公司logo的卡通人物一般是用矢量图 (一般有:svg)
位图 —— 不能无限放大,放大会失真。色值多,逼真。使用软件 Ps, 图片大小 1024KB 一般大,位图转化矢量图困难。(一般有:图片,canvas)

jpg,jpeg,png8,png24,gif 使用与区别 (位图)

jpg,jpeg 背景不透明。(jpep 与 jpg 关系 就是类似于 ecmascript 与 javascript 关系。)
png8,png24 背景透明。(png8 做出的图片小,色值有限,不能做透明渐变。png24 做出的图片大,色值丰富,可以做透明渐变,做不规则图片用,如果用png8会毛边)
gif 动图。在iPhone手机上会有毛边。可以采用步进动画去实现动画。

JPEG的文件格式一般有两种文件扩展名:.jpg和.jpeg,这两种扩展名的实质是相同的,我们可以把.jpg的文件改名为.jpeg,而对文件本身不会有任何影响。
严格来讲,JPEG的文件扩展名应该为.jpeg,但由于DOS时代的8.3文件名命名原则(主文件名不能超过8个字符(若是汉字则不能超过4个汉字),扩展名不能超过3个字符,中间用.分隔),PC机使用了.jpg的扩展名,而由于Mac并不限制扩展名的长度,因此当时苹果机上都使用了.jpeg的后缀名。虽然现在windows也可以支持任意长度的扩展名了,但大家已经习惯了.jpg的叫法,因此也就没有强制修正。这种情况类似于.htm和.html的区别。

你可能感兴趣的:(前端)