Skip to content

Image to CSS

by Vinícius Krolow on março 13th, 2009

De uma idéia de um amigo ao código, transformar imagem em CSS, missão simples:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<style>
html {
	font-size:1px;
}
span {
	width:1px; 
	height:1px;
	float:left; 
	display:block;
}
</style>
< ?php
	$src = 'image.png';	
	$size = getimagesize($src);
	$img = imagecreatefrompng($src);
	echo '<div style="width:',$size[0],'px; height:',$size[1],'px;">';
	for ($i=1;$i< =$size[1];$i++) {
		for ($j=1;$j<=$size[0];$j++) {
			$rgb = imagecolorat($img, $j, $i);
			$r = ($rgb >> 16) & 0xFF;
			$g = ($rgb >> 8) & 0xFF;
			$b = $rgb & 0xFF;	
			echo '<span style="background: rgb(',$r,',',$g,',',$b,');"></span>';		
		}
		$j = 1;
	}	
	echo '';
?>

Versão 0.1, da para melhorar bastante coisa no código. O resultado pode conferir aqui, onde pus minha foto em CSS.

From → php, programação

No comments yet

Leave a Reply

Note: XHTML is allowed. Your email address will never be published.

Subscribe to this comment feed via RSS