Умалени избражения на големи снимки ?

confiscate

Registered
Здравейте ,

Искам да Ви попитам, кой начин за създаване на умалени изображения води до по-голямо бързодействие на страницата на която се показват.

Предлагам 2 метода:

Първия с css
HTML:
<img src="" alt="" class="resize"/>
[css].resize {
max-width:150px;
max-height:150px;
width:auto;
height:auto;

}[/css]

Или с php функция
PHP:
$max_width_pic = 150; 
$max_height_pic = 150; 


function resize($pic)
{
	global $max_width_pic,$max_height_pic;
	list($width,$height) = getimagesize($pic);
    $ratio = $width / $height;
    
    if ($width > $max_width_pic || $height > $max_height_pic)
    {
        if ($width > $height)
        {
            $width = $max_width_pic;
            $height = $width / $ratio;
        }
        elseif ($width < $height)
        {
            $height = $max_height_pic;
            $width = $height * $ratio;
        }
        elseif ($width == $height)
        {
            $width = $max_width_pic;
            $height = $max_height_pic;
        }
    }
    $width = intval($width);
    $height = intval($height);
    return array("width" => $width, "height" => $height);
}

ПС: Съжалявам, ако темата не е за тук. :)

Поздрави и благодаря предварително за помощта!
 
Чрез CSS-а не ресайзваш нищо - картинката си е в пълния размер и големина, но с директива да се визуализира в определена рамка. Това не води до намаляване на трафика, отделно се изискват и ресурси и памет на клиента за визуализация.
При втрория вариант също нищо не се ресайзва - там само се изчисляват пропорционално страните при зададен касимум от 150px, но резултата е просто един масив с числа...
 
А как би се намалил размера на умаленото изображение? Трябва да си играя по някакъв начин с качеството ли?
 

Горе