2011-09-12 13 views
1

私は3つの画像を横に並べて、横に並べてWebページに収まるようにしています、彼らは様々な割合のもので、私は彼らが特定の高さ(計算される)を共有することを終了します。だから私のページの幅が 't'で、イメージの現在のサイズがh1 x w1、h2 x w2、h3 x w3であるとしましょう。画像を一定の幅に合わせてどのように拡大縮小しますか?

私は2つのイメージの式を計算しましたが、 3以上の周りの頭:

(h1*h2*t)/(w1*h2 + h1*w2) 
+0

「特定の高さ」とは何ですか?私はそれがあなたが計算しようとしているものだと知っていますが、私はそれが表すべきものを理解していません。 't'でフィッティングしながら可能な最大の高さですか? – Vache

+0

@Vacheはい、それはまだ最大の高さですt –

答えて

4

あなたは尊重しなければならない条件は次のとおりです。

knはその新しい高さと画像の元の比率を維持するために幅に適用されるスケーリング定数である
k1*w1 + k2*w2 + ... + kn*wn = t 

我々はh_newは、すべての画像のための新しい高さで

kn = h_new/hn 
と言うことができます。そこからすべての置換と孤立があります

h_new*w1/h1 + h_new*w2/h2 + ... + h_new*wn/hn = t 
h_new * (w1/h1 + w2/h2 + ... + wn/hn) = t 
h_new = t/(w1/h1 + w2/h2 + ... + wn/hn) 

私は完全に間違っていると思います! :)

+0

ありがとう、それだ! –

+0

そうですね。 – Chris

1

JavaScriptのフォトショップCS5スクリプトを書いて、@ vacheの公式に基づいて開いている画像をサイズ変更して保存しました。誰かがそれが有用であることを願って:

var outputFolder = Folder.selectDialog("Select a folder for the output files") 

if(outputFolder != null) { 
    var startRulerUnits = app.preferences.rulerUnits 
    var startDisplayDialogs = app.displayDialogs 
    // Set Adobe Photoshop CS5 to use pixels and display no dialogs 
    app.preferences.rulerUnits = Units.PIXELS 
    app.displayDialogs = DialogModes.NO 

    do { 
     var totalWidth = parseInt(prompt("How wide do they need to fit into?", 844)); 
    } 
    while(totalWidth <= 0 || isNaN(totalWidth)); 
    var DL = documents.length; 
    var totalArea = 0; 

    for(a=0;a<DL;a++){ 
     var cur = documents[a]; 
     totalArea += cur.width/cur.height; 
    } 
    var newHeight = totalWidth/totalArea; 

    for(a=1;a<=DL;a++){ 

     activeDocument = documents[a-1]; 
     var AD=activeDocument; 
     // bring to front 
     app.activeDocument = AD; 
     AD.changeMode(ChangeMode.RGB); 
     var imgName= AD.name.toLowerCase(); 
     imgName = imgName.substr(0, imgName.length -4); 
     AD.flatten(); 

     AD.resizeImage(null,UnitValue(newHeight,"px"),null,ResampleMethod.BICUBIC); 
     //AD.resizeImage(UnitValue(newWidth,"px"),null,null,ResampleMethod.BICUBIC); 

     saveForWeb(outputFolder, imgName, AD);    
    } 

    // Close all the open documents 
    while (app.documents.length) { 
     app.activeDocument.close(SaveOptions.DONOTSAVECHANGES) 
    } 
    // Reset the application preferences 
    app.preferences.rulerUnits = startRulerUnits; 
    app.displayDialogs = startDisplayDialogs; 
} 

function saveForWeb(outputFolderStr, filename, AD) 
{ 
    var opts, file; 
    opts = new ExportOptionsSaveForWeb(); 
    opts.format = SaveDocumentType.JPEG; 
    opts.quality = 80; 
    if (filename.length > 27) { 
     file = new File(outputFolderStr + "/temp.jpg"); 
     AD.exportDocument(file, ExportType.SAVEFORWEB, opts); 
     file.rename(filename + ".jpg"); 
    } 
    else { 
     file = new File(outputFolderStr + "/" + filename + ".jpg"); 
     AD.exportDocument(file, ExportType.SAVEFORWEB, opts); 
    } 
} 
関連する問題