Page 1 of 1

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

Posted: Sat Jan 31, 2015 7:54 pm
by confiscate
Здравейте ,

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

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

Първия с css
[html]<img src="" alt="" class="resize"/>[/html]
[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);
}

[/php]

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

Поздрави и благодаря предварително за помощта!

Posted: Sat Jan 31, 2015 8:12 pm
by lamerko
Чрез CSS-а не ресайзваш нищо - картинката си е в пълния размер и големина, но с директива да се визуализира в определена рамка. Това не води до намаляване на трафика, отделно се изискват и ресурси и памет на клиента за визуализация.
При втрория вариант също нищо не се ресайзва - там само се изчисляват пропорционално страните при зададен касимум от 150px, но резултата е просто един масив с числа...

Posted: Sat Jan 31, 2015 8:24 pm
by confiscate
А как би се намалил размера на умаленото изображение? Трябва да си играя по някакъв начин с качеството ли?

Posted: Sun Feb 01, 2015 9:35 am
by Doris
Може би ти трябва нещо такова:


http://webcheatsheet.com/php/create_thu ... images.php