۱۳۸۷/۰۲/۱۱

چگونه برای سایتمان favicon طراحی کنیم؟

برای ساخت آیکن می توانید از Portable ArtIcons Pro 4.14 با حجم 4 مگابایت استفاده کنید و یا از فتوشاپ استفاده نمایید.
برای طراحی favicon با فتوشاپ به روش زیر عمل کنید.

طراحی در فضای بسیار کوچک به اندازه 16 در 16 پیکسل خیلی مشکل است. بنابراین برای خلق آیکون از یک فضای 64 در 64 استفاده کنید. این کار را با انتخاب File>New و انتخاب ابعاد 64 در 64 انجام دهید.




روش طراحی :

اگر شما یک لوگو برای سایتتان دارید باید آن را به اندازه 16 در 16 پیکسل تبدیل کنید. اگر به نظرتان طرح خوبی نیامد و به حالت بلور یا غیر واضح شد آن را به اندازه 64 در 64 پیکسل در آورده و سعی کنید که طرح آن را ساده تر و رنگ های آن را مطابق رنگ های استفاده شده در سایتتان کنید.


برای تغییر سایز عکستان به 16 در 16 پیکسل از منوهای فتوشاپ Image>Image Size را انتخاب کنید. در پنجره ی باز شده اندازه ها را بر روی 16 در 16 تنظیم کنید و تیک Resample Image را فعال کنید و از منوی آبشاری "Bicubic Sharper" را برای وضوح بیشتر و مطمئن شدن از بلور نشدن کارتان انتخاب کنید و سپس Ok کنید.


اگر احساس می کنید که کارتان هنوز تکمیل نیست بیشتر برای آن وقت بگذارید اما به سادگی در عین زیبایی هم توجه داشته باشید. کارهای ساده بهتر در ذهن افراد ماندگار می شوند.






برای ذخیره آیکونی که ساختید File>Save As را انتخاب کنید و سپس در پنجره باز شده نام فایل را favicon.ico و فرمت آن را Windows Icon (ICO) انتخاب کنید و سپس آن را ذخیره کنید. در حالت عادی این فرمت در فتوشاپ شما وجود نخواهد داشت. برای اضافه کردن این فرمت شما باید پلاگین مربوط را از اینجا دانلود کرده و در شاخه "File Formats" <= Plugins کپی کنید. بعد از یک بار رستارت فتوشاپ این فرمت نیز به فرمت های قبلی اضافه خواهد شد.





برای اضافه کردن آیکنی که ساختید به سایتتان به سرور FTP سایتتان رفته و آن را در کنار فایل اصلی یا Index خود قرار دهید.


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

برای اضافه کردن به وبلاگ می توانید آن را در هر فضایی آپلود کرده و در بین تگ های Head وبلاگتان از کد زیر برای فراخوانی آن استفاده کنید:

<link rel="Shortcut Icon" href="Address/favicon.ico">


به جای Address آدرس مکانی را که آیکن خود را در آن آپلود کرده اید جایگزین کنید.

هیچ نظری موجود نیست: