css - 为 web 无情地压缩大图像?

标签 css image html optimization photoshop

我有一个非常大的背景图像(大约 940x940 像素),我想知道是否有人有关于将这么大的文件压缩到 Photoshop 无法处理的程度的提示? Photoshop 没有严重质量损失的最佳压缩格式是 PNG 8 (250 KB);有谁知道比这更进一步压缩图像的方法(也许在保存后压缩 PNG)?

最佳答案

它是什么图像,这会影响您应该如何压缩它?

如果是照片,通过 jpegmini.com 运行它,如果它是更多基于图标的 PNG 是更好的选择,并且有许多工具可以提供帮助,例如 ImageOptim、pngmini.com、pngquant,(这里有一些其他的 - http://www.phpied.com/png-optimization-tools/ )

如果它是矢量,你可以将它转换为 SVG - 这对某些浏览器来说是个问题,但你可以优雅地降级。

最后,如果它是类似渐变的东西,你能用 CSS 替换它并为其他浏览器降级吗?

给我们看图片,我们可以给你更好的提示

关于css - 为 web 无情地压缩大图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10461976/

相关文章:

html - CSS 按钮阴影?

jquery - 隐藏在div后面的下拉菜单

image - 如何保存透明的png文件?

css - 具有 padding-left 属性的 DIV 被推到右边

JavaScript,创建带有链接的 div,然后通过单击所述 div 删除

html - 网站的跨浏览器兼容性

html - 具有 transform 属性的元素内的子元素 z-index

c# - 如何使用 javascript 将 blob 图像从 html 页面上传到 C# 代码

javascript - 如何将变量传递给事件处理程序?

javascript - 'bind to click event' 范围的解释