Написал простенький скрипт на php ради эксперимента. Но когда он из картинки переводит в html+css то некоторые цвета получаются другие. Весит 6мб на выходе 400x300 может какой алгоритм подскажите для сжатия?
$filename = '1448642768_red-rose-360x640.jpg';
$size = getimagesize($filename);
$width = $size[0];
$height = $size[1];
$image = imageCreateFromJpeg($filename);
echo '
<!Doctype html>
<html lang="en">
<head>
<title>Test</title>
<meta charset="utf-8">
<style>
*{margin:0; padding:0; border:none;}
.image{width:'.$width.'px; height:'.$height.'px; margin:0 auto;}
.row{overflow:hidden;}
.box{float:left; width:1px; height:1px;}
</style>
</head>
<body>
<div class="image">';
for($y = 0; $y < $height; $y++){
for($x = 0; $x < $width; $x++){
$color[] = imagecolorat($image, $x, $y);
}
}
$pix = $x * $y;
echo $pix;
echo '<div class="row">';
for($i = 0; $i < $pix; $i++){
//if($i < 7000){
echo '<div class="box" style="background-color:#'.dechex($color[$i]).'"></div>';
//}
}
echo '</div>';
echo '</div>
</body>
</html>';
Средний