小图标用 png

采用无损压缩。可存储透明图片。

适合存储icon, logo 等颜色对比明显,又小的图片。

劣势:索引色数量有限,不适合大图片,颜色层次丰富。

大图片用 jpg

采用了压缩算法,会有稍许失真。

适合存储照片,摄影图片,色彩丰富的图片。

网页中:大的背景图,活动图片,照片。

背景平铺

背景平铺并非图片越小越好,因为浏览器要拿这个小图片横向,纵向铺,来渲染图片,肯定造成性能问题。

用8*8的jpg背景比较好。

转载于:https://www.cnblogs.com/zzu-han/p/3188249.html

关于网站图片格式 png,jpg,相关推荐

  1. 使用Google WebP图片格式帮助控制网站页面大小

    日期:2013-3-16  来源:GBin1.com 不管你相信或者不相信,随着互联网的快速发展网页也在持续不断的变大. 使 网页迅速膨胀的罪魁祸首不是大量使用的JavaScript库,CSS和无尽的 ...

  2. 一般网站上传图片的大小是多少?网站图片上传格式大小建议 附带简单修图方法

    一般网站上传图片的大小是多少呢?尚网汇智给您列一下网站图片上传格式大小建议: 首先,上传图片格式: 通常图片以JPG图片居多,JPG格式的图片较小,图片也比较柔和 不过特殊情况就要用特殊格式的图片了 ...

  3. 大型网站前端使用图片格式的正确姿势

    在网页上使用JPG.PNG和SVG:新手指南 | Cheesecake Labs 本文转载自:众成翻译 译者:lunasun 审校: lizheming 链接:http://www.zcfy.cc/a ...

  4. 前端笔记(6)css布局机制,浮动,清除浮动,图片格式,ps切片工具及插件

    css样式表/层叠样式表(4) css布局的三种机制 浮动 浮动(float)的扩展 清除浮动 额外标签法(隔墙法) 父级添加overflow属性方法 使用after伪元素清除浮动 使用双伪元素清除浮 ...

  5. 网站图片优化需要注意哪些方面?

    随着网站建设越来越多样化,更多的网站为了顺应时代潮流的发展也会设置更多的图片为网站进行展示更多的内容,并引导用户更好的浏览网站.但对于网站优化来说,这些图片也是需要更重要的优化才能帮助网站提升速度.提 ...

  6. 网站图片优化的小技巧分享

    随着网站建设越来越多样化,网站的形式也逐渐随着用户的习惯在不断的变化,尤其是近来网站图文结合的形式给企业网站带来了更多的流量.但运用图文的方式也需要注重图片的优化才能更好的帮助网站赢取更多的推广效果, ...

  7. 网站图片如何优化才对排名有所提升呢?

    在网站建设中,往往少不了图片的设计来增加网站的特色以及给网站带来更多的美感,更加吸引用户浏览.但在网站优化中,网站图片作为内容的构成也是重要优化的部分,那么网站中的图片应该怎么进行优化操作才会对网站排 ...

  8. 如何让Ubuntu系统支持WebP图片格式

    如何让Ubuntu系统支持WebP图片格式 本文主要向大家介绍如何让 Ubuntu 系统支持查看 WebP 图片格式,以及如何将 WebP 转为 JPEG 或 PNG 图片格式的方法. 什么是WebP ...

  9. 织梦网站上传服务器不显示图片,织梦网站图片不显示图片

    织梦网站图片不显示图片 内容精选 换一换 在"文章列表"插件中,检查"设置 > 列表数目"的"显示文章条数"和"显示分页&q ...

最新文章

  1. DB2 runstats、reorgchk、reorg 命令【转载】
  2. leetcode算法题--删除链表的节点
  3. vlc android 编译 mac,在Mac中编译vlc-android小结
  4. mysql 时间函数多了8小时_MySQL时间函数了解
  5. android去掉顶部标题栏
  6. (44)常用终端命令总结
  7. linux drbd同步,DRBD数据镜像主备节点同步数据
  8. Drools只执行一个规则或者执行完当前规则之后不再执行其他规则(转)
  9. IT销售素质 --善于学习
  10. Storm编译打包过程中遇到的一些问题及解决方法
  11. 未能找到类型名称MembershipProvider
  12. 一个优质的课堂直播软件需要具备哪些功能?
  13. 白盒测试技术——语句覆盖、判定覆盖、条件覆盖
  14. python print()什么意思_python print用法是什么
  15. 服务器主板双cpu性能好吗,双CPU的电脑用起来,性能和功耗都是原来的两倍?
  16. 《Search to Distill: Pearls are Everywhere but not the Eyes》论文阅读
  17. python-numpy-pandas
  18. carla学习笔记(八)
  19. 支持向量机基本原理与思想
  20. android多边形拼图源码,【BMPinTu】一款拼图App的demo。多边形凹凸拼图

热门文章

  1. mysql 分表 sphinx_sphinx(coreseek)处理分表的方案
  2. 使用Spring特性优雅书写业务代码
  3. java agent技术原理及简单实现
  4. 大话InnoDB索引原理
  5. RunLoop总结与面试
  6. 服务交付审查:缺失的DevOps反馈环
  7. Python学习日记day4 字符编码
  8. 如何自动检查内存泄漏和句柄耗尽
  9. GitStats:Git开发历史统计工具 - liyropt - 博客园
  10. Windows server 2008R2本地组与本地用户的创建和管理