Автоматическое уменьшение размера изображения

Под способом понимается "дайте готовый скрипт"? Не думаю, что такой найдете, смотрите примеры, их очень много...

я только спросил существуют ли способы, а не просил ничего мне предоставлять

<img style="max-width: 50px; max-height: 50px;" src="image.jpg" />

На IE работать не будет, для него только по одной стороне:

<img style="width: 50px;" src="image.jpg" />

Вторая изменится автоматически, с сохранением пропорций.

Нужно определить наибольшую сторону, поэтому только средствами HTML+CSS справиться не удастся. С Javascript в принципе вполне решаемая задача.

Если можно использовать PHP, то с этой задачей отлично справится легкий скрипт TimThumb.php

Я когда то нашел какие то начинания, почитал/подпилил и в итоге получилась такая функция. Она естественно адаптирована под мои нужды

function image_resize($filename, $smallimage, $w, $h) 
	{ 
        // получим размеры исходного изображения 
        $size_img = getimagesize($filename); 
        
        // Если размеры меньше, то масштабирования не нужно         
        if (($size_img[0]<$w) && ($size_img[1]<$h)) 
			{
				return false;
			}

        // получим коэффициент сжатия исходного изображения 
        $src_ratio=$size_img[0]/$size_img[1]; 

        if ($src_ratio>=1) //горизонтальная картинка
            { 
             $new_height=$h;
             $new_width=$new_height*$src_ratio;
            // создадим пустое изображение по заданным размерам  
            $dest_img = imagecreatetruecolor($new_width,  $new_height);   
            $white = imagecolorallocate($dest_img, 255, 255, 255);        
            if ($size_img[2]==2)  $src_img = imagecreatefromjpeg($filename);                       
            else if ($size_img[2]==1) $src_img = imagecreatefromgif($filename);                       
            else if ($size_img[2]==3) $src_img = imagecreatefrompng($filename);  
            // масштабируем изображение 
            imagecopyresampled($dest_img, $src_img, 0, 0, 0, 0, $new_width, $new_height, $size_img[0], $size_img[1]);     
                  
            } 
        else  //вертикальная картинка
            { 
             
             $new_width=$w; 
             $new_height=$new_width/$src_ratio;
            $dest_img = imagecreatetruecolor($new_width,  $new_height);   
            $white = imagecolorallocate($dest_img, 255, 255, 255);        
            if ($size_img[2]==2)  $src_img = imagecreatefromjpeg($filename);                       
            else if ($size_img[2]==1) $src_img = imagecreatefromgif($filename);                       
            else if ($size_img[2]==3) $src_img = imagecreatefrompng($filename);  
            // масштабируем изображение 
            imagecopyresampled($dest_img, $src_img, 0, 0, 0, 0,  $new_width, $new_height, $size_img[0], $size_img[1]);     
            } 
			
        // сохраняем уменьшенную копию в файл  
        if ($size_img[2]==2)  imagejpeg($dest_img, $smallimage);                       
        else if ($size_img[2]==1) imagegif($dest_img, $smallimage);                       
        else if ($size_img[2]==3) imagepng($dest_img, $smallimage);  
        // чистим память от созданных изображений 
        imagedestroy($dest_img); 
        imagedestroy($src_img); 
        return true;
	}  

А вот ее использование

if (image_resize($avatar_file, $avatar_file_name_, 120, 160)) ...

А на страницу вывожу в ДИВе с размерами мне нужными (120 х 160 например) с

background-repeat: no-repeat;
background-position: center;

а background-image ставлю преобразованную картинку