حفظ تناسب اندازه ی تصاویر

[ali abedian]

سلام
من با یک دستور در Php همه ی فایلهای موجود درون یک فولدر رو لیست میکنم و تصاویر رو به صورت عکس نمایش میدم
حالا میخوام تصاویر نمایش داده شده به اندازه های کوچیک و نهایتا ۱۵۰ پیکسل نمایشده داده بشن ولی نمیخوام عکسها دفورمه بشن
یعنی میخوام طول عکس بشه حداکثر ۱۵۰ و عرض عکس متناسب با طول تغییر کنه
در ضمن نمیخوام عکسی که مثلا طولش هست ۱۰۰ ، به طول ۱۵۰ تغییر پیدا کنه و نمایش داده بشه.. میخوام همون با طول ۱۰۰ نمایش داده بشه

[ali abedian]

اینو براش پیدا کردم
http://www.faridportal.com/%D9%85%D9%82%D8%A7%D9%84%D8%A7%D8%AA/13-learn-html/116-1389-08-04-05-25-53.html

اما برای تناسبش خوب توضیح نداده ممنون میشم درستش رو توضیح بدید

[desatir7316]

چرا از فریم ورک های css مثل bootstrap و ... استفاده نمی کنید؟
بجز این مسئله می تونه توی خیلی دیگه از چیزها مربوط به UI کمکتون کنه

[Unique]

شما میخواین عکس را scale کنید. برای این کار باید از توابع GD یا ImageMagick استفاده کنید.

ImageMagick که خیلی راحته البته اگه رو سیستمتون نصب باشه :
مثلا اگه بخوایم Width عکس ۳۰۰ باشه :

$im = new Imagick('example.jpg');
$im->scaleImage(300, 0);

با توابع GD هم میشه :

function resize_image($file, $w, $h, $crop=FALSE) {
list($width, $height) = getimagesize($file);
$r = $width / $height;
if ($crop) {
if ($width > $height) {
$width = ceil($width-($width*abs($r-$w/$h)));
} else {
$height = ceil($height-($height*abs($r-$w/$h)));
}
$newwidth = $w;
$newheight = $h;
} else {
if ($w/$h > $r) {
$newwidth = $h*$r;
$newheight = $h;
} else {
$newheight = $w/$r;
$newwidth = $w;
}
}
$src = imagecreatefromjpeg($file);
$dst = imagecreatetruecolor($newwidth, $newheight);
imagecopyresampled($dst, $src, 0, 0, 0, 0, $newwidth, $newheight, $width, $height);

return $dst;
}


حالا اینطوری استفاده میکنیم :

$img = resize_image(‘/path/to/some/image.jpg’, 200, 200);

این هم یک کلاس (https://github.com/eventviva/php-image-resize) خیلی خوب که توضیحاتش کامله و میتونید استفاده کنید.

[ali abedian]

من از مرورگر آپدیت شده ی کروم استفاده میکنم..
وقتی به صورت عادی تنظیم کردم که عرض تصاویر مثلا باشه ۳۰۰ پیکسل! ارتفاع تصاویر هم خود بخود به نسبت عرضش کوچیک میشه!
یا اینکه من اشتباه میکنم؟!!!!
آیا در نسخه های جدید مرورگرها این اتفاق بصورت خودکار میافته؟
اگر اینطوره از کدوم نسخه هاشون به بعد این اتفاق افتاده؟!
متشکر از راهنماییتون