طراحی fav icon برای وب سایت

Fav icon چی هست و کاربردش برای سایت چیه؟

فاو آیکون این آیکون ریزیه که زمانی که یک سایتی رو باز میکنیم کنار اسم اون سایت میاد.

 

طراحی fav icon برای وب سایت

 

فاو آیکون باعث میشه که سایت تو با بقیه ی سایت ها فرق کنه.

 

طراحی fav icon برای وب سایت

 

و همینطور اگه از لوگوی خودت استفاده کنی باعث میشه افرادی که تورو میشناسن جذب سایت تو بشن.

حالا برای طراحی این آیکون کوچولو ولی منحصر به فرد باید چیکار کنیم؟

من میام از نرم افزار فتوشاپ استفاده میکنم.

یک سند جدید به ابعاد ۱۶×۱۶ پیکسل باز میکنم.

با رزولیشن ۷۲

 

طراحی fav icon برای وب سایت

 

حالا برای اینکه بزرگش کنم میام کلید ctrl رو نگه میدارم و همینطور + رو میزنم تا سند باز شدم بیاد جلو تر.

 

طراحی fav icon برای وب سایت

 

حالا هم میتونم از لوگو استفاده کنم و هم از یک تصویر png که از قبل دانلود کرده باشم.

 

طراحی fav icon برای وب سایت

 

فقط دقت کنید که این تصویر جزییات نداشته باشه چون باعث میشه که هم پیدا نباشه و هم خراب بشه تصویرتون.

 

طراحی fav icon برای وب سایت

 

من تصویر یک قلب رو از داخل گوگل سرچ کردم از قبل حالا اونو توی سندم باز میکنم.

 

طراحی fav icon برای وب سایت

 

و کلید اینتر رو میزنم.

حالا برای سیو کردن اون میام از قسمت file, export, save for web رو میزنم.

 

طراحی fav icon برای وب سایت

 

و بعد سیو میکنم و اسمش رو هم مشخص میکنم.

 

طراحی fav icon برای وب سایت

 

حالا میتونید عکس درست شده رو توی ریشه ی وبسایت خودتون آپلود کنید.

 

طراحی fav icon برای وب سایت

 

و در نهایت برای به نمایش درآوردن فاو آیکون داخل سایت خودتون کد زیر رو قبل از تگ head وبسایت خودتون قرار بدین.

=image/ico” herf=”favicon.ico” />

طراحی fav icon برای وب سایت

موفق و موید باشید