размер изображения

[Sub-zerro]

Подскажите пожалуйста, есть две картинки, к примеру 100px на 800px и 800px на 100px, как сделать так чтобы вписать эти картинки в квадраты 200 на 200 пропорционально, сохраняя отношение высоты к ширине, то есть первая бы стала 25px на 200px, а вторая 200px на 25px?

и еще пользуясь случаем хочу спросить как правильно указывать src="рисунок.jpg" для кирриллицы? на некоторых хостингах насколько я знаю, так работать не будет, спасибо

[d0ublezer0]

На коленке накидал (на работу опаздываю), так примерно должно работать.

<div class="square"><img id="vert" src="pic_vert"></div>
<div class="square"><img id="hor" src="pic_hor"></div>

.square {
width:100px;
height:100px;
position:absolute;
left:0;
top:0;
}

img#vert {
height:100%;}
img#hor {
width:100%;}

[Int]

$img=rawurlencode('рисунок.jpg');
echo '<img src="'.$img.'">'

$x=100;
$y=800;		//для примера
if ($x >= $y)
{
	$x2=200;
	$y2=$y/$x*200;
}
else
{
	$y2=200;
	$x2=$x/$y*200;
}

echo $x2.':'.$y2;

Edited July 15, 2010 by Int

[d0ublezer0]

Int, сильно. Только не факт, что у него PHP доступен.

[Int]

Пишу как умею.

[Sub-zerro]

d0ublezer0, Int, спасибо, вопшем у меня на хтмл не получилсь сделать по человечески - чтобы независимо от того картинка щире или выше автоматически отображалась как надо, но получилось на пхп

$size = getimagesize("image.jpg");
$hieght=$size[1]; //высота картинки
$width=$size[0]; //ширина картинки

потом ширина и высота подгоняються как надо

Edited July 16, 2010 by Sub-zerro