為您的網站或博客創建網站圖標可能是一項艱鉅的任務。花幾個小時尋找完美的圖像,然後費力地使用複雜的軟件程序來使它正確,這太容易了。幸運的是,無需技術經驗,您就可以在 Canva 中輕鬆製作網站圖標。

外觀專業、獨特的網站圖標將幫助訪問者立即認出您的網站或博客,給人留下深刻的第一印象。在本文中,您將學習如何為您的網站圖標創建完美尺寸的畫布並將其正確導出。

如何在 Canva 中創建網站圖標

只需四個步驟即可創建您的圖標。我不打算討論如何製作創建網站圖標所需的徽標或圖形,但是一旦準備好該部分,就可以創建網站圖標了。

第 1 步:創建一個新的 48 x 48 像素設計

網站上的網站圖標大小為 16 x 16 像素。不幸的是,你不能在 Canva 中創建這麼小的新設計。

相反,您可以創建一個 48 x 48 像素的設計。當您將 Favicon 上傳到您的網站時,此大小允許將其自動縮放到正確的大小。

要創建 48 x 48 像素大小的畫布,請單擊 Canva 主頁 上的自定義大小按鈕。然後,在寬度框中鍵入48,在高度框中鍵入48。準備就緒後,點擊創建新設計按鈕。

您的新畫布將在單獨的窗口中創建。您會注意到的第一件事是畫布有多小。此外,您不能放大超過 500%。

這意味著原始設計應在單獨的項目中創建,因為您將無法放大近距離查看和調整小細節。

第 2 步:將您的徽標或圖形添加到設計中

一旦您的徽標或圖形完成並準備好添加,請單擊上傳 標籤,然後點擊上傳 文件

系統將提示您在硬盤驅動器上找到您的徽標或圖形。完成後,它將加載到您的 Canva 帳戶中。

單擊您上傳的文件以將其添加到您的畫布中。

或者,您可以將徽標或圖形從另一個窗口拖動到您的畫布上,從而將其添加到您的項目中。

第 3 步:將您的 Favicon 導出為具有透明度的 PNG

此步驟在此過程中必不可少。如果導出不正確,您的網站圖標將以不需要的白色背景結束。

要開始,請單擊右上角的共享 按鈕。

在彈出的菜單中,選擇下載

確保在選項的文件類型下拉菜單中選擇PNG。 PNG 格式將允許透明度,同時保持最佳質量。

這裡的另一個重要選項是透明背景選項。確保選中此選項。否則,當您導出您的網站圖標時,它將以白色背景導出。如果那是你想要的,那很好,但很可能你不是。

準備就緒後,點擊下載按鈕。

您的網站圖標將下載到您的硬盤上。

如果您打開該文件,您可以預覽您的網站圖標並確保背景是透明的。

第 4 步:將 Favicon 上傳到您的網站

將 Favicon 上傳到您的網站是一個不同的過程,具體取決於您網站的託管方。要了解您需要的方法,請在下面查找您的網絡託管服務商:

如果您的網絡託管服務商不在上面的列表中,請在您的網絡託管服務商的網站上查找有關上傳您的網站圖標的具體說明。

你如何在 Canva 中製作一個圓形的網站圖標?

網站圖標的流行外觀是一個標誌後面有一個圓圈。這是一個易於設計的具有專業外觀的網站圖標。

首先,單擊屏幕左側的元素 選項卡。向下滾動,直到您到達線條和形狀部分。點擊查看全部

這將向您展示 Canva 提供的所有可用形狀。選擇圓形(或其他形狀,如果您願意)。

畫布上會出現一個圓圈。

將你的圓圈放在頁面上,調整它的大小直到它填滿你的整個畫布,留下兩邊的圈子打開。

一旦您喜歡您的圈子在您頁面上的外觀,您可以通過點擊選項欄中的顏色選擇器來更改它的顏色.在側面板中,您可以選擇適合您需要的任何顏色。

選擇一種與您的徽標或圖形相得益彰的顏色,並使其從圓圈中突出。

選擇圓圈的顏色後,您需要將其發送到徽標或圖形後面。一種快速的方法是右鍵單擊圓圈,然後單擊向後發送。您還可以單擊 Control + [ (Win)Command + [ (Mac)

向後發送圓圈後,您可能需要調整徽標或圖形以使其更好地對齊。單擊您的圖形,讓 Canva 幫助您將其與彈出的紫色指南對齊。

現在您的圓圈顏色正確,位於排列的徽標或圖形後面,是時候導出它了。您可以完全按照上面的說明導出您的網站圖標,但這裡有一個簡要說明:

單擊共享按鈕,然後選擇下載。在選項中,確保在文件類型下拉菜單中選擇PNG ,並選中透明背景。準備好將網站圖標下載到您的計算機時,單擊下載按鈕。

如果您願意,您可以隨時保存帶背景圓圈的版本和不帶背景圓圈的版本,以查看外觀和效果最好的版本。

您的網站圖標應該是什麼樣的?

為您的網站設計網站圖標時,關鍵是要保持簡單。瞄準可以在小尺寸中清晰可見並且仍然有效代表您的品牌的東西。盡量避免使用過多的細節或複雜的設計。

如果您使用徽標,請盡可能將其壓縮,同時不要失去其作為品牌代表的完整性。如果您的網站是關於特定主題的,請使用說明該概念的圖標。例如,如果您有一個攝影網站,您可能有一個相機圖片。一個旅遊網站可能有一個飛機作為它的圖標。

無論您為您的圖標選擇什麼設計,確保它是獨特的和可識別的,以便訪問者可以在他們的網絡瀏覽器的其他選項卡中輕鬆識別它。保持簡潔,並確保它準確代表您的品牌。

編輯愉快!

By Maisy Hall

我是一名自由作家。 我也是素食主義者和環保主義者。 每當我有時間時,我都會專注於冥想。