در طراحی وب، همانطور که احتمالاً می دانید، هر جزئیات مهم است. شخصی که به منبع شما تغییر داده است، هر یک از عناصر را به طور جداگانه نمی بیند، اما کل تصویر را به عنوان بسته ای متشکل از جزئیات کوچک دیگر درک می کند. بنابراین، اگر در فرآیند توسعه منبع خود چیزی را از دست بدهید، این جزئیات می تواند بعداً کل مجموعه، کل ترکیب را خراب کند.
چنین خرده‌ریزی می‌تواند، برای مثال، پس‌زمینه یک دکمه، فونت اشتباه انتخاب‌شده برخی از عناصر کوچک و حتی یک فاویکون باشد. در واقع، خودتان ببینید - سایت های بزرگ و شناخته شده دارای یک نماد جداگانه هستند که آن را در بخش "نشانک ها" مرورگر کاربر نشان می دهد. بدون آن، توسعه دهندگان منبع نمی توانستند ترکیبی را که در ابتدا برای آن تلاش می کردند ایجاد کنند.
بنابراین، هنگام ایجاد طراحی برای سایت خود، باید از جزئیاتی مانند فاویکون مراقبت کنید. در این مقاله، در مورد نحوه تطبیق آن با سبک کلی منبع و همچنین اندازه‌هایی که این تصویر باید داشته باشد صحبت خواهیم کرد.
نماد سایت
ابتدا، اجازه دهید تعریف کنیم که این عنصر چیست. در حال حاضر، نگاهی به عنوان برگه مرورگر خود بیندازید. همانطور که می بینید، یک تصویر کوچک در سمت چپ آن وجود دارد که نشان دهنده نسخه ساده شده لوگوی منبع است. همین تصویر نیز نزدیک نام سایت نمایش داده شده در نتایج جستجو است. این همان چیزی است که کاربر با دیدن عنوان توسط آن هدایت می شود.
بسیاری از مدیران وب می دانند که چنین تصویری لازم است - اما تعداد کمی از مردم می دانند که اندازه فاویکون برای سایت مناسب ترین است. بنابراین، در این مقاله ما نه تنها اطلاعاتی در مورد نحوه ساخت چنین آیکونی و نحوه نصب آن بر روی منبع خود ارائه می دهیم، بلکه در مورد اندازه تصویر نیز صحبت خواهیم کرد.
هدف فاویکون
بنابراین، تصویر نزدیک هدر سایت برای شناسایی استفاده می شود. این هدف اصلی آن است: بیان سایتی که نام آن را می بینیم، و برجسته کردن آن در چشم بقیه. این کار به سادگی ممکن از طریق استفاده از گرافیک انجام می شود: ما به طور شهودی اطلاعات را در تصاویر بسیار سریعتر و راحت تر از قالب متن درک می کنیم. فاویکون ها به ما در انجام این کار کمک می کنند. اما فراموش نکنید که اندازه فاویکون از نظر کاربر حداقل است. این یک لوگو در "سرصفحه" سایت نیست، که ممکن است حاوی اطلاعات اضافی در قالب کتیبه ها، برخی توضیحات یا اطلاعات تماس باشد. هر چیزی که در نماد کنار نام قابل نمایش است باید تا حد امکان با اندازه فاویکون مطابقت داشته باشد. و او، همانطور که قبلاً اشاره شد، به سادگی مینیاتور است (فقط 16 در 16 پیکسل).
چگونه انتخاب کنیمفاویکون؟
پس چگونه یک وب مستر می تواند برای سایت خود یک نماد طراحی کند؟ لازم به ذکر است که فشرده سازی ساده لوگوی سایت در اغلب موارد کارساز نخواهد بود. روی نمادهایی که به شکل آرم یک منبع خاص قرار می گیرند، اغلب عناصر مختلفی قابل مشاهده است که همیشه به صورت مینیاتوری به درستی نمایش داده نمی شوند. بهتر است فورا چنین تعهدی را کنار بگذارید.
البته، اندازه فاویکون اجازه نمی دهد در مورد درج یک کتیبه در آنجا صحبت کنیم. هر متنی در این قطعنامه به سادگی نامرئی خواهد بود. ما باید یک نماد جدید ایجاد کنیم که سبک سایت را نشان دهد. برای یافتن راه حل، دوباره به بزرگترین سایت ها مراجعه می کنیم.
بسیاری از افراد از حرف اول نام سرویس به عنوان فاویکون استفاده می کنند. این راهی است، به عنوان مثال، بینگ، یاهو، یاندکس، ویکی پدیا، گوگل. روش دیگری وجود دارد - اگر نام سایت کوتاهی دارید، می توانید آن را به عنوان پس زمینه نماد خود تنظیم کنید. برای اینکه اندازه فاویکون (برحسب پیکسل که به 16 در 16 پیکسل می رسد) این کتیبه را به درستی نمایش دهد، نباید بیشتر از 3 حرف باشد. این همان کاری است که برای مثال سرویس Aol انجام می دهد.
چگونه یک فاویکون ایجاد کنیم؟
راه های مختلفی برای ایجاد نماد برای نام سایت وجود دارد. البته ساده ترین کار این است که با راه حل های آماده مختلف کار کنید. ما می توانیم در مورد برخی از خدمات یا برنامه هایی صحبت کنیم که به شما امکان می دهند با کاهش آن یک نماد از یک تصویر کامل بسازید. با این حال، من توصیه می کنم چنین لوگویی را به تنهایی توسعه دهید. این در ابتدا خواهد دادفرصت یادگیری چیزی؛ و ثانیا ابزارهای بیشتری را فراهم می کند. تنها چیزی که برای این کار باید بدانید این است که چه چیزی را بکشید و همچنین بدانید که فاویکون در نسخه نهایی چه اندازه ای باید داشته باشد. کمی بعد در مورد اندازه آیکون سایت صحبت خواهیم کرد، اما در حال حاضر برخی از ظرافت های کار با چنین تصاویری را یادداشت خواهیم کرد. به ویژه بدون ذکر اندازه فاویکون برای سایت، فرمت چنین تصویری باید مشخص شود. همانطور که طراحان باتجربه خاطرنشان می کنند، تصویر باید به عنوان یک PNG. (24 بیتی) یا به عنوان یک فایل. ICO ذخیره شود.
می توانید تصویر را ذخیره کنید، برای مثال با استفاده از فتوشاپ، جایی که نشان کشیده می شود.
ابعاد فاویکون
بنابراین، حالا بیایید در مورد بزرگ بودن تصویری که در کنار نام سایت در نتایج جستجو می بینیم صحبت کنیم. به طور پیش فرض، همانطور که قبلا ذکر شد، اندازه آن تنها 16 پیکسل (در هر طرف) است. با این حال، اگر سعی کنید این تصویر را در فتوشاپ ویرایش کنید، خودتان خواهید دید که چقدر ناخوشایند است. بنابراین، توصیه می کنیم با یک تصویر بزرگ شده کار کنید، که در آینده می توان آن را به سادگی در امتداد لبه ها فشرده کرد و در فرمت مورد نیاز ذخیره کرد.
چندپلتفرم
با این حال، در مورد اینکه فاویکون باید در سایت شما چقدر بزرگ باشد، یک چیز دیگر را باید در نظر داشته باشید. همه پلتفرم ها یک تصویر منبع را به یک شکل نمایش نمی دهند. برای مثال، دستگاه‌های دارای صفحه نمایش رتینا، فاویکون شما را با ابعاد 32 در 32 پیکسل می‌بینند. و در سافاری و در پلتفرم جدید ویندوز و اصلاً این آیکون ها به اندازه 64 می رسندپیکسل.
بنابراین، توصیه می کنیم نسخه های مختلف نماد را ذخیره کنید و به سادگی بسته به پلتفرم کاربر در آینده تغییرات آن را فراهم کنید. نکته جالب دیگر - می توانید سعی کنید نماد را در بزرگترین قالب بارگیری کنید و روی این واقعیت حساب کنید که بسته به مرورگر "کوچک" می شود.
ویراستاران خارجی
البته خوب است اگر با فتوشاپ خوب باشید و بدانید فاویکون باید چه اندازه باشد و چگونه می توانید در حین ذخیره تصویر به آن برسید. با این حال، افراد مبتدی زیادی وجود دارند که قبلاً با ویرایشگرهای گرافیکی به این نزدیکی برخورد نکرده بودند، بنابراین نمی توانند به این راحتی تصویر مورد نظر را ترسیم کنند. برای کمک به این گونه وب مسترها، سرویس های مختلفی وجود دارد که به شما امکان می دهد به طور خودکار نماد مورد نظر خود را ایجاد کنید. بسیاری از آنها حتی رایگان هستند، که نیازی به سرمایه گذاری از طرف کاربر ندارد.
گاهی اوقات برای کار فقط نیاز به ثبت نام دارید، اما، همانطور که می دانید، این یک بار انجام می شود - بالاخره، شرکت ها اغلب فاویکون خود را تغییر نمی دهند. به Google نگاهی بیندازید، که هر روز لوگو را تغییر می‌دهد، اما نماد را لمس نمی‌کند.
چگونه یک فاویکون نصب کنیم؟
به طور کلی، راه اندازی سایت خود به گونه ای که تصویر مورد نیاز شما را به درستی نمایش دهد بسیار ساده است. کافی است یک سری مراحل ساده را انجام دهید که به موتورهای جستجو و همچنین مرورگرهای ساده اجازه می دهد اطلاعات را بخوانند.
برای این کار، تصویر حاصل باید با ذخیره شودبا نام favicon.ico و در ریشه منبع شما قرار می گیرد. تمام شد، اکنون تصویر شما به طور خودکار شناسایی می شود و پس از مدتی به سایت شما لینک می شود.
علاوه بر این صحافی، می توانید یک خط دیگر اضافه کنید که نماد شما را در کجا قرار دارد "پیشنهاد می کند". به نظر می رسد:
کد را در هدر سایت نصب کنید.
نتیجه گیری
بنابراین، پس از خواندن مقاله ما، متوجه شدید که یک فاویکون برای یک سایت چقدر باید باشد و چه اندازه است. همچنین، فکر می‌کنم متوجه شده‌اید که یافتن نماد مناسب برای منبع خود یک ضرورت است، زیرا هم از نظر افزایش شناخت و هم از نظر برجسته شدن بیشتر در بین رقبای شما، به شما کمک می‌کند. حداقل بزرگترین سایت‌ها همین کار را می‌کنند که می‌توان آن را به عنوان نمونه‌ای بارز در نظر گرفت. و علاوه بر این، تلاش زیادی نمی کند - با یک بار ساختن فاویکون و نصب صحیح آن در سایت خود، می توانید تا چند ماه آینده آن را فراموش کنید.
بنابراین، با خیال راحت آزمایش کنید، چیز جدیدی بیابید، امتحان کنید - و همه چیز درست می شود!
