開始之前，有很多事情需要考慮。

這些圖片與你網(wǎng)站的品牌定位一致嗎？

圖片的格式適合網(wǎng)站嗎？

出于對搜索引擎優(yōu)化考慮，如何控制圖片的大小和詳細(xì)信息？

最后，你確定文章所使用的圖片合法嗎？

這個(gè)話題可以永遠(yuǎn)持續(xù)下去，所以我盡量把有用的資料濃縮成一篇文章，方便大家收藏，并在需要的時(shí)候隨時(shí)閱讀。

這篇文章有哪些內(nèi)容？

我要把這篇文章分成幾部分，這樣你就可以根據(jù)需要隨時(shí)跳讀。先讓我們來看一看大概的內(nèi)容：

去哪里找圖片？

讓我們從基本問題開始，在哪里能找到好的免費(fèi)或付費(fèi)的圖片呢？

如何為你的網(wǎng)站品牌篩選出風(fēng)格一致的好圖片？

篩選出好照片是一個(gè)非常棘手的事情。有時(shí)一張格格不入的圖片可以毀掉一篇優(yōu)質(zhì)的文章。

使用照片和圖片的技術(shù)

這部分我將會(huì)詳細(xì)介紹你所需要了解的各種技術(shù)方面的資料，涉及文件大小、壓縮、縮放比例、圖片的搜索引擎優(yōu)化和圖片顯示等方面。

有可能會(huì)遇到的法律問題

涉及到法律方面，照片版權(quán)是特別棘手的問題。我會(huì)給你一些提示和資源，以供參考。

工具、插件和資源

我會(huì)介紹一些好用的軟件、插件，用來對圖片進(jìn)行編輯等。當(dāng)然我介紹的一定不全面，但作為一個(gè)起步階段的工具已經(jīng)足夠了，希望能給你一個(gè)良好的開端，以便于你能進(jìn)一步學(xué)習(xí)和操作功能更全面的工具。

一、去哪里找圖片？

選圖過程中，有很多你想不到的地方，傳統(tǒng)的圖片庫網(wǎng)站應(yīng)該是你最后要去的地方。

自己拍

第一個(gè)也是最好的選擇是拿出自己的相機(jī)為你的文章拍照。這意味著，你擁有每一張照片的版權(quán)，而且對于搜索引擎來說，也是獨(dú)一無二的內(nèi)容。

正如我之前所提到的，我用佳能單反相機(jī)來制作我的Youtube視頻，并為我的文章和社交帖子拍攝高質(zhì)量的圖片。

這是一個(gè)極好的投資。

我認(rèn)為營銷人或內(nèi)容運(yùn)營人員應(yīng)該嘗試用好的相機(jī)學(xué)習(xí)一些攝影技術(shù)，下面是主要原因：

降低成本

當(dāng)然，最初需要一些支出，但隨著時(shí)間的推移，你不必再為文章或營銷材料上的照片花錢了。

增加品牌影響力

如果你拍出了好的照片，人們會(huì)樂意分享，這會(huì)增加文章的影響力。你應(yīng)該能發(fā)現(xiàn)，成功的時(shí)尚類網(wǎng)站上的照片幾乎都是他們自己拍攝的。

更多內(nèi)容

照片也是內(nèi)容。如果你把自己拍攝的照片放在網(wǎng)上，這會(huì)增加人們找到你和你的作品的幾率。這不也是一件好事么？

在社交網(wǎng)站上的良好效果

照片容易吸引注意力，尤其在社交網(wǎng)站上非常奏效。即使你只是使用一個(gè)高質(zhì)量的智能手機(jī)，與好用的圖片美化軟件，只要這些圖片有趣，也很有可能為你帶來新的流量。

沒有版權(quán)問題

你能把已經(jīng)付費(fèi)的圖片用在你的品牌標(biāo)識上嗎？能用在廣告材料上嗎？可以轉(zhuǎn)售嗎？如果是你自己拍攝的（只要不是什么糟糕的照片），那么你想怎么著都行。省心！

可以掙點(diǎn)小錢

把自己拍攝的照片放到Dreamstime網(wǎng)站上銷售（百度經(jīng)驗(yàn)有詳細(xì)的做法），你可以賺點(diǎn)小錢，如果你很擅長拍攝并在網(wǎng)站上放了大量的照片，那么收入也會(huì)水漲船高。

如何委托別人創(chuàng)作圖片

在這種情況下，可以在99Designs網(wǎng)站（類似國內(nèi)的威客、豬八戒網(wǎng)）上發(fā)布一個(gè)設(shè)計(jì)任務(wù)，就會(huì)有很多設(shè)計(jì)師、藝術(shù)家、創(chuàng)意人士為你進(jìn)行設(shè)計(jì)。這是一個(gè)充滿活力、人才濟(jì)濟(jì)的社區(qū)，這意味著你可以獲得各種風(fēng)格的作品。

例如，我最近使用99designs獲得這些Blog Tyrant上的小人物圖片，把它們用在了本篇文章中：

我在99designs上發(fā)布了一個(gè)信息圖招標(biāo)，只需發(fā)布一個(gè)項(xiàng)目，并把要求寫出來，就會(huì)有很多藝術(shù)家為你創(chuàng)作圖形、標(biāo)志或圖片，你只需選擇最滿意的一個(gè)就可以了。

這是我收到30個(gè)奇怪的設(shè)計(jì)中的兩個(gè)：

這是一個(gè)極好的獲得高質(zhì)量圖片的方式，我很享受這個(gè)過程。雖然其他藝術(shù)家們?yōu)榱四愕恼袠?biāo)創(chuàng)作了一整套圖片，卻沒有得到報(bào)酬，只因?yàn)槟氵x擇了另外不同風(fēng)格的作品，這似乎有點(diǎn)不公平。不過，所有參與的人都是自愿的。

如果我不想拍照片或制作圖片呢？

坦白說吧，我們沒有時(shí)間或興趣去拍照片，也不想為每一篇文章制作新圖片。有時(shí)你只想去一個(gè)網(wǎng)站，找到合適的照片，并盡快發(fā)布。

本文最后的資源部分有這樣的網(wǎng)站名單。最后，在這里我想提的是，有很多初露頭角的專業(yè)攝影師可能有興趣同你進(jìn)行合作，只為了做一些作品推廣。你可以在搜索引擎中搜索你所在城市的攝影師或在論壇中發(fā)帖留言。

二、如何為你的網(wǎng)站篩選出風(fēng)格一致的好圖片？

我想談的另一件事是選擇圖片，以及這個(gè)過程是如何影響企業(yè)的品牌形象的。

但什么是品牌？

大衛(wèi) · 奧格爾維（著名足球運(yùn)動(dòng)員，提出奧格爾維定律）曾把品牌定義為：

產(chǎn)品無形屬性的總和：它的名稱、包裝、價(jià)格、歷史、聲譽(yù)和廣告的方式。

只要有人瀏覽你的文章，就會(huì)產(chǎn)生特別的感覺和印象，會(huì)影響到他們是否會(huì)留言，是否會(huì)與你互動(dòng)，以及他們是否會(huì)訂閱你的郵件等等。照片在其中扮演著重要的角色。

你首先要做的是避免使用圖片庫圖片，給人感覺冷淡、簡陋和無聊。

當(dāng)我剛開通Blog Tyrant的時(shí)候，我請我一個(gè)天才級別的攝影師朋友幫我拍攝一些關(guān)于工作的圖片，就有了這張照片：

自從我將帶有此圖的文章發(fā)布之后，我覺得這張沙發(fā)照片將我的文章和同主題其他人的文章明顯區(qū)分開來，這就是品牌。

NerdFitness 上的小孩兒也是滿足他們特定品牌形象的絕佳選擇。

正如你所看到的，大量的文章插圖都打扮得像《星球大戰(zhàn)》、《指環(huán)王》或其他一些電影中的英雄人物。

但是當(dāng)你瀏覽大多數(shù)文章時(shí)，你看到的是一個(gè)圖片大雜燴，既沒有同單獨(dú)的帖子風(fēng)格保持一致的圖片，也沒有同整個(gè)文章的風(fēng)格保持一致的。

最糟糕的事情就是在自己的文章上堆滿了圖片庫圖片。他們真的不好，白色的背景或毫無個(gè)性的圖片，這不會(huì)吸引人們關(guān)注你的內(nèi)容的。

再看一看上圖。它實(shí)際上是一系列陳腐的商業(yè)照片，來推廣他的新電影。照片非?；阈?，但如果你當(dāng)真使用它們時(shí)，只會(huì)強(qiáng)調(diào)出這類照片是多么的不合適。

試著想想你打算用圖片表達(dá)什么，并記住圖片適用的社會(huì)各個(gè)階層。萌圖、照片、圖片等等，作用各不相同。如果訪問你所在行業(yè)最好的網(wǎng)站，并同新網(wǎng)站進(jìn)行對比，你會(huì)發(fā)現(xiàn)有巨大差別。

三、使用照片的注意事項(xiàng)

好吧，我們現(xiàn)在要探討的內(nèi)容很多人可能認(rèn)為很無聊，但當(dāng)它涉及到如何成功得使用圖片和照片的時(shí)候，實(shí)際上是非常重要的。

當(dāng)涉及到技術(shù)問題，我們需要考慮三件事：

1、圖片在讀者眼中“看”起來怎么樣？

你要在沒有違反后面兩個(gè)條件的情況下，讓讀者看起來感覺很好。

2、圖片在電腦中 “看”起來怎么樣？

你的圖片需要在電腦中“看”起來不錯(cuò)，像在服務(wù)器，WordPress，瀏覽器中等等，這意味著制作和上傳的時(shí)候要做到心中有數(shù)。

3、圖片在搜索引擎中“看”起來怎么樣？

這是我們想從技術(shù)角度考慮的最后一個(gè)因素，因?yàn)樗鼤?huì)影響我們文章的SEO效果。

本文的其余部分將解決這些問題，并確保我們盡量用最佳方式處理我們的照片和圖片。

我們要使用的圖像文件類型

首先，我們需要討論的是文件類型本身。當(dāng)你創(chuàng)建一個(gè)圖像，首先需要保存它，然后才可以將它上傳到網(wǎng)上，并使用它。其實(shí)只有三個(gè)文件類型和博客文章相關(guān)，即PNG，JPEG和GIF格式。這里有一個(gè)小圖形，如果你喜歡它，你可以用Pinterest收藏。

我的文章配圖應(yīng)該用哪種文件格式？

照片、圖形和圖像有幾十個(gè)不同的文件類型。以下是網(wǎng)站或博客文章使用的最好的文件類型：

JPEG格式：適用于照片但容易受損。

JPEG格式的圖片質(zhì)量容易受損，當(dāng)圖片文件大小變化時(shí)，圖片像素會(huì)相應(yīng)變化。JPEG格式的圖片適合在線使用，如果不斷編輯和重新保存，將會(huì)變得模糊不清。

GIF格式：多用于動(dòng)畫圖片。

GIF格式的圖片廣泛用于社交網(wǎng)站。色彩限制在256種顏色，但仍然是小動(dòng)畫。

PNG格式：適用于插圖和大塊顏色。

便攜式網(wǎng)絡(luò)圖形，有多達(dá)1600萬種顏色。適用于有大塊的均勻的顏色的圖形。允許透明背景。它是無損壓縮，這意味著即使重新編輯和保存，它的像素也不會(huì)改變。

圖片質(zhì)量PK圖片大小

當(dāng)你保存圖像時(shí)，對文件大小和類型進(jìn)行測試很重要。你既不想讓圖像變模糊，也不想因?yàn)閹装貹B的大小減慢你網(wǎng)站的打開速度。這需要慢慢研究對比！

我相信現(xiàn)在很多平面設(shè)計(jì)師和其他專家都能正確處理這類問題，但對于我們大多數(shù)營銷人而言，這是我們需要了解的。

如何顯示或使用圖片

接下來你要思考的是如何在頁面中使用圖片。例如，頁面頂部圖片需要拉伸至全屏寬嗎？如果是的話，文件會(huì)變得更大，這時(shí)你需要更大分辨率的圖片。

如果一張圖片只是在文章里使用，寬度和高度自然會(huì)較小，這時(shí)你可以犧牲一點(diǎn)圖片質(zhì)量，以使文件更小。這是一個(gè)平衡行為，過一段時(shí)間，你就會(huì)掌握這其中的分寸了。

例如，當(dāng)我保存圖片時(shí)，我通常將圖片質(zhì)量控制在85%-90%左右，在訪客察覺不到失真的的情況下，成功地將文件大小控制在了100K以下。

這也取決于你所采用的圖片或照片的文件格式，所以確保你選擇合適的格式。

照片的寬度和高度多少合適？

如果不同文章使用了不同尺寸的圖片。這會(huì)破壞整體視覺吸引力，使它看起來分散、混亂。在可能的情況下，應(yīng)該盡量保持所有圖像的尺寸一樣，這樣網(wǎng)站的布局才會(huì)容易辨認(rèn)。

在我的自媒體博客中，我總是將圖片的分辨率保存為650×430像素。我之所以選擇這個(gè)寬度是因?yàn)樗檬莾?nèi)容區(qū)域的寬度，因此文章布局比較整齊。

然而，我也會(huì)嘗試一些不同的圖像大小，因?yàn)槲矣悬c(diǎn)擔(dān)心圖像占用了太多的空間。

用一段代碼特別標(biāo)注圖像的高度和寬度，也是一個(gè)好主意：

img src=”somephoto.jpg” width=”125″ height=”60″ alt=”photo name”

這有助于瀏覽器及早識別該文件，并會(huì)加快頁面加載速度。

文件大小要盡可能小

我們需要考慮如何使照片文件盡可能小。我們知道頁面加載速度對網(wǎng)站非常重要，所以這個(gè)問題應(yīng)優(yōu)先解決。

一旦你保存了文件，打開Dynamic Drive這類網(wǎng)站，并通過圖片壓縮運(yùn)行。它會(huì)展示各種壓縮比的文件，你只需選出一個(gè)失真不明顯的即可。

例如上圖，我使用了一個(gè)人玩滑板的圖片，文件一直壓縮到21K大小，壓縮了驚人的93%后，我才注意到背景顏色有點(diǎn)片狀。真是令人難以置信。

如果你使用的是WordPress，你就能達(dá)到這一效果，WPMU DEV網(wǎng)站的牛人開發(fā)了一個(gè)叫WP Smush的WordPress插件，這個(gè)插件可以讓你批量壓縮現(xiàn)有的照片，既節(jié)省了圖片處理時(shí)間又能加快網(wǎng)頁加載速度。

應(yīng)對蘋果的視網(wǎng)膜顯示屏

如果你使用的是帶有視網(wǎng)膜顯示屏的蘋果電腦，你可能會(huì)注意到，很多照片和圖像看起來有點(diǎn)模糊。

這是由于更多像素被填充到一個(gè)較小的區(qū)域，我們應(yīng)該嘗試解決這個(gè)問題。

所以，一臺(tái)電腦或手機(jī)屏幕是由一個(gè)叫做像素的小方塊組成，這些像素用來顯示你所看到的所有文字和圖像。

視網(wǎng)膜顯示屏是蘋果的一項(xiàng)發(fā)明，它是單位面積上成倍地顯示像素。一般的屏幕顯示一個(gè)像素，視網(wǎng)膜顯示屏將顯示四個(gè)。結(jié)果就是，如果你上傳圖片文本大小更大，屏幕看起來會(huì)更清晰。

這給圖片質(zhì)量和網(wǎng)站設(shè)計(jì)造成了各種問題，因?yàn)檩^大的圖片文件更大。

在圖像上使用ALT標(biāo)簽

當(dāng)你把圖片上傳之后，最好添加alt標(biāo)簽，告訴搜索引擎這是什么圖像。這是一個(gè)重要的圖片優(yōu)化因素。

img src=”dog.jpg” width=”125″ height=”60″ alt=”Dog sitting down”

我們上述討論的所有技術(shù)事項(xiàng)都有助于搜索引擎優(yōu)化，但這個(gè)尤為重要。

四、合法使用圖片

內(nèi)容創(chuàng)作時(shí)，你不能寫誹謗別人的言論，你不能抄襲其他作者的作品，你也不能任意使用網(wǎng)上的圖片。

注： 我不是律師，這也不是法律建議。我只是指出了一些有趣的問題，拋磚引玉，希望你自己進(jìn)一步研究。如果你不確定一個(gè)概念，你應(yīng)該咨詢律師，因?yàn)檫@些問題隨國家不同而不同。

解決照片許可問題

當(dāng)你在法律方面談?wù)撜掌蛨D片的時(shí)候，你需要做的主要事情是解決圖片不同的版權(quán)問題。每一張照片可能不同，每一個(gè)攝影師也不相同，如果搞錯(cuò)了，后果也很糟。

世界上大多數(shù)地方通行的做法是：拍攝照片的人擁有照片的版權(quán)。也有一些例外（如受雇的新聞攝影師）。

攝影師之后便可授權(quán)他人在特定情況和條件下使用該照片。

以下3類圖片需要注意：免版稅、創(chuàng)作共享和無版權(quán)圖片。然而，每種都有自己的限制和條件：

免版稅

大多數(shù)圖片庫網(wǎng)站上就是這類圖片，你只需一次性付費(fèi)就可以使用，沒有很多限制。但是，你不能轉(zhuǎn)售該照片，也要注意不能用在某些地方，如作為你品牌的一部分。

創(chuàng)作共享

創(chuàng)作共享實(shí)際上是非盈利組織提出的一些許可，攝影師把他們作品放在那里，使用者可以使用，但不能從中獲利。有幾個(gè)不同的許可（署名、非商業(yè)性使用等），攝影師可以從中設(shè)定一個(gè)或多個(gè)。Flickr網(wǎng)站很好的總結(jié)了這一許可。

無版權(quán)

這類圖片基本上沒有版權(quán),因?yàn)樗呀?jīng)過期或者一開始便沒有取得版權(quán)。這些照片很多都是與政府有關(guān)的。有趣的是，往往仍然需要署名。

此外，還有許多其他的許可類型。要搞清楚一張照片的許可有點(diǎn)麻煩，這就是為什么從可靠來源處獲取照片很重要。

如果你侵權(quán)了會(huì)怎樣？

請不要使用從谷歌圖片中搜索的圖片，并假想不會(huì)發(fā)生任何問題。說實(shí)話，使用攝影師的作品而沒有任何補(bǔ)償是非常不公平的。

可悲的是，一些攝影師通過法律訴訟來賺錢。他們會(huì)花時(shí)間去搜索非法使用他們作品的網(wǎng)站，并給站長發(fā)送律師信，以獲取賠償，有時(shí)候每張圖片索要高達(dá)5000美元的賠償。

較好的情況是，攝影師會(huì)要求你付費(fèi)或撤銷圖片，但所有這一切都意味著最好不要使用圖像，除非你確信可以，并確保為該行為做出相應(yīng)的付出。

怎樣才安全

安全總比過失好。除非知道圖片的許可，不要使用來歷不明的圖片。

確保你自己的國家沒有不同的法律也非常重要。

再次，如果你想絕對安全，自己制作圖片，自己拍攝照片，或使用像99designs網(wǎng)站，請別人制作。

五、實(shí)用的工具、插件和資源

文章最后，我列出了一個(gè)有用資源的大清單，使你更容易開始工作。當(dāng)然，如果你認(rèn)為我寫的不全，請告訴我。

Flickr網(wǎng)站

Flickr是一個(gè)非常大的免費(fèi)照片儲(chǔ)存網(wǎng)站，只要你對圖片署名并且不用于商業(yè)用途。你可以調(diào)整搜索設(shè)置來尋找你需要的照片。

Pixabay網(wǎng)站

一個(gè)難以置信的圖片資源網(wǎng)站，你可以免費(fèi)使用50萬張圖片。

Gratisography網(wǎng)站

這是一個(gè)很酷的網(wǎng)站，有一些古怪的照片。你可以使用并且不需要署名，不過，盡量能署名最好。

Picjumbo網(wǎng)站

這個(gè)網(wǎng)站的大多數(shù)圖片可以免費(fèi)使用，有很多質(zhì)量非常高的圖片。如果有會(huì)員資格，可獲得更多的功能。

Unsplash是一個(gè)時(shí)不時(shí)會(huì)發(fā)布新照片的網(wǎng)站，并且你可以免費(fèi)使用而無需署名。

Dreamstime網(wǎng)站

這個(gè)網(wǎng)站有付費(fèi)和免費(fèi)專區(qū)。免費(fèi)的照片還不錯(cuò)，但質(zhì)量肯定不如付費(fèi)的好。你可以試試，不過需要給攝影師打賞。

Death to Stock網(wǎng)站

這是一個(gè)非?？岬木W(wǎng)站，它會(huì)每個(gè)月給你的郵箱推送一大批照片。我喜歡他們的郵件營銷策略！

WP Smush插件

一個(gè)WordPress插件，它可以在WordPress后臺(tái)自動(dòng)壓縮你上傳的圖片而不需要你手動(dòng)壓縮。

Cloud Flare網(wǎng)站

通過在世界各地使用更高效的服務(wù)器，提高網(wǎng)站打開速度的內(nèi)容分發(fā)網(wǎng)站。如果你的網(wǎng)站有大量的圖片，可以試試這個(gè)。

W3 Total Cache插件

緩存插件可以加速打開博客上的圖片，這也是WordPress上最受歡迎的插件之一。

Pixelmator軟件

這是一個(gè)輕量級，但功能非常強(qiáng)大的軟件?？梢杂脕碓谔O果電腦上編輯圖片。如果你不想用Photoshop這種大型軟件，這是個(gè)不錯(cuò)的替代。

Adobe Photoshop軟件

這是一個(gè)高級用戶的默認(rèn)圖片編輯軟件。曾經(jīng)非常昂貴，不過現(xiàn)在推出了不錯(cuò)的包年使用選項(xiàng)。

Word Swag應(yīng)用程序

Word Swag是智能手機(jī)上的應(yīng)用程序，讓你輕松在照片上添加文字、排版設(shè)計(jì)，并快速上傳至社交媒體。

Imgur網(wǎng)站

我們都知道，這是一個(gè)有趣的圖片社交網(wǎng)站，但是如果你需要額外的存儲(chǔ)空間，這也是一個(gè)上傳和存儲(chǔ)離線圖片的好地方。況且它是免費(fèi)的。

數(shù)字?jǐn)z影學(xué)校（Digital Photography School）

這是戴倫 · 勞斯的網(wǎng)站，世界上最大的攝影網(wǎng)站，有優(yōu)秀的攝影技巧和教程。

Fiverr網(wǎng)站

一個(gè)很好的網(wǎng)站，只需很少的錢就可以得到圖形、圖紙、圖片和其他插圖。

A guide to photo editing（照片編輯指南）

這是一個(gè)編輯圖片非常好的基本指南，涵蓋了大部分你需要知道的技術(shù)。

EWWW插件

這是另一個(gè)圖片壓縮的WordPress插件。如果WP Smush插件不好使時(shí)，用這個(gè)代替。

Lazy load插件

你有沒有注意到，很多網(wǎng)站和文章只在你的屏幕滾動(dòng)到圖片位置時(shí)，它才會(huì)加載圖片。這可以節(jié)省頁面加載時(shí)間。他們用的就是這類插件。我目前正在研究，還沒有測試。

JPEGmini軟件

這是一個(gè)非常有趣的軟件，它可以讓你的圖片在沒有明顯失真的情況下，降低照片文件大小。它正被Netflix等公司所使用，絕對值得一看。

你是如何處理圖片的？

我真的很想知道你是如何處理文章中的圖片的。你的主要解決方案是什么？看過文章還有哪些沒能幫到你的問題嗎?你有沒有使用照片或圖片特別成功的經(jīng)驗(yàn)？如果你覺著這篇文章不錯(cuò)，請?jiān)谠u論里給我留言，我將感激不盡！

·END·