2016-11-29 132 views
0

通常情况是这样,但我是一个特殊的孩子。如何将图像转换为CSS

所以我想知道什么是最有效的方法是将整个图像转换为CSS渲染图像,我做了会

获取图像(使用PHP的形象从JPEG创建)的方法

获取图像

循环图像的高度,宽度/高度,然后在环 - 环宽度

在宽度循环,得到当前POSITI的颜色上(次循环/高度循环迭代(X,Y)) 显示在一个div(宽度= 1px的;高度= 1px的; RGB(R,G,B))

但这似乎需要真的很长的时间来渲染,因为它显示数以千计甚至数百万个div来渲染一个图像,所以我想知道是否有另一种方式来显示从图像获取hex/rgb colors的图像。

在某种程度上 - 寻找到显示数据的像素的最快方式,我明白了一个div是不是最好的,由于它的意思是保存数据,等等...

+0

使用datauris,base64。并将其添加为背景。有很多在线转换器。我也建议先优化图像。试试这个[优化器](https://tinypng.com)和这个[转换器](https://duri.me)。我一直在使用这些,而且非常好。 – pol

+1

[我可以将图像转换为CSS3吗?](http://stackoverflow.com/questions/18171889/can-i-convert-an-image-to-css3) – MYGz

回答