اخبار سایت
به راهت ادامه بده ! اگر قرار باشد بایستی و به طرف هر سگی که واق واق میکند سنگ پرتاب کنی هرگز به مقصد نمیرسی... - لورنس استرن
مجموعه آموزش های ویدیویی به زبان فارسی
خانه / طراحی وب / ساخت فاو آیکن در فتوشاپ

ساخت فاو آیکن در فتوشاپ

Favicon چیست؟یک آیکون کوچک و اختصاصی(16 در 16 یا 32 در 32 پیکسل ) برای وبسایت شما میباشد که مرورگر،به هنگام باز شدن سایت شما در کنار آدرس وبسایت،این تصویر را نمایش میدهد.

اگر شما برای وبسایتتان فاو آیکن انتخاب نکنید،مروگر به طور پیشفرض،تصویری به جای فاوآیکن شما نمایش میدهد.

نحوه ساخت فاو آیکن در فتوشاپ:

گام اول:همانند تصویر زیر برنامه فتوشاپ را باز کنید،یک سند جدید در اندازه 16 در 16 پیکسل و با پس زمینه شفاف(transparent background) ایجاد کنید.

 Digital-art_Favicon_1

کلید Ctrl را نگه دارید،و + را از صفحه کلید به صورت چند بار فشار دهید تا بزرگنمایی تصویر بیشتر شود.

گام دوم:حالا  حروف یا علامت های مورد نظر خود را  ایجاد کنید.

Digital-art_Favicon_2

گام سوم:برای ذخیره عکس فاو آیکن به مسیر File<Save for Web & Devices

بروید و بر روی گزینه Save کلیک کنید و در قسمت File name،فاو آیکون را با نام favicon.ico ذخیره کنید

حالا عکس درست شده را در ریشه وبسایت خود آپلود کنید(در cpanel در قسمت public html آپلود کنید)

و در نهایت برای به نمایش در آمدن فاو آیکن در وبسایت شما،کد زیر را قبل از تگ </head> وبسایت خود قرار دهید:

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

 

درباره محمدرضا مقدم

خوشحالم که از وب سایت آموزشی دیجیتال آرت دیدن میکنید

۲ دیدگاه

  1. سلام خسته نباشید
    ممنون از آموزشتون اگر دوست داشتید به منم سری بزنید.

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شدبخش های مورد نیاز علامت گذاری شده است *

*