精华内容
下载资源
问答
  • HTML网页常用图像格式

    千次阅读 2020-08-09 10:50:37
    网页中常见的图像格式有两种:JPEG,GIF 一.JPEG(Joint Photographic Experts Group)是特别为照片图像设计的文件格式。JPEG支持数百万种色彩。JPEG是质量有损耗的格式,这意味着在压缩时,一些图像数据丢失了,这降低...

    网页中常见的图像格式有两种:JPEG,GIF

    一.JPEG(Joint Photographic Experts Group)是特别为照片图像设计的文件格式。JPEG支持数百万种色彩。JPEG是质量有损耗的格式,这意味着在压缩时,一些图像数据丢失了,这降低了最终文件的质量,然而,图像数据数据被抛弃得很少,不会在质量上有非常明显的不同。

    二.GIF(图形交换格式)是网页图像中很流行的格式。虽然它仅包括256种色彩,但GIF提供了出色的,几乎没有丢失的图像压缩,并且GIF可以包含透明区域和很多动画。它靠水平扫描像素行找到固定的颜色区域进行压缩,然后减少同一区域中的像素数量。因此,GIF通常适用于卡通,图形,Logo,带有透明区域的图形,动画等。

    来源:https://www.cnblogs.com/rarry/archive/2011/12/25/2300856.html

    展开全文
  • Webp:WebP格式,谷歌(google)开发的一种旨在加快图片加载速度的图片格式。图片压缩体积大约只有JPEG的2/3,并能节省大量的服务器带宽资源和数据空间。Facebook Ebay等知名网站已经开始测试并使用WebP格式。 在...
    • png-8、png-24、jpeg、gif、svg

    但是上面的那些都不是面试官想要的最后答案。面试官希望听到是Webp,Apng。(是否有关注新技术,新鲜事物)

    • Webp:WebP格式,谷歌(google)开发的一种旨在加快图片加载速度的图片格式。图片压缩体积大约只有JPEG2/3,并能节省大量的服务器带宽资源和数据空间。Facebook Ebay等知名网站已经开始测试并使用WebP格式。
    • 在质量相同的情况下,WebP格式图像的体积要比JPEG格式图像小40%
    • Apng:全称是“Animated Portable Network Graphics”, 是PNG的位图动画扩展,可以实现png格式的动态图片效果。04年诞生,但一直得不到各大浏览器厂商的支持,直到日前得到 iOS safari 8的支持,有望代替GIF成为下一代动态图标准
    展开全文
  • 网页制作中图片格式常用三种格式(jpg,png,gif)1jpg图片是我们最常见的。jpg:可压缩的,有损图片质量的格式。虽然可压缩,它的色彩还是比较丰富。特点:文件小、色彩丰富。在网页常用。劣势:不能保存透明背景...

    网页制作中图片格式

    常用三种格式(jpgpnggif)

    1jpg图片

    是我们最常见的。

    jpg:可压缩的,有损图片质量的格式。虽然可压缩,它的色彩还是比较丰富。

    特点:文件小、色彩丰富。

    在网页中常用。

    劣势:不能保存透明背景图片。

    用途:插入图,大篇幅的整个的背景图。本身不要求太清晰,文件加载够快。

     IE6图片边框

     如果在img标签外面套了一个a标签,在IE6里会给图片加一个边框。我们需要清除这个边框。

    img{

        border:none;

    } 

    2 png图片

    png:不可压缩的,可以保存图层。

    质量比较大,真正使用的时候保存的是png32格式。

    png特点:支持透明和半透明。

    用途:精灵图、背景图。

    问题IE6不支持它的透明和半透明。

    高级浏览器支持透明和半透明。

    解决办法:引入一段js语句(用到的时候直接引用,不需要记)

    <!--[if IE 6]>

    <script type="text/javascript" src="js/png.js"></script>

    <script type="text/javascript">

    DD_belatedPNG.fix("div,ul,img,li,input,span,b,h1,h2,h3,h4");

    </script>

    <![endif]-->

     

    3 gif图片

    gif:本身跟压缩无关,颜色色值较少,256种、128种、2种。

    特点:可以保存透明,不支持半透明。可以保存动图。

    IE6里,透明效果没有兼容性问题。

    用途:背景透明,动图。

    展开全文
  • 制作网页常见图片格式及特性介绍

    千次阅读 2019-05-22 15:22:39
    图片是网页制作中很重要的素材,图片不同的格式,每种格式都自己的特性,了解这些特性可以方便我们在制作网页时选取合适的图片格式。常见的图片格式及一些特性如下: 1. psd photoshop的专用格式,网页上一般...

           作为前端开发人员,了解一些常见的图片格式是必不可少的,接下来就简单地介绍一些常见的图片格式,方便日后查阅。图片是网页制作中很重要的素材,图片有不同的格式,每种格式都有自己的特性,了解这些特性可以方便我们在制作网页时选取合适的图片格式。常见的图片格式及一些特性如下:

    1. psd

    photoshop的专用格式,网页上一般是不用这种格式的,它一般被用来辅助我们做网页,ui设计师给我们的就是这种格式的图片。

    优点:完整保存图像的信息,包括未压缩的图像数据,图层,透明等信息,方便图像的编辑。

    缺点:应用范围窄,图片容量相对比较大。

    2. jpg

    网页制作及日常使用最普遍的图像格式,如果网页中不需要透明背景,一般就会用这种图。

    优点:图像压缩率高,图像容量相对最小

    缺点:有损压缩,图像会丢失数据而失真,不支持透明背景,不能制作成动画。

    3.gif

    制作网页小动画的常用图像格式,比如平时经常发的动态的表情一般都是gif格式的。

    优点:无损压缩,图像容量小,可以制作成动画,支持透明背景。

    缺点:图像色彩范围最多只有256色,不能保存为色彩丰富的图像,不支持半透明,支持透明图像但是图像边缘有锯齿,如下图所示:

    4. png

    网页制作及日常使用比较普遍的图像格式,如果能支持动画则它完全可以取代gif。

    优点:无损压缩,图像容量小,支持透明背景和半透明背景,透明图像的边缘是光滑的,这是和gif相比它的一大优点,如下图所示:

    缺点:不能制作成动画。

    5. webp

    将要取代jpg的图像格式。

    优点:和jpg格式相同,但是容量相对比jpg还要小。

    缺点:和jpg格式相同,但是目前只有极少数的浏览器支持,像一些主流的浏览器谷歌,火狐,IE等都不支持这种格式。

    接下来说一下和上面图片实现原理不同的另一种类型的图片。上面介绍的5中图像都属于位图。位图,也叫点阵图,是由一个个的方形的像素点排列在一起拼接而成的,位图在放大时,图像会失真。

    矢量图和位图的成像原理不同,它的图像轮廓是由函数曲线生成的,当放大图像时。实际的原理就是将曲线乘以一个倍数,图像可以轻易地放大,而且不出现像素块,图像边缘也不会出现锯齿。一句话说就是位图放大会失真,矢量图放大后不会失真。下面介绍一些常见的矢量图格式。

    1. svg

    目前首选的网页矢量图格式。

    优点:图像容量小,图像放大不失真,支持透明背景和半透明色彩,图像边缘光滑。

    缺点:色彩不够丰富。

    2. flash

    即将退出历史舞台的重量级网页矢量图格式,注意它的后缀是.swf并不是.flash,而且想要在网页中插入flash图片时需要用embed元素而不是img元素,即使在网页中插入了,只有浏览器安装了相应的插件才能够显示,

    优点:图像容量小,图像放大不失真,支持透明和半透明色彩,图像边缘光滑,还可以制作动画,可编写交互,以前的一些网页直接就是用flash写的。

    缺点:不支持搜索引擎,比如说用百度搜索某个flash格式的图片根本搜不到它,运行慢,浏览器需要装插件才能支持。

    总结

    在网页制作中,如何选择合适的图片格式呢?

    1. 使用大幅面图片时,如果要使用不透明背景时,首选jpg图片,因为它的容量相对最小;如果要使用透明或半透明背景的图片时,就使用png图片。

    2.使用小幅面图片或图标图片时,如果图片含多种颜色,可以使用gif或png图片;如果图片的色彩很单一,而且要求有很好的显示效果放大不失真,可以使用svg图片;如果要求图片是动画的,可以使用gif。

    本人是个小白,如果有错误欢迎指正,啦啦啦。

     

     

     

    展开全文
  • 网页图片常见格式及其特点

    千次阅读 2019-08-23 20:51:30
    靠损失图片本身的质量来减少图片的体积,适用于颜色丰富的图像;(像素点组成的越多越清晰) 2、gif:无损压缩格式 靠损失图片的色彩量来减小图片的体积,支持透明,支持动画,适用于颜色数量较少的图像; 3、png...
  • 常用web图片格式:gif、jpg、png、webp

    千次阅读 2020-08-23 21:12:50
    1.GIF(87年):使用无损压缩,支持256中颜色(一般叫8 bit...一张图片多次上传下载后,图片逐渐会失真。 优点 JPEG/JFIF是最普遍在万维网(World Wide Web)上被用来储存和传输照片的格式。JPEG在色调及颜色平滑变化的
  • 1、jpg:有损压缩格式 ...损失图片的色彩数量来减小图片的体积,支持透明,不支持动画,是fireworks的 源文件格式, 适用于颜色数量较少的图像; 资源网站大全https://55wd.com我的007办公资源网站htt...
  • web常用的三种图像格式

    千次阅读 2017-05-14 19:48:32
    网页中所用的三种图片格式分别是JPEG、PNG、GIF。不同的图片需要选择不同的存储格式,这样能够避免由于图片格式错误而造成页面性能降低。 已经很多大牛详细的整理过三种图片格式的内容了,现在仅对三种web图片...
  • 常用网页设计小图片png格式 常用网页设计小图片png格式常用网页设计小图片png格式常用网页设计小图片png格式
  • 知道网页制作的过程中常用图片格式有哪些? 图片在整个网页中占有重要的地位,大多数的网页的图片占比达到60%左右,所以在不同的场景中使用不同的图片对于web页面的性能会有很大的优化。文本页面常用图片格式有...
  • 网页常见的图标图片格式的区别

    千次阅读 2018-11-21 14:38:41
    网页中几种格式图片图标的区别 一.unicode 1.简介 unicode是字体在网页端最原始的应用方式,可以用来绘制一些简单的图标。 2.功能: 兼容性最好,支持ie6+,及所有现代浏览器。支持按字体的方式去动态调整...
  • 这里一点要注意的是web开发中用到的图片都不是矢量图,即使是一个三角形,只有一个边框,都是位图。 那么矢量图在哪里有用到呢? 我目前的知识池就知道一个图标字体,比如 font-awesome 
  • 前端 常用图片格式

    千次阅读 2018-05-14 20:11:56
    常用图片格式图片是网页制作中很重要的素材,图片不同的格式,每种格式都自己的特性,了解这些特效,可以方便我们在制作网页时选取适合的图片格式图片格式及特性如下: 1、psd psd是photoshop的专用格式,UI...
  • 图片格式有哪些?区别是什么

    千次阅读 2020-03-09 15:52:10
    1、图片格式有哪些?区别是什么 2、window的Print Screen,剪切功能如何使用? 3、流量卡显示3G网络 4、2G/3G/4G的区别? 5、你的宽带速度到底有多快
  • 目前在网络上最常用图像格式主要JPEG、GIF、PNG格式。 JPEG格式是目前网络上最流行的图像格式,可以把文件压缩到最小,在 Photoshop软件中以JPEG格式储存时,提供11级压缩级别,目前各浏览器均支持JPEG格式。它...
  • JPEG,GIF,PNG,最流行的是jpeg格式,可以把文件压缩到最小 在ps以jpeg格式存储时,提供11级压缩级别。 推荐在线压缩网站:https://tinypng.com/
  • 网页设计中,图片格式的选择非常重要,未经优化的图片和不当的图片格式都会导致网页加载时间过程和响应速度过慢——也就是打开很慢,这样就会严重影响用户的体验,时候甚至延迟几秒就足以使许多新访客离开。...
  • 常用图片格式

    2020-11-26 09:18:52
    常用图片格式 1、psd photoshop的专用格式。 优点:完整保存图像的信息,包括未压缩的图像数据、图层、透明等信息,方便图像的编辑。 缺点:应用范围窄,图片容量相对比较大。 2、jpg 网页制作及日常使用最普遍的...
  • 图片格式种类非常多,本文仅针对几种web应用中常用图片格式:gif、png、jpg、webp进行一个基本的总结。 图片格式分类 无压缩。无压缩的图片格式不对图片数据进行压缩处理,能准确地呈现原图片。BMP格式就是其中之...
  • 基本图像有主要的文件格式有BMP,JPG(JPEG),JPEG2000,PNG,GIF,TIFF,这些是我有过了解和有一定认识的就着重介绍,此外还有还有很多其他图像格式例如PSD,SWF,SVG等虽说也是用的很多的图像格式,但由于在我的...
  • 网页设计\网页制作常用软件大全

    千次阅读 多人点赞 2014-03-04 12:08:26
    网页设计\网页制作常用软件 一、专业的网页设计、网页制作软件: 1、CorelDraw:通过CorelDRAW9的全方面的设计及网页功能融合到现有的设计方案中,制作矢量的插图、设计及图像,出色地设计公司标志、简报、彩页、...
  • 常用图片格式汇总及区别 首先说一说为什么要学习图片格式呢,因为身为一个前端开发的程序员,或者你是一个全栈开发的工程师...文章目录常用图片格式汇总及区别前言一、常见的图片格式有哪些?二、各种格式的特点1、**p
  • 用于描述网页格式设计(在网页上定义一个标题、文本或表格等)和它与万维网上其他页面的连接信息。 2、网页的分类:分为静态网页和动态网页 (1)静态网页:纯HTML格式网页,仅能提供浏览,无法与网站进行互动。...
  • 常用图片jpg png jpeg gif等格式介绍

    千次阅读 2019-12-25 15:55:23
    常见的图片格式大全: JPEG (Joint Photographic Experts Group) TIFF (Tagged Image File Format) PNG (Portable Network Graphics) GIF (Graphics Interchange Format) BMP (Bitmap)PSD (Photoshop Document) SVG...
  • 手把手教你利用爬虫爬网页(Python代码)

    万次阅读 多人点赞 2019-05-14 14:34:48
    聚焦爬虫是一个自动下载网页的程序,它根据既定的抓取目标,选择地访问万维网上的网页与相关的链接,获取所需要的信息。与通用爬虫不同,聚焦爬虫并不追求大的覆盖,而将目标定为抓取与某一特定主题内容相关的网页...
  • HTML文档中的图像格式

    千次阅读 2017-05-22 22:53:12
    (不定项选择题)嵌入在HTML文档中的...网页html文档支持的图片格式有jpg , gif , png 和 bmp 这四种。 jpg , gif 和 png 格式的图片特点是体积很小,因为在网上很常见, 然而 bmp就不常见了,因为这种格式虽然很清
  • JPEG  这种是我们最常见的类型之一,当然,这种格式你可能听得不多,但是他另外一种扩展名,你一定听过: jpg 。  那么好好的jpeg为啥非要叫jpg呢?听我给你慢慢道来。  JPEG是一种针对相片图像而广泛使用的...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 94,557
精华内容 37,822
关键字:

常用的网页图像格式有