If you're new here, you may want to subscribe to my RSS feed .如果你來這裡，你可以訂閱我的rss的飼料。 Thanks for visiting!感謝來訪！
In this Adobe® Photoshop tutorial, you will be learning about the various techniques involved in the creation of Favicon.在這個有adobe ® photoshop的補習，你將學習了解各種技術參與創造的權限。 Favicon is a little custom icon that appears next to a website's URL in the address bar of a web browser around 16X16 pixels.複製是一個小定制圖標出現在下到一個網站的網址，在地址欄的網頁瀏覽器約16x16像素。 So if you like a good design challenge try your hand at this one.因此，如果你喜歡一個很好的設計挑戰，嘗試你的手在這一個。 This tutorial can also be implemented in CS2 and CS3.本教程中，可以執行也可以cs2和cs3 。
All you need to add a Favicon to your site is a Windows Icon (.ico) file called favicon.ico that you upload to the main directory of your website.你只需要加入一個複製到你的站點是一個窗口圖標（ 。保險公司條例）的文件名為favicon.ico你上傳到主目錄，你的網站上。
You'll need the Windows Icon (ICO) file format Photoshop Plug-in to export to the .ico file format.你需要的windows圖標（保險公司條例）的文件格式及photoshop插件才能出口至。是ico文件格式。 You can download the plug-in from Telegraphic.你可以隨心所欲地下載插件，從電報。 The plug-in reads and writes ICO files in 1, 4 and 8-bit Indexed and 24-bit RGB modes, and also reads and writes 32-bit "XP" icons (with 8-bit alpha channel).該插件在讀寫是ico文件1 ，第4和第8位的索引以及24位rgb模式，而且還讀寫32位" xp的"圖標（與8位alpha通道） 。 Make sure to install the plug-in before you begin this tutorial.要確保安裝插件，然後你開始本教程。
Because 16 x 16 is such a small canvas area, it can be very difficult to be creative.因為16 × 16就是這樣一個小帆布包區，它可以是很困難的創意。 So instead start your project with a canvas set at 64 x 64 (always use even multiples when you plan on resizing files).所以，反而開始為您的項目與畫布上定於64 × 64 （總是使用倍數，甚至當你計劃resizing檔案） 。 Do this by selecting File --> New, and opening a new canvas that is 64 x 64 pixels in size.這樣做，通過選擇文件->新的，開放的一個新的畫布是6 4× 6 4像素的大小。
If you already have a logo you should reduce it to the 16 x 16 size to see if it holds up.如果你已經有了一個標誌，你應該把它減少到16 × 16大小，看它抓住了。 If it doesn't look good at this size, work with the 64 x 64 canvas and try creating a simple design that incorporates colors from your website's palette.如果不看好，在這樣的規模，與64 × 64帆布包，並嘗試建立一個簡單的設計包含顏色，從你的網站上的調色板。 When you're ready to test the design select Image --> Image Size menu and enter 16 x 16.當你準備好試驗設計選擇圖像->圖像大小菜單，並輸入1 6× 1 6。 Click on Resample Image and choose "Bicubic Sharper" from the drop-down menu (CS only for this step).點擊重採樣圖像，並選擇"雙三次尖銳" ，從下拉式選單（政務司司長只為這一步） 。 This is the best setting for making sure that an image doesn't blur as its being resized.這是最好的設置，為確保圖像不模糊了，因為它正在resized 。
If you feel the icon is not quite what you wanted, just keep tweaking it until it is perfect.如果你覺得這個標語是不太什麼，你想，不斷調整它直到它是十全十美的。 At this tiny size it can take a few tries before you get it right.在這個彈丸之地大小，它可以採取一些嘗試之前，你能正確行事。
Go to File-->Save As and make sure you name the file favicon.ico.去檔案->另存為，並確保你的名字檔案f avicon.ico。 Under Format you must choose Windows Icon (ICO) from the pull down menu.根據格式，你必須選擇視窗圖標（保險公司條例） ，從下拉菜單。 This format will only be available in Photoshop after you download and install the plug-in.這一格式將只在photoshop中後，請下載並安裝插件。 In the next step you'll need to upload this new file to the root folder of your website, so it's a good idea to navigate and save it to that location on your hard drive now.在下一步你需要上傳這個新的文件到根文件夾你的網站，所以這是一個好主意，導航，並儲存到該地點對你的硬盤現在。
Connect to your server and upload your Favicon.ico file to your website.連接到你的服務器和上傳你的favicon.ico文件到你的網站上。 You must place it into the same directory as your home (index) page, and leave it loose, making sure not to put it in an images directory or other folder.你必須把它納入同一個目錄作為你的家（指數）頁面，並留下它鬆散，使千萬不要把它放在一個圖片目錄或其他文件夾。 Some browsers will look for a direct link in the HTML source code to your site's favicon.ico file.一些瀏覽器將尋找一個直接連接在html源代碼到您的網站的favicon.ico文件。 You can help these browsers by adding this link in the head section of each page on which you want the Favicon.ico to appear.你能幫助這些瀏覽器加入這個環節，在頭節的每一頁上，你想favicon.ico出現。
Here is the link code to include: <link rel="Shortcut Icon" href="/favicon.ico">這裡是連接代碼包括： <link rel="shortcut icon" href="/favicon.ico">
If your new Favicon does not show up right away, try refreshing the page — or put a '?' at the end of the url, which will trick a browser into thinking the page is new and not cached.如果你的新的權限，並不表明了去改，嘗試令人耳目一新的頁面-或者把'嗎？ '在去年底的u rl，這將伎倆瀏覽器以為頁面是一個新的和沒有被緩衝。
Links you may find interesting -聯繫你可能會覺得有趣-
- Beginners Photoshop Tutorial on Using the Reduce Noise tool 初學者的photoshop補習以減少噪音工具
- How to Bend a Sheet and to make a Flip type Pattern using Photoshop 如何彎一張床單和作出翻蓋式格局用的photoshop
- Beginners Photoshop Tutorial - Combining exposures for creating HDR images 初學者的photoshop教程-結合檢舉為創造人類發展報告圖像
- How to Create a Web Page Header using Photoshop 如何創造一個網頁，標題用的photoshop
- How to Create Dropping Shadows on an object using Photoshop 如何創造投下陰影，對一個對象使用的photoshop
