如何使用CFImage調整大小並實際縮小圖像文件大小？

Question

可能重複：
Why should I resize an image in Coldfusion if the file size doen't decrease and the quality of the image suffers?

我必須在這裏做得不對...使用Coldfuison8

我有一個產品搜索它在圖片來自外部服務器拉動，所以我需要在運行時設置圖像。

說我有一個jpg 500x500px 111kb，我從外部服務器抓取。

現在我這樣做：

<cfimage name="myImage" source="#bildpfad##bilddateiname#" action="read" /> 
<cfif IsImage(myImage) is true> 
    <cfscript> 
    ImageSetAntialiasing(myImage,"on"); 
    variables.breite = 400; 
     ImageScaleToFit(myImage, variables.breite,"", "highestPerformance"); 
    </cfscript> 
<cfxml variable="imageXml"> 
    <cfimage action="writetobrowser" source="#myImage#" /> 
</cfxml> 
<cfoutput><div class="resultsImgWrap">#imageXml#</div></cfoutput> 

這還好吧顯示圖像，但是當我檢查文件大小，我有

400x400px 111.2kB 

如果我使用的IrfanView例如，只是減少文件大小和保存圖像，我已經在65kb。

問題： 如何讓CFIMAGE縮小文件大小（如果我調整圖像大小）？如果大小保持在111kb，爲什麼要使用CFIMAGE，而不是簡單地將圖像添加爲純HTML。

**編輯「」：
變量Bildpfad和Bilddateiname將是這樣的：

bildpfad (path to image):   http://www.some-server.com/images/ 
bilddateiname (filename):   some_image123.jpg 

Answer 1

指定<cfimage>中的quality屬性。我不確定它是否適用於action="writeToBrowser"，但它應該。否則，請提交錯誤報告。

調整大小和壓縮是不同的事情。 :)

參見：Why should I resize an image in Coldfusion if the file size doen't decrease and the quality of the image suffers?

UPDATE

好消息，有得到它的工作的無證方式！參見：http://www.bennadel.com/blog/2405-Using-The-Quality-Attribute-With-The-CFImage-WriteToBrowser-Action.htm

<!--- Write out as a JPG at 20% (using "quality" attribute). ---> 
<cfimage 
    action="writeToBrowser" 
    source="#png#" 
    format="jpg" 
    quality=".2" 
    /> 

Answer 2

調整其大小不是爲了使文件大小的字節數小的圖像。它是通過高度和寬度使其變小。是的，通常圖像文件的大小變得越來越小。但是尺寸的減少取決於源圖像。

您可能希望將格式聲明爲png，因爲這可能有助於使文件變小。

而且，你爲什麼包裝在cfxml的cfimage標籤？這是一個無用的步驟，導致額外的處理和膨脹。

Answer 3

的使用的行動=‘writetobrowser’'將使用源圖像的副本。它會創建一個臨時文件，將其推送到瀏覽器並在以後銷燬。

下面是從CF 8文檔的一句話：

「使用writeToBrowser動作，而不將它們寫入文件直接顯示一個或多個圖像的ColdFusion的瀏覽器。」

我測試了你的代碼與CF8與一張大照片（4608x3456）@ 3.47MB。我的瀏覽器上顯示的圖像被調整爲400x300 @ 247.47KB。我使用Firefox右鍵單擊|查看圖像信息以獲取調整大小的圖像信息。您也可以使用Firebug |淨選項卡以獲取傳輸的圖像大小。

調整大小的圖像將位於「/ CFFileServlet/_cf_image /」中。

原始文件（＃bildpfad ## bilddateiname＃）的大小不會更改。

不要依賴於設計爲臨時文件的存在。暫時就是這個意思。即使它是相同的源圖像，在10分鐘後調整大小的文件名也可能不是相同的文件名。臨時文件也可以在不同版本的CF之間進行不同的處理。

如果您需要保留調整大小的圖像的副本，請使用action =「write」或action =「resize」作爲目標屬性，並將大小調整的圖像的副本保存到CF服務器上。

這裏是它如何可以工作的例子：

<!---assume that bildpfad can be different domains/folders---> 
<!---RegEx = remove protocol, replace '/' with '!', replace '.' with '~'---> 
<cfset slashReplacement = "!"> 
<cfset periodReplacement = "~"> 
<cfset imageFilename = REReplace(REReplace(REReplaceNoCase(bildpfad, "https?://", "", "one"), "\/", slashReplacement, "all"), "\.", periodReplacement, "all") & bilddateiname> 
<!---resizedImgDestination is a web path---> 
<cfset resizedImgDestination = "/images/resized/rs_#imageFilename#"> 
<!---debug info, can comment out when working---> 
<cfoutput>source = [#bildpfad##bilddateiname#]<br />destination = [#ExpandPath(resizedImgDestination)#]<br /></cfoutput> 
<!---/debug info, can comment out when working---> 
<cfif NOT FileExists(ExpandPath(resizedImgDestination))> 
    <cfhttp url="#bildpfad##bilddateiname#" result="stGetImg" resolveurl="no" useragent="Mozilla/5.0 (Windows NT 6.1; WOW64; rv:13.0) Gecko/20100101 Firefox/13.0.1" timeout="45" getasbinary="yes" throwonerror="no" /> 
    <cfset myImage = ImageNew(stGetImg.FileContent)> 
    <cfif IsImage(myImage)> 
     <cfimage action="resize" destination="#ExpandPath(resizedImgDestination)#" height="" isbase64="false" overwrite="true" source="#myImage#" width="400" /> 
    </cfif> 
</cfif> 
<cfoutput><img src="#resizedImgDestination#" /></cfoutput> 

通過保留高度爲空字符串，它會調整大小和縮放高度按比例匹配的寬度。

您將不得不從您的網站web根目錄創建'/ images/resized /'文件夾。

ExpandPath（）比使用靜態路徑定義更好。如果您不得不將網站移動到不同的服務器或操作系統，它將節省大量時間。

注：我更新了上面的代碼以更好地適應問題中變量的使用。我也改變了圖像的閱讀方式。我安裝了裝有CHF 4 +修補程序的CF 8.01，但在讀取遠程文件時，出現錯誤（在JPG處理中發生異常，段大小超出文件流長度）與cfimage。我的解決方案是使用cfhttp來讀取圖像。我還更新了代碼以使用更好的命名變量「resizedImgDestination」。