因特網, 網頁設計
大小圖標為您的網站
在網頁設計中,你可能知道,每一個細節都至關重要。 誰去你的網站的人,不能單獨看每一個元素,並採取包,它包含的其他小細節的整體形象。 因此,如果你是在開發資源的過程中失去了一些東西,這個細節在未來可以破壞整個複雜,整個組成。
這樣的罰款可以,例如,按鈕的背景下,不正確的字體一些小項目,甚至圖標。 事實上,看sami-大型知名網站都表示它在用戶的瀏覽器中的“書籤”的個人圖標。 沒有它,資源開發未能創造到他們原先要求的組成。
因此,您所創建的網站設計時,應充分利用這些細節的圖標照顧。 在這篇文章中,我們將討論如何將一般的資源風格下選擇它,而應該是圖像中的哪些尺寸。
網站圖標
首先,我們定義什麼構成這個元素。 現在看看你的瀏覽器標籤頁的標題。 正如你所看到的,在左邊有一個代表標誌資源的一個簡化版本的小圖片。 同一張照片有近在SERP中顯示的站點名稱。 用戶被她的指導下,當他們看到標題。
許多網站管理員知道,需要這種圖片 - 但很少有人知道什麼規模的網站的圖標是最合適的。 因此,在這篇文章中,我們將不僅就如何作出這樣的圖標,以及如何在網站上安裝它,但也描述圖像的尺寸信息。
目的圖標
因此,該網站頭附近的圖片用於識別。 這是它的初衷:要表達的網站,這是我們看到納撒尼爾,並在別人眼裡選擇它。 它會成為使用圖形非常簡單:我們在直觀的圖片比文本格式更快,更容易感知信息。 網站圖標幫助我們在此。 但是不要忘記, 圖標的大小 是在用戶的眼睛很小。 這不是可能包含在銘文,一些澄清或聯繫人信息形式的附加信息中的“帽”網站的標誌。 可以在名稱旁邊的圖標描繪什麼,應該是最適合圖標的大小。 並且,如已經(16乘16像素的)所示,微型。
如何選擇一個圖標?
那麼,如何一個網站管理員可以設計為您的網站圖標? 應當指出的是,簡單地壓縮該網站的標誌,最有可能的,是不會得逞的。 在被放置在一個特定資源的標識形式海報,經常看到不總是正確顯示的縮影形式不同的項目。 最好是立即放棄這家合資公司。
當然,圖標的大小不能談,只是插入題詞那裡。 任何文本根本不會在該分辨率下可見。 我們需要制定一個新的圖標,將發射點的風格。 為了找到解決方案,再次,讓我們來看看各大場館。
許多使用該服務的名稱的圖標風格化的第一個字母。 這樣一來,例如,必應,雅虎,Yandex的,維基百科,谷歌。 還有一個辦法 - 如果你有一個網站的短名稱,你可以將其設置為圖標的背景。 要的favicon分辨率(像素達到,再次,16至16點)可以正確顯示符號,它必須比三個字母不再。 所以呢,例如,服務AOL。
如何創建一個圖標?
請在幾個方面對網站名稱的圖標。 當然,最簡單的 - 是不同的現成的解決方案工作。 我們可以談論任何服務或允許你通過減少使全圖標的圖像節目。 不過,我會建議進行標識的發展自身。 這是,首先,將使其能夠學到一些東西; 其次,提供了大量的工具。 所有你需要能夠做到 - 即抽獎,以及知道什麼大小圖標是最終版本。 關於該網站圖標的大小,我們待會再談,但現在我們注意到一些與這些圖像時的細微之處。 特別是,更不用說圖標的大小的部位,應闡明此縱橫比。 正如有經驗的設計師指出,該圖片應該保存為.png(24位)或fayl.ICO。
執行保存的圖片,你可以,例如,用Photoshop,它會被吸引標誌的幫助。
尺寸圖標
所以,現在讓我們來談談如何偉大必須在搜索結果旁邊的網站,我們看到的景象。 默認情況下,如已經提到的,它的大小僅是16個像素(每邊一個)。 但是,如果您嘗試在“Photoshop的”編輯的圖像,檢查自己是否這是不舒服的。 因此,我們建議放大的圖像,這在未來將剛擠的邊緣,並保存在所需的格式工作。
多平台
然而,在談到圖標的大小應該是在您的網站是什麼,你需要記住的一件事。 並不是所有的平台都同樣地反映資源的畫面。 例如,視網膜顯示設備“看到”你的圖標中的32至32個像素量。 在Safari瀏覽器,以及新的Windows平台上,所有的這些圖標達到64像素大小。
因此,我們建議保持不同版本的圖標在今後只需提供取決於用戶平台上的變化。 另一個有趣的一點 - 你可以嘗試下載,希望將“縮水”最大格式的圖標,取決於瀏覽器。
國外編輯
當然,好,如果你擅長Photoshop和知道什麼圖標的大小應該和如何實現它,維護它的形象。 然而,也有很多誰只是沒有以前那麼緊經歷了圖形編輯器初學者,所以可能不那麼容易畫所需的圖像。 為了幫助這些網站管理員,有自動允許讓你的圖標感興趣的各種服務。 他們中許多人甚至是免費的,不需要用戶進行任何投資。
工作有時只需要註冊,但是,如你所知,這只是一次做 - 其實不是經常發生變化的公司圖標。 只要看看谷歌,這每一天改變的標誌,但它並沒有觸摸圖標。
如何安裝一個圖標?
在一般情況下,建立了自己的網站,使其正確顯示你想要的形象,這是非常簡單的。 這足以執行一系列簡單的步驟,將允許搜索引擎,以及只是一個瀏覽器來讀取信息。
為此,您需要保存生成的圖像的favicon.ico,並把它在資源的根。 一切現在是你的形象將被自動檢測到,並且該事件一段時間就會被鏈接到你的網站。
除了這個綁定,您可以添加另一條線路,從而將“提示”,你的圖標。 它看起來如下:
<的link rel =“快捷方式圖標的”href =“HTTP://站點/條/ 232267 /%D0%B0%D0%B4%D1%80%D0%B5%D1%81圖標”/>
設置代碼應該是在頭。
發現
所以,在閱讀這篇文章後,您面對另一個事實,什麼大小應該是網站,它通常是圖標。 另外,我想你知道,對於你的網站一個合適的圖標搜索 - 這是必要的,因為它扮演成你兩隻手在提高認識方面,無論是在你的競爭對手之間的額外分配方面。 至少在各大網站採取行動,我們可以採取一個突出的例子一樣。 然後,大的力氣也不會引起 - 製作圖標一次,並在網站上正確安裝它,你可以忘掉它在未來數個月。
所以隨時進行試驗,發明新的東西,嘗試 - 並取得成功!
Similar articles
Trending Now