無需軟件 HTML5在線編輯圖片

萬立夫

我們經(jīng)常需要對(duì)圖片進(jìn)行裁剪、編輯、美化等操作，而這些操作都需要通過圖片編輯軟件來完成。如果是批量進(jìn)行操作的話往往還需要使用一些專業(yè)的軟件，如果系統(tǒng)里面沒有這些軟件而用戶又不想下載安裝的話，那么現(xiàn)在可以通過一些瀏覽器的HTML5服務(wù)來操作。

智能裁剪圖片大小尺寸

想對(duì)圖片進(jìn)行裁剪操作的話，那么通過瀏覽器登錄“Smart Resize”這項(xiàng)服務(wù)的網(wǎng)站（https：// www.smartresize.com/），登錄以后將網(wǎng)頁滾動(dòng)到瀏覽器的最下方。我們點(diǎn)擊其中的“簡(jiǎn)體中文”選項(xiàng)后，使操作界面切換到熟悉的簡(jiǎn)體中文。接下來用戶根據(jù)自己的需要，點(diǎn)擊網(wǎng)頁左側(cè)的“上傳多張圖片”或者“上傳單張圖片”按鈕，在彈出的對(duì)話框里面選擇自己要進(jìn)行裁剪的圖片（圖1）。由于這個(gè)服務(wù)使用了HTML5的技術(shù)，所以用戶在打開瀏覽器后并不需要像其他的云服務(wù)那樣將圖片上傳到云端進(jìn)行操作，而是直接在本地的瀏覽器里面進(jìn)行處理操作就可以了，這樣就可以節(jié)省用戶進(jìn)行文件上傳的時(shí)間。

選擇完成以后在“固定尺寸”對(duì)話框中，設(shè)定目標(biāo)圖片的尺寸大小以及批量裁剪后的圖片后綴名，再在“圖片裁剪方式”里面選擇“智能裁剪”這一項(xiàng)。然后在“輸出圖片格式”里面選擇輸出圖片的后綴名，以及圖片質(zhì)量等等。設(shè)置完成后直接點(diǎn)擊“開始裁剪圖片”按鈕，該服務(wù)就可以進(jìn)行相應(yīng)的處理操作了。處理完成以后點(diǎn)擊“點(diǎn)此下載裁剪后的文件”按鈕，進(jìn)行圖片的下載就可以了（圖2）。這項(xiàng)服務(wù)之所以被稱為“Smart”，是因?yàn)樗哂凶詣?dòng)識(shí)別和處理的功能。當(dāng)用戶需要裁剪圖片的時(shí)候，該服務(wù)可以自動(dòng)分析出圖片的主要內(nèi)容，甚至進(jìn)行人臉識(shí)別的操作，從而進(jìn)行更加人性化的裁剪操作。

智能縮放圖片大小比例

當(dāng)然有些時(shí)候用戶并不需要對(duì)圖片進(jìn)行裁剪操作，而只想將現(xiàn)有的圖片進(jìn)行縮小的操作，從而可以方便地上傳到微博等社交應(yīng)用平臺(tái)上。要想進(jìn)行圖片縮放的話，也可以利用“Smart Resize”這項(xiàng)服務(wù)來快速地完成，而且用戶可以按照縮放比例、最大高度、最大長(zhǎng)度和縮略圖等多種方式來進(jìn)行操作。同樣首先進(jìn)行圖片的上傳操作，接下來在網(wǎng)頁中選擇“縮放”這個(gè)標(biāo)簽，然后在“圖片縮放比例”里面輸入一個(gè)縮放的百分比?；蛘唿c(diǎn)擊網(wǎng)頁中的“最大高度”或者“最大長(zhǎng)度”標(biāo)簽，在里面設(shè)置圖片的最大高度或者圖片的最大長(zhǎng)度（圖3）。設(shè)置完成以后按照前面的操作繼續(xù)配置，最后點(diǎn)擊“開始裁剪圖片”按鈕就可以進(jìn)行處理了。

加載濾鏡改變圖片風(fēng)格

很多人在拍攝照片的時(shí)候都希望給照片加上一些特殊的效果，這樣照片看上去非常的炫酷。要想做到這樣的效果通常有兩種方法，首先就是用戶在拍攝的時(shí)候直接選用某一個(gè)濾鏡來操作，還有一種方法就是在拍攝完成后利用一些圖片處理軟件來加上需要的效果。如果用戶的電腦系統(tǒng)里面沒有安裝相關(guān)的圖片編輯軟件的話，那么也可以利用在線服務(wù)來進(jìn)行編輯操作。

登錄“Film Emulator”這項(xiàng)服務(wù)的網(wǎng)站（https：//29a.ch/ film-emulator/），雖然這款服務(wù)號(hào)稱在線的服務(wù)，其實(shí)由于它也是使用的HTML5這項(xiàng)技術(shù)，所以所有的操作實(shí)際上都是在本地的瀏覽器里面完成的。現(xiàn)在點(diǎn)擊工具欄中的“Open File”按鈕，在彈出的對(duì)話框里面選擇要處理的照片文件。當(dāng)照片文件加載到瀏覽器窗口后，在窗口右側(cè)的“Film”列表中選擇一個(gè)自己需要的效果濾鏡，馬上就可以在窗口里面看到加載濾鏡后的效果（圖4）。如果用戶無法感受到加載濾鏡后的效果，那么可以點(diǎn)擊“Show Before”這個(gè)選項(xiàng)后的眼睛圖標(biāo)，這樣就可以在原始圖片和加載濾鏡后的圖片之間進(jìn)行對(duì)比顯示。

利用濾鏡來處理圖片雖然非常方便和快捷，但是由于默認(rèn)的參數(shù)都是一樣的，所以就會(huì)給用戶產(chǎn)生一種千篇一律的感覺。為了突出自己和別人的差別，我們還可以通過右側(cè)列表中的多個(gè)選項(xiàng)，來對(duì)其中的參數(shù)進(jìn)行調(diào)節(jié)。比如拖動(dòng)“Brightness”選項(xiàng)的滑桿，就可以對(duì)圖片的亮度進(jìn)行調(diào)整；而拖動(dòng)“Contrast”選項(xiàng)的滑桿，就可以對(duì)圖片的對(duì)比度進(jìn)行調(diào)整。當(dāng)圖片處理完成以后我們點(diǎn)擊工具欄中的“Download”按鈕，就可以將處理完的照片保存到本地硬盤里面了。除此以外，我們?cè)谶M(jìn)行圖片的保存操作以前，還可以點(diǎn)擊工具欄中的“Settings”按鈕。在彈出的對(duì)話框里面根據(jù)自己的需要，在“JPEG Export Quality”選項(xiàng)里面設(shè)置圖片的壓縮比例。同時(shí)選中“High Quality Preview （slow）”這個(gè)選項(xiàng)，可以設(shè)置圖片預(yù)覽的品質(zhì)（圖5）。設(shè)置完以后再進(jìn)行下載操作，就可以做到圖片效果和壓縮比例的完美融合。

瀏覽器應(yīng)用改變效果

如果使用的是谷歌瀏覽器或者它的衍生版本，那么還可以安裝一款名為“Pixlr-o-matic”的應(yīng)用來進(jìn)行操作。首先點(diǎn)擊瀏覽器中的應(yīng)用圖標(biāo)，在彈出的對(duì)話框里面選擇要進(jìn)行處理的照片（圖6），接下來我們只需要三步就可以完成相關(guān)的操作。首先我們?cè)诹斜碇羞x擇一個(gè)自己需要的濾鏡，選擇完成后點(diǎn)擊窗口右下角的前進(jìn)按鈕。接下來在列表中選擇一種紋理效果，然后再為照片選擇一個(gè)需要的相框。所有的操作都是通過向?qū)硗瓿傻模詈簏c(diǎn)擊“保存”按鈕就可以將照片保存到本地硬盤里面了。