簡單的課程
照片和圖形使用很多服務器空間。 這可能會使網頁加載速度變慢。 你有一個選擇是使用你的照片縮略圖。 縮略圖是相同圖片的較小版本。 從它鏈接到原始圖片。
當你使用縮略圖時，你可以在一個頁面上放置更多的圖形。 您的讀者可以從頁面上的所有圖形中選擇並選擇他們想要查看的圖片。
創建縮略圖並不難，而且實際上並不需要很長時間。 您需要做的第一件事是下載照片或圖形編輯程序。 我使用Irfan View。 它免費且使用簡單。 它不像Paint Shop Pro或Photoshop那樣全面，但足以調整大小，剪裁和改變顏色的外觀。
我將使用Irfan View來學習這節課。 如果您正在使用其他程序，說明並沒有太大的不同。
你要做的第一件事是打開你想調整大小的圖像。 點擊“文件”，“打開”，在計算機上找到該圖像，然後點擊“打開”按鈕。
在圖像編輯程序中打開圖像後，您可以裁剪圖像或調整圖像大小。 裁剪是當你的圖像比你想使用的更多時，你會做什麼。 假設你有一張你和另一個人的照片，但你只想和你一起使用這部分，並切斷另一個人，那就是裁剪。
要裁剪它，你首先需要選擇你想要保留的區域。 將鼠標光標放置在您想要保留的區域的一個角落，按住鼠標按鈕並將光標拖到該區域的對角。 當你這樣做的時候，你會看到在該區域周圍創建的一條線，當你完成時會在該區域周圍形成一個薄邊。
現在點擊“編輯”，“剪裁選擇”。 您選擇的區域將被保留，圖片的其餘部分將會消失。 如果你喜歡你所看到的，你會希望在這一點上保存圖像，所以你不會意外關閉程序並丟失裁剪。 如果你不喜歡它，點擊“編輯”，“撤消”，它會馬上恢復到裁剪之前的狀態。
如果你想從圖片中剪下一些東西，你可以使用“剪切”功能來做到這一點。 您也可以使用“將文字插入選擇”在此處為圖片添加文字。 這兩個功能都在“編輯”菜單下。 請記住，在您進行更改後保存圖片，以免失去工作。
現在創建我們的縮略圖。 點擊“圖像”，“調整大小/重新採樣”。 會彈出一個框讓您調整圖像大小。 您可以選擇按高度和寬度或按百分比調整圖像大小。 例如，您可以放置50個像素的寬度，或者您可以將圖像放大至原始大小的10％。 如果您要創建縮略圖以用作照片庫，我建議您嘗試使所有圖片的尺寸接近相同，以便它們更適合製作漂亮的直排或列。
如果圖像在調整大小時似乎已經失去了一些清晰度，則可以使用“圖像”菜單中的“銳化”功能。 調整大小後保存圖像時，請確保使用“另存為”功能，而不是“保存”功能。 你會想給它一個不同但相似的名字。 如果你只是保存它，它會覆蓋你的舊圖像，你會失去原來的。 如果您的原始文件被稱為“picture.jpg”，那麼您可以調用縮略圖“picture_th.jpg”。
如果您的託管服務沒有文件上傳程序來幫助您輕鬆地將頁面和圖形上傳到您的網站，那麼您將需要有一個FTP客戶端來上傳它們。 您使用的託管服務應該提供您需要放入FTP客戶端的設置，以便您可以上傳文件。
我建議將圖形或照片上傳到名為“圖形”或“照片”的文件夾，以便將它們與您的頁面分開，以便在需要時可以更輕鬆地找到它們。 我喜歡使用不同的文件夾來組織頁面和圖形。 讓您的網站保持整潔，因此您可以快速找到所需的任何內容，因此您無需在需要某些內容時梳理出很長的文件列表。
您還需要將縮略圖上傳到您的託管服務。 考慮把它放在一個單獨的文件夾中，可能被稱為“縮略圖”。
現在你將需要你的圖形的地址。 例如：假設您在Geocities中託管您的網站，並且您的用戶名稱是“mysite”。 您的主圖形位於名為“graphics”的文件夾中，並命名為“graphics.jpg”。 縮略圖被稱為“thumbnail.jpg”，並位於名為“縮略圖”的文件夾中。 您的圖片的地址為http://www.geocities.com/mysite/graphics/graphics.jpg ，縮略圖的地址為http://www.geocities.com/mysite/thumbnail/thumbnail.jpg 。
您現在需要做的就是將縮略圖的鏈接添加到您的頁面，並從縮略圖中添加指向圖形的鏈接。 一些託管服務提供相冊。 您只需按照指示將照片添加到網頁即可。
如果你喜歡用HTML來創建你的相冊，你仍然不必從頭開始。 改為使用相冊模板。 然後，您只需添加鏈接即可擁有相冊。
如果您只是鏈接到圖形本身，以便主圖形將顯示在您的頁面上，那麼您需要使用的代碼是：
圖片文字
在代碼中看到graphic.jpg的地方，您可以將其更改為http://www.geocities.com/mysite/graphics/graphics.jpg，或者您可以使用看起來像這樣的簡短形式/graphics/graphics.jpg 。 然後改變圖片文字的位置，使其在圖片下方顯示。
如果您打算使用縮略圖並從那裡鏈接到圖形，那麼您將使用的代碼會有所不同：
你在哪裡看到http：//address_of_graphic.gif你添加你的縮略圖的地址。 您在http://address_of_page.com看到的地方添加了圖形的地址。 您的頁面會顯示縮略圖，但會直接鏈接到您的圖形。 當有人點擊圖片的縮略圖時，他們將被帶到原件。
現在，您可以鏈接到一頁上的更多圖形，而不會導致服務器陷入停滯，從而導致頁面加載速度變慢。 這不是您創建相冊的唯一選擇，但它確實為您提供了將大量圖片添加到一個頁面的方式，因此用戶不必點擊頁面和照片頁面即可。 他們還可以選擇他們想要以常規尺寸看到的照片，而不是如果他們不希望看到所有照片。