zoukankan      html  css  js  c++  java
  • PS切片时,如何选择图片保存格式

    在网页设计中,对图片进行剪切是必不可少的一个步骤。

    但一个页面中,需要用到的图片太多,为了节省时间,当然不能一个一个的裁剪保存,好在PS工具提供了一个快捷的功能:切片(快捷键:C,来源应该为cut)。

    我们可以通过切片把需要剪切的图形在页面中先规划设定出来,然后Ctrl+shift+Alt+S就能一次性导出并保存下来。

    那么问题来了,保存的时候有5种格式,应该选择哪一种呢:

    通过多次试验以及资料查证,目前总结如下:

    1.色彩丰富、图像较大的图片,选择JPG格式;

    2.尺寸较小、色彩单一和背景透明的,选择GIF或PNG8;

    3.半透明、不规则以及圆角的图片,选择PNG24。

    关于png8和png24的区别:

    1.png8和png24的根本区别,不是颜色位的区别,而是存储方式不同。

    2.png8有1位的布尔透明通道(要么完全透明,要么完全不透明,不支持半透明),png24则有8位(256阶)的布尔透明通道(所谓半透明)。

       png-8 和 gif 有一些相似之处,模式都是索引颜色,只支持像素级的纯透明,不支持 alpha 透明,而非直角图形在其转角处通常都是alpha透明。

    如何判断图片是png8还是24:

    1.在ps里看图像---模式,png8当然只有8位/通道了。

    2.当打开png8的图片时,ps会默认给它的图片标题上加上“索引”两字,png24的则没有。

    png透明ie6下的兼容问题:

    我们通常说的“IE6 不支持 PNG 透明”,是指不支持 PNG-24 的透明。但是 IE6 支持 PNG-8 的透明,就像支持 gif 的透明一样。

    新浪微博的logo(png24)采用了下面的方法来实现透明:

    _background:none;  

    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='logo.png',sizingMethod='crop');

    总结中部分文字来源:http://blog.csdn.net/kataerdeshui/article/details/13161423

  • 相关阅读:
    (JS+CSS)实现图片放大效果
    PowerDesigner(数据建模)使用大全
    可输入的下拉框(简易实现)
    MVC 验证码实现( 简易版)
    http程序接口、调用(最入门级,文末附Demo)
    【BZOJ】3730: 震波
    【HDU】HDU5664 Lady CA and the graph
    【AtCoder】AGC016
    【AtCoder】ARC076
    【AtCoder】AGC032
  • 原文地址:https://www.cnblogs.com/zoeyll/p/4184326.html
Copyright © 2011-2022 走看看