Graphic Opinion
Main Page / About / Contact



Add to Google Reader or Homepage



Categories
Graphic Opinions (2)
In Graphic (2)
In School (2)
Personal (4)
Recommend (6)
Social (1)
QL Links
In Graphic - Daily Links
Game: Bloxorz - 26 Jun, 2008 [511 clicks]
Site: High IQ Society - 7 Oct, 2007 [524 clicks]
Flash: Acrobots - 18 Aug, 2007 [541 clicks]
Article: Altered Books - 11 Aug, 2007 [561 clicks]
Animation: Lifted (by pixar) - 8 Aug, 2007 [715 clicks]
Site: The Sheep Market - 1 Aug, 2007 [583 clicks]

[Subscribe to QL Links]
Useful Sites
Archives
October 2009
April 2009
July 2008
June 2008
May 2008
February 2008
January 2008
October 2007
September 2007
August 2007
July 2007
ect.
StumbleUpon
Friendfeed


FireFox
Movable Type 3.35
Feed Burner
Blogrolling


I'm Mac
یک راهنمای دو قدمی برای ساخت فویکن صفحات وب.

اول. چگونه favicon را بسازیم؟
برای ساخت فوآیکون چهار راه را می توانید انتخاب کنید:

1- اگر فقط یکی دوتا آیکون لازم دارید این بهترین راه است: طرح مورد نظر را در یک فایل 16x16 پیکسل یا 32x32 پیکسل آماده کرده و فایل را با فرمت jpg یا gif ذخیره کنید. حال برای تبدیل پسوند به این سایت ویا این سایت بروید، فایل jpg یا gif را به سایت می دهید و خیلی سریع و ساده فایل ico را پس می گیرید.

2- اگر از این آدمهای فتوشاپ باز هستید ویا هر روز میخواهید دویست سیصدتا از این faviconها بسازید بروید از اینجا پلاگین Ico Format را دانلود و روی فتوشاپ نصب کنید. حالا تا قیام قیامت آیکون طراحی کنید و مستقیم از فتوشاپ با فرمت ico ذخیره کنید.

3- اگر از پلاگین وحشت دارید یا اصلا نمیدانید پلاگین چیست: یک برنامه ای هم هست به اسم png2ico که اگر از اینجا  دانلود و نصب کنید. می توانید فایلهای ذخیره شده با فرمت png را روی کامپیوتر خودتان تبدیل به فرمت ico کنید و حالش را ببرید.

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

دوم. چطور در صفحه وب قرار دهیم؟
خب، حالا شما باید یک فایل به اسم favicon با پسوند ico داشته باشید. به این شکل: favicon.ico این فایل را در پوشه اصلی روی سرور خودتان آپلود کنید. و بعد دو خط کد ساده است که باید بین تگ <head>و <head\>صفحه وب تان قرار دهید. و تمام.

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

توضیح بیشتر: اگر در سایتتان صفحه ای دارید که می خواهید آیکون متفاوتی داشته باشد. آیکون مورد نظرتون رو در پوشه همان صفحه آپلود کنید.

توضیح بیشتر برای وبلاگ نویسها: اگر از سرویسهای مجانی وبلاگ استفاده می کنید هم می توانید برای وبلاگ خود favicon داشته باشید. اول یک سرور رایگان (مثل Sharemation) پیدا کنید تا بتوانید faviconخود را آپلود کنید، پس به قسمت "ویرایش قالب " رفته و همان کد بالا را بین تک <head> و <head\> قرار دهید.  با این تفاوت که بجای favicon.ico آدرس کامل آیکون آپلود شده را باید جایگزین کنید. در این حالت شکل کد شما چیزی شبیه به این خواهد شد:

<link rel="shortcut icon" href="http://www.FreeHost.com/example/favicon.ico">
<link rel="icon" href="http://www.FreeHostService.com/example/favicon.ico">

اگر مشکلی داشتید، بپرسید!

جزئیات همه چیز است. - بامزی

خلاصه بگم که favicon کوتاه شده Favorite Icon است که در واقع همان آیکون صفحه وب شما است؛ اگر کسی آدرس شما را به لیست Favorite خودش اضافه کند آن آیکون را در اندازه 16x16 پیکسل کنار اسم صفحه شما خواهد دید. بعضی مرورگرها - مثل فایرفاکس - در کنار آدرس و اسم وب سایت نیز آن را نمایش می دهند.


favicon چیزی شبیه به گل سینه است. نه تنها در زیبایی ظاهر نقش دارد بلکه بر پرستیژ شما هم تاثیر می گذارد. ضمن آنکه باعث می شود در انبوهی از لینکها جلب توجه و البته که راحت تر دیده شوید. بعلاوه اینکه قسمت Bookmarks مرورگر وب ما هم خوشایندتر می شود.


      

این آیکون شناسه وب شما است و اصلی ترین وظیفه آن تداعی کردن صفحه وب شما در ذهن مخاطب است. پس اگر آرم یا لوگوی خاصی دارید از آن یا قسمت مشخصی از آن را در آیکون بکار ببرید. در ساخت آیکون از رنگ و لعاب صفحه استفاده کنید و حواستان باشد که 16x16 پیکسل جایی برای ریزه کاری ندارد: ساده، مختصر و به قولی "تو چشم!" باشد.