زمانی که یک سایت راه اندازی می‌کنید، یکی از مهم‌ترین بخش‌های ظاهری سایت شما لوگوی آن است. اما برای قرار دادن لوگو نیز باید با اندازه‌های استاندارد آن آشنا باشید. 

زمانی که یک لوگو در سایت خود قرار می‌دهید، اگر اندازه‌های درستی برای آن رعایت نکرده باشید، احتمالا آن لوگو در سایت شما بد نمایش داده خواهد شد. اگر می‌خواهید با اندازه‌های استاندارد لوگو برای وب سایت‌ها آشنا شوید، در ادامه این مقاله همراه ما باشید.

اصول و قواعد سایز لوگو برای سایت

داشتن لوگو روی وب‌سایت شما راهی عالی برای خوشامدگویی فوری به بازدیدکنندگان و تجربه برند شما از همان کلیک اول است. چه از آن در هدر خود یا Favicon آیکون کوچک موجود در بالای صفحه و کنار URL استفاده کنید، لوگوی شما هر کجا که کاربران در سایت شما باشند، برند شما را نشان می‌دهد. برای طراحی لوگو می‌توانید با یک طراح همکاری کنید یا از سرویس‌های طراحی لوگو رایگان استفاده کنید.

به یاد داشته باشید، شما بازدیدکنندگانی از موبایل نیز خود خواهید داشت که آن را روی گوشی‌های هوشمند یا تبلت‌های خود مشاهده می‌کنند، جایی که لوگوی شما ممکن است حتی کوچک‌تر نیز به نظر برسد. به همین دلیل باید مطمئن شوید که لوگوی سایت شما کیفیت مناسبی نیز دارد.

به طور کلی، سایز لوگوی شما در سایت باید کمتر از ۲۰۰ کیلوبایت باشد. هر چه فایل تصویر شما بزرگ‌تر باشد، سنگین‌تر است؛ این مسئله باعث می‌شود تا مرورگر در نمایش لوگوی شما با مشکل مواجه شود.

در اینجا بعضی از دستورالعمل‌های اندازه لوگو برای وب‌سایت‌ها آورده شده است:

• لوگوی هدر: حداقل ۴۰۰ پیکسل عرض (در حالت ایده آل ۵۰۰-۶۰۰ پیکسل)
• لوگوی فوتر: حداقل ۲۰۰ پیکسل عرض (در حالت ایده آل ۳۰۰-۴۰۰ پیکسل)
• Favicon: اندازه استاندارد ۱۶×۱۶ پیکسل (همچنین نسخه های بزرگتر مانند ۳۲×۳۲ پیکسل را در نظر بگیرید)

اندازه لوگو در هدر سایت (Header)

اگر از یک سایت ساز برای درست کردن سایت خود استفاده می‌کنید، مشخصات آن ممکن است از یک پلتفرم به پلتفرم دیگر متفاوت باشد. یکی از بهترین فرمت‌هایی که برای لوگوی سایت خود می‌توانید استفاده کنید، فرمت svg است. با این حال استفاده از فرمت png نیز می‌تواند برای شما مفید باشد. لوگوی شما با هر فرمتی هم که بود، هنگام استفاده از آن در هدر وب سایت، به این موارد زیر توجه داشته باشید:

• قرارگیری: چپ‌چین رایج‌ترین و توصیه‌شده‌ترین گزینه برای لوگوها در هدر است. این به ویژه برای وب‌سایت‌هایی که متن آنها از چپ به راست خوانده می‌شود صادق است. لوگوهای وسط نیز ممکن است بسته به چیدمان و طراحی کلی شما کار کنند.
• لینک به صفحه اصلی: حتماً لوگوی خود را به صفحه اصلی خود پیوند دهید تا تجربه کاربری را بهینه کنید.
• استفاده از لوگو در جای دیگر: در حالی که هدر و favicon محبوب‌ترین مکان‌ها برای استفاده از لوگوی شما در وب سایت شما هستند، می‌توانید آن را در پاورقی، طراحی شده به عنوان دکمه یا نماد، یا حتی در صفحات محصول خود نیز قرار دهید.

به طور کلی، لوگوهای وب سایت می‌توانند هر اندازه‌ای داشته باشند، با این حال ابعاد توصیه شده برای یک صفحه وب ۲۵۰ در ۱۵۰ پیکسل است. به خاطر داشته باشید که لوگوی شما تمام عرض یک وب سایت، بنر یا چیدمان را اشغال نخواهد کرد، بلکه باید در طراحی کلی گنجانده شود.

به طور کلی اندازه‌های استاندارد برای قرارگیری لوگو در سایت، موارد زیر هستند:

در طرح عمودی: 

• ۱۶۰ x 160

در طرح افقی:

• ۲۵۰ x 150  پیکسل
• ۳۵۰ x 75  پیکسل
• ۴۰۰ x 100  پیکسل

Favicon

فاو آیکون یا Favicon به لوگوی کوچکی گفته می‌شود که در کنار آدرس سایت شما در مرورگر قرار می‌گیرد. این آیکون‌ها در شناخته شدن و برندسازی سایت شما نقش مهمی دارند و به بازدیدکنندگان اجازه می‌دهند تا سایت شما را فورا تشخیص دهند. فاو آیکون معمولا با فرمت ICO، GIF، JPEG و PNG ایجاد می‌شود و پس زمینه‌های شفاف دارد.

اندازه استاندارد لوگوی فاو آیکون:

• ۱۶ x 16  پیکسل (رایج‌ترین اندازه)
• ۳۲ x 32  پیکسل
• ۴۸ x 48  پیکسل
• فرمت ایده‌آل برای فاو آیکون، فرمت png یا jpeg است.

 اندازه استاندارد آیکون‌های اپلیکیشن‌های موبایل

وب سایت شما ممکن است یک اپلیکیشن موبایل نیز داشته باشد، بنابراین باید سایز‌های مناسب برای لوگو در اپلیکیشن‌ها را نیز بدانید. در لیست زیر اندازه‌های مناسب برای شرایط مختلف یک اپلیکیشن را آورده‌ایم.
اندازه استاندارد لوگوی اپلیکیشن در شرایط مختلف:

• لانچر اندروید: ۱۹۲ x 192 پیکسل
• پلی‌استور اندروید: ۱۰۲۴ x 500 پیکسل
• لوگوی پلی‌استور اندروید: ۵۱۲ x 512 پیکسل
• آیپد و آیپد مینی x2: 152 x 152 پیکسل
• اپل استور آیپد x2: 167 x 167  پیکسل
• اپل استور در آیفون x2: ۱۲۰ x 120 پیکسل
• اپل استور در آیفون x3:  ۱۸۰ x 180 پیکسل
• اپل استور در آیفون x1: 1024 x 1024 پیکسل
• اپل آیپد مینی: ۷۶۸ x 1024  پیکسل
• اپل آیپد پرو: ۲۰۴۸ x 2732  پیکسل
• اپل آیپد رتینا: ۱۵۳۶ x 2048  پیکسل
• اپل آیفون ۴: ۶۴۰ x 960  پیکسل
• اپل آیفون ۵، SE: 640 x 1136  پیکسل
• اپل آیفون ۶، ۶s، ۷، ۸:  ۷۵۰ x 1334 پیکسل
• اپل آیفون ۸ پلاس:  ۱۲۴۲ x 2208  پیکسل
• اپل آیفون X: 1125 x 2436  پیکسل

اندازه استاندارد لوگو در ایمیل و سربرگ آنلاین

افزودن لوگوی شما به امضای ایمیلتان نه تنها ظاهری حرفه‌ای به آن می‌دهد، بلکه تلاش‌های برندسازی شما را در هر تماس تقویت می‌کند. هنگام برقراری ارتباط با مشتریان از طریق ایمیل تجاری شما، اندازه استانداردی برای امضاهای ایمیل وجود ندارد، اما توصیه می‌شود اندازه فایل تصویر لوگوی شما از ۳۲۰ پیکسل در ۷۰ تا ۱۰۰ پیکسل فراتر نرود.

همچنین استفاده از فرمت فایل PNG که از ۱۰ کیلوبایت بیشتر نباشد ایده آل است. این کار تضمین می‌کند که لوگوی شما حتی در دستگاه‌های تلفن همراه نیز عالی به نظر برسد. 

نتیجه گیری

در نهایت، برای تضمین بهترین نمایش و برندسازی برای وب‌سایت خود، از ابعاد مناسب و فرمت‌های استاندارد برای لوگو استفاده کنید. همچنین، همواره از اندازه و فرمت مناسب برای لوگو در اپلیکیشن‌های موبایل و ایمیل‌هایتان اطمینان حاصل کنید. با رعایت این نکات، لوگوی شما به درستی در هر محیطی نمایش داده شده و تاثیر مثبتی بر تشخیص و برندسازی وب‌سایت شما خواهد داشت.