favicon.cc – اسکریپت دات کام https://www.xn--mgbguh09aqiwi.com اسکریپت دات کام Thu, 29 May 2014 08:27:06 +0000 fa-IR hourly 1 https://wordpress.org/?v=5.6.14 آموزش درج فاوآیکون ( FavIcon ) برای وب سایت https://www.xn--mgbguh09aqiwi.com/%d8%a2%d9%85%d9%88%d8%b2%d8%b4-%d8%af%d8%b1%d8%ac-%d9%81%d8%a7%d9%88%d8%a2%db%8c%da%a9%d9%88%d9%86-favicon-%d8%a8%d8%b1%d8%a7%db%8c-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa.html https://www.xn--mgbguh09aqiwi.com/%d8%a2%d9%85%d9%88%d8%b2%d8%b4-%d8%af%d8%b1%d8%ac-%d9%81%d8%a7%d9%88%d8%a2%db%8c%da%a9%d9%88%d9%86-favicon-%d8%a8%d8%b1%d8%a7%db%8c-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa.html#comments Tue, 22 Apr 2014 09:07:00 +0000 http://xn--mgbguh09aqiwi.com/?p=1341 از سری آموزش های طراحی وب سایت , امروز به آموزش درج فاوآیکون برای سایت میپرازیم .

فاوآیکون ( FavIcon ) همان عکس کوچکی می باشد که بیشتر سایت ها از اون بهره میبرن و میتوان اون رو نماد یا لوگویی از سایت دونست 

مثلا سایت اسکریپت دات کام دارای فاوآیکونی به شکل توت فرنگی میباشد .

قرار دادن فاوآیکون برای یک وب سایت الزامی نیست اما طبیعتا به چهره , زیبایی و پرستیژ سایت کمک بسیاری میکند .

 

و اما آموزش :

ابتدا باید تصویر مورد نظر خود را به سایز 16*16 در آورید یا اگر تصویری از قبل ندارید و خود مایل به ساخت آیکون هستید , باید یک تصویر با اندازه 16*16 پیکسل را طراحی کنید .

حال باید فرمت ( پسوند ) تصویر را از png یا jpg به فرمت ico. تبدیل کنید تا تمامی مرورگرها قادر به نمایش فاوآیکون ما باشند . 

برای این کار یا میتوانید از نرم افزار های تبدیل کننده نظیر axialis و یا وب سایت favicon.cc استفاده نمایید . مسلما وب سایت favicon.cc بسیار راحت تر و سریعتر این کار را برای ما به صورت رایگان انجام میدهد.

حال پس از تبدیل تصویر مورد نظر خود به فرمت ico. کافیست برای قرار گیری در وب سایت خود , مراحل زیر را انجام دهید .

ابتدا نام تصویر خود را به favicon تغییر داده و در root سایت خود آپلود نمایید .

یعنی فایل favicon.ico را در root سایت خود قرار دهید . منظور از root , همان جایی هست که فایل index.html یا index.php سایت شما در آنجا قرار دارد . ( یعنی مثلا در هاست لینوکسی , داخل پوشه public_html یا www یا htdocs )

حال کد زیر را در بالای سایت خود , در بین دو تگ <head> و <head/> قرار دهید .

<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">

 توجه : حتما تمامی کارکتر های نام عکس را با حروف کوچک بنویسید …

آموزش : وحید مجیدی 

پخش اختصاصی

]]> https://www.xn--mgbguh09aqiwi.com/%d8%a2%d9%85%d9%88%d8%b2%d8%b4-%d8%af%d8%b1%d8%ac-%d9%81%d8%a7%d9%88%d8%a2%db%8c%da%a9%d9%88%d9%86-favicon-%d8%a8%d8%b1%d8%a7%db%8c-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa.html/feed 11