آیکون ها فایل های گرافیکی هستند که برای بیشترین استفاده آن ها برای برنامه نویسان می باشد. البته در سطح وب نیز آیکون ها کاربرد دارند.
استفاده آیکون ها در وطراحی سایت مربوط به هدر وب سایت می شود. وقتی نرم افزار مرورگر خود را باز می کنید و وارد یک وب سایت می شوید، نام وب سایت در بالای پنجره مرورگر نمایش داده می شود. در کنار نام وب سایت نماد گرافیکی کوچکی وجود دارد که به آن آیکون می گویند.
آیکون ها فایل های گرافیکی با ابعاد مربعی هستند. یعنی طول و عرض برابر دارند. برخی از ابعاد استاندارد آیکون به شرح زیر می باشند:
- 128×128 pixel
- 64×64 pixel
- 32×32 pixel
- 16×16 pixel
چگونه یک فایل گرافیکی را تبدیل به آیکون کنیم؟
ابتدا اندازه آیکون مورد نظر خود را در نرم افزار فوتوشاپ باز کنید و ویرایش های مورد نظر را انجام دهید. سپس فایل را با فرمت png ذخیره کنید. دقت کنید هنگام ساخت حالت رنگی روی RGB و واحد اندازه روی پیکسل تنظیم شده باشد. سپس با استفاده از وب سایت های تبدیل فایل آیکون مورد نظر خود را بسازید.
از وب سایت های تبدیل PNG به ICO می توان به سایت های زیر اشاره کرد:
convertico.com
icoconverter.com
converticon.com
نحوه استفاده آیکون در هدر سایت
برای استفاده از آیکون در هدر سایت کد زیر را در قسمت تگ head وب سایت خود قرار دهید.
<link rel=”shortcut icon” type=”image/ico” href=”/favicon.ico“>
در قسمت href مسیر دسترسی به آیکون را قرار دهید.