两种不同png图片的在项目中的运用

png图片主要分为两种 png-8和png-24。

PNG8和PNG24后面的数字则是代表这种PNG格式最多可以索引和存储的颜色值。”8″代表2的8次方也就是256色,而24则代表2的24次方大概有1600多万色。

ie6不支持png-24,而png-8在ie6下会出现毛边,并不能实现完全透明的效果,需要引入插件来修复。

百度搜索了关于PNG8和PNG24的区别,发现 原来PNG8要么完全透明,要么完全不透

明,不支持半透明,所以才会出现上面的问题,但PNG24支持半透明的。

首先先做下比较,因为估计做前端的人和我一样知道最多的就是png是一种包含半透明格式的图片。其实我们还要知道:
1.png8和png24的根本区别,不是颜色位的区别,而是存储方式不同。
2.png8有1位的布尔透明通道(要么完全透明,要么完全不透明),png24则有8位(256阶)的布尔透明通道(所谓半透明)。
png-8 和 gif 有一些相似之处,模式都是索引颜色,只支持像素级的纯透明,不支持 alpha 透明。
我们通常说的“IE6 不支持 PNG 透明”,是指不支持 PNG-24 的透明。但是 IE6 支持 PNG-8 的透明,就像支持 gif 的透明一样。

因此总结得出:

1.色彩丰富的、大的图片切成jpg的;
2.尺寸小的,色彩不丰富的和背景透明的切成gif或者png8的;
3.半透明的切成png24。

时间: 2024-08-07 16:44:20

两种不同png图片的在项目中的运用的相关文章

两种 设置 背景图片方法

两种设置背景图片方法 //    UIView *navigationbarTitleTupian =[[UIView alloc]initWithFrame:CGRectMake(0, 0, 40, 30)]; //    UIImageView *imageTitleTupian =[[UIImageView alloc]initWithImage:[UIImage imageNamed:@"bg.png"]]; // //    [navigationbarTitleTupian

以指针和引用两种参数实现删除单链表L中所有值为X的结点的函数

下面是单链表的数据结构 typedef struct LNode{ ElemType data; struct LNode *next; }LNode,*Linklist; 1.以指针参数实现 void delete_x_1(LNode *head,ElemType x){//head为单链表头结点,删除结点的值为x LNode *l = head; LNode *p = head->next; while(p != null){ if(p->data == x){ l->next =

ios的UIImage的两种不同的图片加载方式 tom猫

在ios的UI交互设计时,对图片的处理是难免的:不同的处理方式会对内存有不同的影响: ************************************************************ a:图片格式及NSBundle加载全路径: 1>xcode或者说苹果官方是极力推荐使用的图片格式是png 2>所有如果项目中用得是png的图片,则不用写后缀名 3>其他格式要求后缀名,特别是用UIImage加载图片时 NSBundle加载全路径的常用代码: ? 1 2 3 4 //

[Todo] Redis里面队列的两种模式,以及抢红包在Redis中的实现

两种队列模式: 一种是利用list的lpush/rpop等 另一种是redis自带的发布者/订阅者模式 http://www.cnblogs.com/alazalazalaz/p/5512258.html 抢红包: 下面这个是用Java实现: https://my.oschina.net/ydsakyclguozi/blog/536748 Redis里面lpush等操作的一些参考: http://redis.readthedocs.io/en/2.6/list/rpoplpush.html

C#基于两种需求向图片添加水印

使用场景 1.也就是大家经常用的,一般是图片的4个角落,基于横纵坐标来添加. 2.在图片内基于固定位置,文字始终居中.刚开始我基于第一种场景来根据水印汉字的长度来计算坐标,后来发现方法始终不可靠.现在是先在图片固定区域(水印区域)画一个矩形,然后再矩形内添加水印汉字,并使用画刷保持文字居中. 场景一效果 场景二效果 场景一添加水印方法 static void addWatermarkText(Graphics picture,int fontsize, string _watermarkText

C# 提供两种切割圆形图片的方式

效果: private void Form1_Load(object sender, EventArgs e) { string file =System.IO.Path.Combine(Environment.CurrentDirectory, @"11.jpg"); try { Image i = new Bitmap(file); pbO.Image = i; pbD1.Image = WayOne(file); pbD2.Image = WayTwo(file); pbS1.I

python Mean Squared Error vs. Structural Similarity Measure两种算法的图片比较

# by movie on 2019/12/18 import matplotlib.pyplot as plt import numpy as np from skimage import measure import cv2 # import the necessary packages def mse(imageA, imageB): # the 'Mean Squared Error' between the two images is the # sum of the squared

第2章 两种调用JS的方法——在HTML中使用JavaScript

一. <script>标记 第一种方法是把 <sript></script>直接放到head和script两个标记之间(title下面,</head>上面) <head>... <title>demo</title> <script type=”text/java script”> /*type属性常被忽略掉.脚本默认是js,所以<script type=”text/java script”>可直接

C#照片预览,好处是图片不在项目中也可以查看

//在一个页面中添加image控件,后台指向一个新页面,在新页面获取图片的二进制流,再展现在页面上<body>    <div class="pNavigation">        <div style="overflow: hidden;">            <img alt="" class="img_Navigation" src="/Style/Images/