Favicon.ico necə yaradılır: 5 addım (şəkillərlə)

Mündəricat:

Favicon.ico necə yaradılır: 5 addım (şəkillərlə)
Favicon.ico necə yaradılır: 5 addım (şəkillərlə)

Video: Favicon.ico necə yaradılır: 5 addım (şəkillərlə)

Video: Favicon.ico necə yaradılır: 5 addım (şəkillərlə)
Video: How to Change Your Profile Picture on YouTube Using PC 2024, Bilər
Anonim

Google, Yahoo və ya wikiHow kimi bir veb saytı ziyarət edərkən, ünvan çubuğunun solunda kiçik bir işarənin olduğunu görə bilərsiniz. Bu bir favicon olaraq bilinir və bir veb sayt üçün özünüzü yarada bilərsiniz. Saytınıza daha peşəkar bir hiss bəxş etməklə yanaşı, istifadəçinin əlfəcinlərində, saytınızdakı sevdikləri səhifələrin yanında görünəcək. Bu, saytınızı daha asan tapmalarına kömək edə bilər.

Addımlar

Favicon.ico yaradın Addım 1
Favicon.ico yaradın Addım 1

Addım 1. Ölçüsü 16x16 piksel olan bir şəkil yaradın

Sadə bir görüntü olmalıdır ki, dərhal tanınsın.

Favicon.ico yaradın Adım 2
Favicon.ico yaradın Adım 2

Addım 2. Təsviri favicon.ico faylına çevirin

Tam olaraq belə adlandırılmalıdır, yoxsa brauzer onu tanımayacaq. Bunun asan bir yolu Dynamic Drive FavIcon Generator istifadə etməkdir. Başqa bir yol, pulsuz bir şəkil redaktoru GIMP istifadə etmək və 16x16 görüntünü ICO formatında saxlamaqdır.

Favicon.ico yaradın Addım 3
Favicon.ico yaradın Addım 3

Addım 3. Yaradılmış faylı veb saytınıza yükləyin

Favicon.ico yaradın Adım 4
Favicon.ico yaradın Adım 4

Addım 4. Aşağıdakı kodu veb saytınızın HTML -ə əlavə edin

Bunu kodun hissəsinə qoymalı və işarənin yolunun veb səhifəyə nisbətən düzgün olduğundan əmin olmalısınız. Kod aşağıdakılardır (həm.html, həm də.ico eyni üst qovluqda olduğu fərz edilir):

Favicon.ico yaradın Adım 5
Favicon.ico yaradın Adım 5

Addım 5. Səhifəni yeniləyin, geriyə addım atın və veb saytınızın gözəl yeni nişanına heyran olun

İpuçları

  • İşarəniz çox kiçik olsa da, digər insanların asanlıqla oxuya/anlaya biləcəyinə əmin olun.
  • Linux istifadə edirsinizsə, faylı birbaşa kompüterinizə çevirə bilərsiniz. Yalnız uyğun bir şəkil seçin, əmr satırınızı açın, görüntüyü saxladığınız qovluğa gedin və yazın: convert-p.webp" />

Tövsiyə: