轩枫阁

首页 / 第76页

GIF,JPG还是PNG?WEB开发中合理选择图片格式

前言

从某种程度上说,判断一个网页设计师是否优秀,可以从其在WEB开发(或网页设计)中是否合理的采用各种图片格式得出结论。事实上,或许所有人都知道图片存在GIF,JPG和PNG等格式,但并非所有人都知道它们之间的具体区别和使用技巧。

接下来,代码吾爱将给大家介绍:WEB开发中几种最受欢迎图片格式的前世今生以及如何正确的使用它们。

1.JPEG

JPEG格式是一种大小与质量相平衡的压缩图片格式。通俗一点讲,就是:高的压缩比=低的图片质量=小的文件大小。反之,低的压缩比=高的图片质量=大的文件大小。由于JPEG文件无法保持100 %的原始图像的像素数据,所以它不被认为是一种无损图像格式。

用途

由于这种极其敏感的平衡特性,JPEG非常适合被应用在那些允许轻微失真的像素色彩丰富的图片(照片)场合。反之,JPEG格式图片并不适合做简单色彩(色调少)的图片,比如LOGO,各种小图标(ICONS)。

2.GIF

GIF格式,是为使图片能够应用在在线(online)应用程序上所特别开发的图片格式。Gif,有时也被成为“Giff”,是一种无损,8位图片格式。“无损”是指100%的保持原始图片的像素数据信息。专业名词“8位”是指,所能表现的颜色深度——一个8位图像仅最多只能支持256种不同颜色(一个多余256种颜色的图片若用gif图片保存会出现失真)。 查看全文

2013/05 13  周一

CSS关于细节的大美集

细节一

一、当文字与图片在一行,需要将文字与图片底对齐,需要这样写

二、当文字与图片在一行,需要将文字与图片居中对齐,需要这样写

三、更改IE“查看源代码”菜单打开的编辑器

打开注册表编辑器,在开始-运行中输入regedit

找到以下位置: HKEY_LOCAL_MACHINE"SOFTWARE"Microsoft"Internet Explorer"View SourceEditor"Editor Name"修改默认的数据

"D:"Program Files"EmEditor"EmEditor.exe"

切换到IE中查看源代码就可以看到效果了。

如果View Source Editor"Editor Name项没有,可以自己新建。 查看全文

2013/05 13  周一

2013-5-13

万事开头难,今天试了下响应式的demo,还可以,继续学习咯,原来响应式是这么回事。

主要看了@media screen and (min-width:600px){}、@media screen and (max-width: 900px){}、@media screen and (min-width: 600px) and (max-width:900px){},还有一种是iphone的写法:@media screen and (max-device-width:480px)。

2013/05 13  周一

2013母亲节

这是她平凡的一天,却是她生命的全部

她总是那么的匆忙

无论什么时候,她永远精力充沛

她没有大道理,她只知道

多吃点,吃好点,比什么都重要

没有珍贵的原料,复杂的做法

但她代表的是“妈妈的味道” 查看全文

2013/05 12  周日

jQuery插件开发初探

前言

jQuery插件的开发包括两种

一种是类级别的插件开发,即给jQuery添加新的全局函数,相当于给jQuery类本身添加方法。jQuery的全局函数就是属于jQuery命名空间的函数,另一种是对象级别的插件开发,即给jQuery对象添加方法。下面就两种函数的开发做详细的说明。

1、类级别的插件开发

类级别的插件开发最直接的理解就是给jQuery类添加类方法,可以理解为添加静态方法。典型的例子就是$.AJAX()这个函数,将函数定义于jQuery的命名空间中。关于类级别的插件开发可以采用如下几种形式进行扩展:

1.1 添加一个新的全局函数

添加一个全局函数,我们只需如下定义: 查看全文

2013/05 10  周五

纸飞机许愿

x

钢琴节奏

请选择弹奏的曲谱

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 1
    • 2

    [返回曲谱列表]

    点击开始录制,可以录制弹奏的曲子