Как исправить обрезку миниатюр в каталоге?

[zek24]

Тема создана по просьбе пользователя Для просмотра ссылки Войди или Зарегистрируйся

 

[Dzim]

В каталоге миниатюры обрезаются, что не есть хорошо.
Пример, Для просмотра ссылки Войди или Зарегистрируйся
Пытался править system/image - ложится сайт, наверное руки не оттуда

 

[sol_los]

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

можно еще сделать скрипт на проверку пропорциональности и добавлять ближайшими пикселями

 

[Dzim]

еще забыл такой момент упомянуть, в рекомендуемых обрезка изображения происходит вот так Для просмотра ссылки Войди или Зарегистрируйся

на всякий случай выкладываю sys/lib/image.php

Спойлер: image.php

<?php
class Image {
private $file;
private $image;
private $info;

public function __construct($file) {
if (file_exists($file)) {
$this->file = $file;

$info = getimagesize($file);

$this->info = array(
'width' => $info[0],
'height' => $info[1],
'bits' => isset($info['bits']) ? $info['bits'] : '',
'mime' => isset($info['mime']) ? $info['mime'] : ''
);

$this->image = $this->create($file);
} else {
exit('Error: Could not load image ' . $file . '!');
}
}

private function create($image) {
$mime = $this->info['mime'];

if ($mime == 'image/gif') {
return imagecreatefromgif ($image);
} elseif ($mime == 'image/png') {
return imagecreatefrompng($image);
} elseif ($mime == 'image/jpeg') {
return imagecreatefromjpeg($image);
}
}

public function save($file, $quality = 90) {
$info = pathinfo($file);

$extension = strtolower($info['extension']);

if (is_resource($this->image)) {
if ($extension == 'jpeg' || $extension == 'jpg') {
imagejpeg($this->image, $file, $quality);
} elseif ($extension == 'png') {
imagepng($this->image, $file);
} elseif ($extension == 'gif') {
imagegif ($this->image, $file);
}

imagedestroy($this->image);
}
}

public function resize($width = 0, $height = 0, $default = '') {
if (!$this->info['width'] || !$this->info['height']) {
return;
}

$xpos = 0;
$ypos = 0;
$scale = 1;

$scale_w = $width / $this->info['width'];
$scale_h = $height / $this->info['height'];

if ($default == 'w') {
$scale = $scale_w;
} elseif ($default == 'h') {
$scale = $scale_h;
} else {
$scale = min($scale_w, $scale_h);
}

if ($scale == 1 && $scale_h == $scale_w && $this->info['mime'] != 'image/png') {
return;
}

$new_width = (int)($this->info['width'] * $scale);
$new_height = (int)($this->info['height'] * $scale);
$xpos = (int)(($width - $new_width) / 2);
$ypos = (int)(($height - $new_height) / 2);

$image_old = $this->image;
$this->image = imagecreatetruecolor($width, $height);

if (isset($this->info['mime']) && $this->info['mime'] == 'image/png') {
imagealphablending($this->image, false);
imagesavealpha($this->image, true);
$background = imagecolorallocatealpha($this->image, 26, 26, 26, 127);
imagecolortransparent($this->image, $background);
} else {
$background = imagecolorallocate($this->image, 255, 255, 255);
}

imagefilledrectangle($this->image, 0, 0, $width, $height, $background);

imagecopyresampled($this->image, $image_old, $xpos, $ypos, 0, 0, $new_width, $new_height, $this->info['width'], $this->info['height']);
imagedestroy($image_old);

$this->info['width'] = $width;
$this->info['height'] = $height;
}




###################################################
#
# - Jerome Bohg - 05 juli 2011
#
# custom functie gemaakt om uitsnedes te maken
# voor images ipv de hele foto weer te geven met
# witrumte eromheen
#

public function cropsize($width = 0, $height = 0) {

if (!$this->info['width'] || !$this->info['height']) {
return;
}

//afmetingen bepalen
$photo_width = $this->info['width'];
$photo_height = $this->info['height'];

$new_width = $width;
$new_height = $height;

//als foto te hoog is
if (($photo_width/$new_width) < ($photo_height/$new_height)) {

$from_y = ceil(($photo_height - ($new_height * $photo_width / $new_width))/2);
$from_x = '0';
$photo_y = ceil(($new_height * $photo_width / $new_width));
$photo_x = $photo_width;

}

//als foto te breed is
if (($photo_height/$new_height) < ($photo_width/$new_width)) {

$from_x = ceil(($photo_width - ($new_width * $photo_height / $new_height))/2);
$from_y = '0';
$photo_x = ceil(($new_width * $photo_height / $new_height));
$photo_y = $photo_height;

}

//als verhoudingen gelijk zijn
if (($photo_width/$new_width) == ($photo_height/$new_height)) {

$from_x = ceil(($photo_width - ($new_width * $photo_height / $new_height))/2);
$from_y = '0';
$photo_x = ceil(($new_width * $photo_height / $new_height));
$photo_y = $photo_height;

}


$image_old = $this->image;
$this->image = imagecreatetruecolor($width, $height);

if (isset($this->info['mime']) && $this->info['mime'] == 'image/png') {
imagealphablending($this->image, false);
imagesavealpha($this->image, true);
$background = imagecolorallocatealpha($this->image, 255, 255, 255, 127);
imagecolortransparent($this->image, $background);
} else {
$background = imagecolorallocate($this->image, 255, 255, 255);
}

imagefilledrectangle($this->image, 0, 0, $width, $height, $background);


imagecopyresampled($this->image, $image_old, 0, 0, $from_x, $from_y, $new_width, $new_height, $photo_x, $photo_y);
imagedestroy($image_old);

$this->info['width'] = $width;
$this->info['height'] = $height;


}


###################################################
#
# - Jerome Bohg - 12 juli 2011
#
# custom functie gemaakt om foto's te verschalen
# zonder witruimte er omheen.
#

public function onesize($maxsize = 0) {

if (!$this->info['width'] || !$this->info['height']) {
return;
}

//afmetingen bepalen
$photo_width = $this->info['width'];
$photo_height = $this->info['height'];


// calculate dimensions
if ($photo_width > $maxsize OR $photo_height > $maxsize) {

if ($photo_width == $photo_height) {

$width = $maxsize;
$height = $maxsize;

}elseif($photo_width > $photo_height) {

$scale = $photo_width / $maxsize;
$width = $maxsize;
$height = round ($photo_height / $scale);

}else{

$scale = $photo_height / $maxsize;
$height = $maxsize;
$width = round ($photo_width / $scale);

}

}else{

$width = $photo_width;
$height = $photo_height;

}

// and bring it all to live
$image_old = $this->image;
$this->image = imagecreatetruecolor($width, $height);

if (isset($this->info['mime']) && $this->info['mime'] == 'image/png') {
imagealphablending($this->image, false);
imagesavealpha($this->image, true);
$background = imagecolorallocatealpha($this->image, 255, 255, 255, 127);
imagecolortransparent($this->image, $background);
} else {
$background = imagecolorallocate($this->image, 255, 255, 255);
}

imagefilledrectangle($this->image, 0, 0, $width, $height, $background);


imagecopyresampled($this->image, $image_old, 0, 0, 0, 0, $width, $height, $photo_width, $photo_height);
imagedestroy($image_old);

$this->info['width'] = $width;
$this->info['height'] = $height;


}


###################################################





public function watermark($file, $position = 'bottomright') {
$watermark = $this->create($file);

$watermark_width = imagesx($watermark);
$watermark_height = imagesy($watermark);

switch($position) {
case 'topleft':
$watermark_pos_x = 0;
$watermark_pos_y = 0;
break;
case 'topright':
$watermark_pos_x = $this->info['width'] - $watermark_width;
$watermark_pos_y = 0;
break;
case 'bottomleft':
$watermark_pos_x = 0;
$watermark_pos_y = $this->info['height'] - $watermark_height;
break;
case 'bottomright':
$watermark_pos_x = $this->info['width'] - $watermark_width;
$watermark_pos_y = $this->info['height'] - $watermark_height;
break;
}

imagecopy($this->image, $watermark, $watermark_pos_x, $watermark_pos_y, 0, 0, 120, 40);

imagedestroy($watermark);
}

public function crop($top_x, $top_y, $bottom_x, $bottom_y) {
$image_old = $this->image;
$this->image = imagecreatetruecolor($bottom_x - $top_x, $bottom_y - $top_y);

imagecopy($this->image, $image_old, 0, 0, $top_x, $top_y, $this->info['width'], $this->info['height']);
imagedestroy($image_old);

$this->info['width'] = $bottom_x - $top_x;
$this->info['height'] = $bottom_y - $top_y;
}

public function rotate($degree, $color = 'FFFFFF') {
$rgb = $this->html2rgb($color);

$this->image = imagerotate($this->image, $degree, imagecolorallocate($this->image, $rgb[0], $rgb[1], $rgb[2]));

$this->info['width'] = imagesx($this->image);
$this->info['height'] = imagesy($this->image);
}

private function filter($filter) {
imagefilter($this->image, $filter);
}

private function text($text, $x = 0, $y = 0, $size = 5, $color = '000000') {
$rgb = $this->html2rgb($color);

imagestring($this->image, $size, $x, $y, $text, imagecolorallocate($this->image, $rgb[0], $rgb[1], $rgb[2]));
}

private function merge($file, $x = 0, $y = 0, $opacity = 100) {
$merge = $this->create($file);

$merge_width = imagesx($merge);
$merge_height = imagesy($merge);

imagecopymerge($this->image, $merge, $x, $y, 0, 0, $merge_width, $merge_height, $opacity);
}

private function html2rgb($color) {
if ($color[0] == '#') {
$color = substr($color, 1);
}

if (strlen($color) == 6) {
list($r, $g, $b) = array($color[0] . $color[1], $color[2] . $color[3], $color[4] . $color[5]);
} elseif (strlen($color) == 3) {
list($r, $g, $b) = array($color[0] . $color[0], $color[1] . $color[1], $color[2] . $color[2]);
} else {
return false;
}

$r = hexdec($r);
$g = hexdec($g);
$b = hexdec($b);

return array($r, $g, $b);
}
}

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

можно еще сделать скрипт на проверку пропорциональности и добавлять ближайшими пикселями

так фотки и так стоят 4/3

 

[sol_los]

sys/lib/image.php

библиотека здесь непричем, свои функции она выполняет

а вот различия в рекомендуемых и обычных - это может быть показателем настройки вывода в шаблоне или css шаблона

 

[Dzim]

библиотека здесь непричем, свои функции она выполняет

а вот различия в рекомендуемых и обычных - это может быть показателем настройки вывода в шаблоне или css шаблона

куда и что смотреть?

 

[sol_los]

куда и что смотреть?

а вы посмотрите в Dom на ссылки в изображениях - увидите текущий размер картинки и реальный размер (natural)

основная проблема у вас это картинки 4:3 - а вывести вы их пытаетесь в квадрат, т.е. ширина не равна высоте.
в рекомендованных скорее всего вываливаются оригинальные картинки.

поэтому либо картинки должны изначально идти 600x600, например, и ресайзиться соответсвенно 230x230, либо приходить 640x480 и ресайзиться соответсвенно 230x170

 

[Dzim]

а вы посмотрите в Dom на ссылки в изображениях - увидите текущий размер картинки и реальный размер (natural)

основная проблема у вас это картинки 4:3 - а вывести вы их пытаетесь в квадрат, т.е. ширина не равна высоте.
в рекомендованных скорее всего вываливаются оригинальные картинки.

поэтому либо картинки должны изначально идти 600x600, например, и ресайзиться соответсвенно 230x230, либо приходить 640x480 и ресайзиться соответсвенно 230x170

а ведь действительно в настройках стоит обрезка по квадрату везде 500*500, 72*72, 230*230 и тд