web-dev-qa-db-ja.com

比例画像サイズ変更

画像を適切に事前定義されたサイズにスケーリングするのに少し問題があります。それは純粋に数学なので、すべての言語（PHP、ActionScript、Javascriptなど）で画像を比例的にスケーリングするために機能するある種の一般的な論理アルゴリズムがあるかどうか疑問に思いました。

私は現在これを使用しています：

var maxHeight   = 300;
var maxWidth    = 300;

var ratio:Number    =   height / width;

if (height > maxHeight) {
    height = maxHeight;
    width = Math.round(height / ratio);
} 

else if(width > maxWidth) {
    width = maxWidth;
    height = Math.round(width * ratio);
}

しかし、それは正しく機能しません。画像は比例して拡大縮小されますが、サイズは300（幅または高さ）に設定されていません。それは理にかなっていますが、画像を比例して拡大縮小するための絶対確実で簡単な方法があるかどうか疑問に思いました。

language-agnosticimage-manipulation
31
Hot Pixel
ratio = MIN( maxWidth / width, maxHeight/ height );
width = ratio * width;
height = ratio * height;

すべての除算が浮動小数点であることを確認してください。

64
Dark Shikari

ダークシカリはそれを持っています。あなたがそうではないので、質問で述べられているあなたの解決策は失敗します 最初 どの次元のサイズと最大サイズの比率が大きいかを確立し、 その後 その大きな比率で両方の次元を減らします。

現在のソリューションでは、1つの潜在的な次元違反と、もう1つの潜在的な次元違反の連続的な条件付き分析を使用しても機能しません。

あなたがしたい場合にも注意してください 高級 画像、あなたの現在の解決策は飛ばないでしょう、そしてダークシカリは再び飛ぶでしょう。

4
Josh Millard

このコードを自分で書かないことをお勧めします。正しく理解するのに真剣に取り組むピクセルレベルの詳細は無数にあります。 ImageMagickを使用してください。これは最高のグラフィックライブラリです。

2
Alex Weinstein

これが私がそれをする方法です：

+ (NSSize) scaleHeight:(NSSize)origSize 
             newHeight:(CGFloat)height {

    NSSize newSize = NSZeroSize;
    if ( origSize.height == 0 ) return newSize;

    newSize.height = height;
    CGFloat factor = ( height / origSize.height );
    newSize.width  = (origSize.width * factor );

    return newSize;
}

+ (NSSize) scaleWidth:(NSSize)origSize 
             newWidth:(CGFloat)width {

    NSSize newSize = NSZeroSize;
    if ( origSize.width == 0 ) return newSize;

    newSize.width  = width;
    CGFloat factor = ( width / origSize.width );
    newSize.height = (origSize.height * factor );

    return newSize;
}
1
Arvin

この関数を比例してスケーリングするように作成しました。指定された幅、高さ、およびオプションで必要な最大幅/高さを使用します（指定された幅と高さに依存します）

   function scaleProportional($img_w,$img_h,$max=50)
   {
       $w = 0;
       $h = 0;

       $img_w > $img_h ? $w = $img_w / $img_h : $w = 1;
       $img_h > $img_w ? $h = $img_h / $img_w : $h = 1;

       $ws = $w > $h ? $ws = ($w / $w) * $max : $ws = (1 / $h) * $max;
       $hs = $h > $w ? $hs = ($h / $h) * $max : $hs = (1 / $w) * $max;

       return array(
           'width'=>$ws,
           'height'=>$hs
       );
   }

使用法：

            $getScale = scaleProportional(600,200,500);
            $targ_w = $getScale['width']; //returns 500
            $targ_h = $getScale['height']; //returns 16,6666667
0
Nicholas

これが私のサイト用に開発した機能です。あなたが使いたいと思うかもしれません。それは上記のあなたの答えに基づいています。

画像処理だけでなく、他のことも行います-不要なものはすべて削除してください。

<?php

$thumb_width    = 500;
$thumb_height   = 500;

if ($handle = opendir('to-do')) {
    echo "Directory handle: $handle<br />";
    echo "Files:<br /><br />";

    /* This is the correct way to loop over the directory. */
    while (false !== ($file = readdir($handle))) {

        if ( ($file != ".") && ($file != "..") ){
            echo "$file";

            $original_path = "to-do/" . $file;

            $source_image = ImageCreateFromJPEG( $original_path );
            $thumb_width = $thumb_width;
            $thumb_height = $thumb_height;

            // Create the image, of the required size
            $thumbnail = imagecreatetruecolor($thumb_width, $thumb_height);
            if($thumbnail === false) {
                //creation failed -- probably not enough memory
                return null;
            }

            // Fill the image with a white color (this will be visible in the padding around the image,
            // if the aspect ratios of the image and the thumbnail do not match)
            // Replace this with any color you want, or comment it out for black.
            // I used grey for testing =)
            $fill = imagecolorallocate($thumbnail, 255, 255, 255);
            imagefill($thumbnail, 0, 0, $fill);

            // Compute resize ratio
            $hratio = $thumb_height / imagesy($source_image);
            $wratio = $thumb_width / imagesx($source_image);
            $ratio = min($hratio, $wratio);

            // If the source is smaller than the thumbnail size, 
            // Don't resize -- add a margin instead
            // (that is, dont magnify images)
            if ($ratio > 1.0)
                $ratio = 1.0;

            // Compute sizes
            $sy = floor(imagesy($source_image) * $ratio);
            $sx = floor(imagesx($source_image) * $ratio);

            // Compute margins
            // Using these margins centers the image in the thumbnail.
            // If you always want the image to the top left, set both of these to 0
            $m_y = floor(($thumb_height - $sy) / 2);
            $m_x = floor(($thumb_width - $sx) / 2);

            // Copy the image data, and resample
            // If you want a fast and ugly thumbnail, replace imagecopyresampled with imagecopyresized
            if (!imagecopyresampled($thumbnail, $source_image,
                $m_x, $m_y, //dest x, y (margins)
                0, 0, //src x, y (0,0 means top left)
                $sx, $sy,//dest w, h (resample to this size (computed above)
                imagesx($source_image), imagesy($source_image)) //src w, h (the full size of the original)
            ) {
                //copy failed
                imagedestroy($thumbnail);
                return null;
            }

            /* Set the new file name */
            $thumbnail_file_name = $file;

            /* Apply changes on the original image and write the result on the disk */
            ImageJPEG( $thumbnail, $complete_path . "done/" . $thumbnail_file_name );
            unset($source_image);
            unset($thumbnail);
            unset($original_path);
            unset($targeted_image_size);

            echo " done<br />";

        }

    }

    closedir($handle);
}

?>
0
Bogdan Ciocoiu