轩枫阁

首页 / 搜索标签: 图片优化

wordpress博客接入七牛CDN

前言

博客往往带有很多的配图及资源文件,使用CDN可以对资源文件进行加速,加快访问速度。

有很多网站提供云服务,这里介绍的是结合七牛CDN云服务,将图片、JS、CSS等资源文件进行加速。

同时七牛有免费提供10G存储空间、每个月10G的HTTP国内下载流量、10G海外下载流量,同时有图片处理,可以加上水印,可以基本满足需求。

接下来将介绍如果处理七牛和域名相关配置,将资源文件转至CDN。如轩枫阁将js|css|png|jpg|jpeg|gif|ico等文件请求由www.xuanfengge.com替换为cdn.xuanfengge.com查看全文

2017/01 02  周一

关于WebP接入方案

WebP格式

WebPGoogle推出的意图改变web图片JPGPNGGIF三分天下局势的一种图片格式,可对图像大幅压缩。它不仅支持无损或有损压缩、alpha通道,还支持动画演示。在同画质的情况下,WebP格式图片占用体积相较于jpg图片大约减少40%,相较于无损png图片大约减少30%

浏览器支持

Google浏览器Chrome首先引入WebP,此外Opera 11.10也增加对WebP的支持。

如果你能看见下面的图片,说明你的浏览器支持WebP。 查看全文

2016/10 19  周三

WebP 探寻之路

前言

不管是 PC 还是移动端,图片一直是流量大头,以苹果公司 Retina 产品为代表的高 PPI 屏对图片的质量提出了更高的要求,如何保证在图片的精细度不降低的前提下缩小图片体积,成为了一个有价值且值得探索的事情。

但如今对于 JPEG、PNG 和 GIF 这些图片格式的优化几乎已经达到了极致, 若想改变现状开辟新局面,便要有釜底抽薪的胆量和气魄,而 Google 给了我们一个新选择:WebP

对 WebP 的研究缘起于手机 QQ 原创表情商城,由于表情包体积较大,在 2G/3G 的网络环境下加载较慢。同事小贝恰好因为 2013 Google I/O Event 了解到了 WebP,于是我们便一起开始了没羞没躁的技术预研,期待在原创表情图片的质量与体积之间寻找最美的平衡。 查看全文

2016/10 12  周三

图片压缩工具推荐

前言

本文主要介绍前端相关的图片优化工具及方法

1. PP鸭 压缩软件

ppduck

简介

PP鸭 图片压缩神器,帮你的图片减减肥。

PP鸭整合了业内最优秀的数种开源的图片压缩算法,会自动根据图片特征自动选择压缩参数。只需要将图片拖入PP鸭,就能自动批量压缩,省时省心。

官网http://ppduck.com/

特点:极致的图片压缩效果,经过长时间反复调校和对比各种算法,PP鸭在品质,体积,速度三者间,帮你定位完美的平衡点

优点

  • 跨平台图片压缩软件(win&Mac),图片压缩能够在保证质量的情况下使图片容量更小。需要付费激活,但能免费试用10次(可循环)。
  • 适合独立的小项目,在发布之前进行手动优化,省时简单

查看全文

2016/10 06  周四

关于图片优化

前言

图片通常占据网页上下载字节的绝大部分,通常,也占据了大量的视觉空间。因此,优化图片通常可以最大程度地减少网站下载的字节数以及提高性能:浏览器下载的字节数越少,占用客户端的带宽就越少,浏览器下载并在屏幕上呈现有用内容的速度就越快。

图片优化既是一门艺术,也是一门科学:图片优化是一门艺术,是因为单个图片的压缩不存在最好的特定性方案,而图片优化之所以是一门科学,是因为许多开发得很出色的方法和算法可以明显减小图片的大小。要找到图片的最优设置,需要按照许多维度进行认真分析:格式能力、编码数据内容、像素尺寸等。

删除和替换图片

  • 删除不必要的图片资源
  • 尽可能利用 CSS3 效果
  • 使用网络字体取代在图片中进行文字编码

第一个要问您自己的问题应该是,要实现所需的效果,是否确实需要图片。好的设计应是简单的设计,而且始终可以提供最佳的性能。如果可以删除图片资源(与网页上的 HTML、CSS、 JavaScript 和其他资源相比,图片资源通常需要大量的字节),这始终是最佳的优化策略。俗话说,好的图片所传达的信息胜过千言万语,所以,您需要找到平衡点。 查看全文

2016/09 29  周四

纸飞机许愿

x

钢琴节奏

请选择弹奏的曲谱

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

    [返回曲谱列表]

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