زمانی که یک سایت راه اندازی میکنید، یکی از مهمترین بخشهای ظاهری سایت شما لوگوی آن است. اما برای قرار دادن لوگو نیز باید با اندازههای استاندارد آن آشنا باشید.
زمانی که یک لوگو در سایت خود قرار میدهید، اگر اندازههای درستی برای آن رعایت نکرده باشید، احتمالا آن لوگو در سایت شما بد نمایش داده خواهد شد. اگر میخواهید با اندازههای استاندارد لوگو برای وب سایتها آشنا شوید، در ادامه این مقاله همراه ما باشید.
اصول و قواعد سایز لوگو برای سایت
داشتن لوگو روی وبسایت شما راهی عالی برای خوشامدگویی فوری به بازدیدکنندگان و تجربه برند شما از همان کلیک اول است. چه از آن در هدر خود یا Favicon آیکون کوچک موجود در بالای صفحه و کنار URL استفاده کنید، لوگوی شما هر کجا که کاربران در سایت شما باشند، برند شما را نشان میدهد. برای طراحی لوگو میتوانید با یک طراح همکاری کنید یا از سرویسهای طراحی لوگو رایگان استفاده کنید.
به یاد داشته باشید، شما بازدیدکنندگانی از موبایل نیز خود خواهید داشت که آن را روی گوشیهای هوشمند یا تبلتهای خود مشاهده میکنند، جایی که لوگوی شما ممکن است حتی کوچکتر نیز به نظر برسد. به همین دلیل باید مطمئن شوید که لوگوی سایت شما کیفیت مناسبی نیز دارد.
به طور کلی، سایز لوگوی شما در سایت باید کمتر از 200 کیلوبایت باشد. هر چه فایل تصویر شما بزرگتر باشد، سنگینتر است؛ این مسئله باعث میشود تا مرورگر در نمایش لوگوی شما با مشکل مواجه شود.
در اینجا بعضی از دستورالعملهای اندازه لوگو برای وبسایتها آورده شده است:
- لوگوی هدر: حداقل 400 پیکسل عرض (در حالت ایده آل 500-600 پیکسل)
- لوگوی فوتر: حداقل 200 پیکسل عرض (در حالت ایده آل 300-400 پیکسل)
- Favicon: اندازه استاندارد 16×16 پیکسل (همچنین نسخه های بزرگتر مانند 32×32 پیکسل را در نظر بگیرید)
اندازه لوگو در هدر سایت (Header)
اگر از یک سایت ساز برای درست کردن سایت خود استفاده میکنید، مشخصات آن ممکن است از یک پلتفرم به پلتفرم دیگر متفاوت باشد. یکی از بهترین فرمتهایی که برای لوگوی سایت خود میتوانید استفاده کنید، فرمت svg است. با این حال استفاده از فرمت png نیز میتواند برای شما مفید باشد. لوگوی شما با هر فرمتی هم که بود، هنگام استفاده از آن در هدر وب سایت، به این موارد زیر توجه داشته باشید:
- قرارگیری: چپچین رایجترین و توصیهشدهترین گزینه برای لوگوها در هدر است. این به ویژه برای وبسایتهایی که متن آنها از چپ به راست خوانده میشود صادق است. لوگوهای وسط نیز ممکن است بسته به چیدمان و طراحی کلی شما کار کنند.
- لینک به صفحه اصلی: حتماً لوگوی خود را به صفحه اصلی خود پیوند دهید تا تجربه کاربری را بهینه کنید.
- استفاده از لوگو در جای دیگر: در حالی که هدر و favicon محبوبترین مکانها برای استفاده از لوگوی شما در وب سایت شما هستند، میتوانید آن را در پاورقی، طراحی شده به عنوان دکمه یا نماد، یا حتی در صفحات محصول خود نیز قرار دهید.
به طور کلی، لوگوهای وب سایت میتوانند هر اندازهای داشته باشند، با این حال ابعاد توصیه شده برای یک صفحه وب 250 در 150 پیکسل است. به خاطر داشته باشید که لوگوی شما تمام عرض یک وب سایت، بنر یا چیدمان را اشغال نخواهد کرد، بلکه باید در طراحی کلی گنجانده شود.
به طور کلی اندازههای استاندارد برای قرارگیری لوگو در سایت، موارد زیر هستند:
در طرح عمودی:
- 160 x 160
در طرح افقی:
- 250 x 150 پیکسل
- 350 x 75 پیکسل
- 400 x 100 پیکسل
Favicon
فاو آیکون یا Favicon به لوگوی کوچکی گفته میشود که در کنار آدرس سایت شما در مرورگر قرار میگیرد. این آیکونها در شناخته شدن و برندسازی سایت شما نقش مهمی دارند و به بازدیدکنندگان اجازه میدهند تا سایت شما را فورا تشخیص دهند. فاو آیکون معمولا با فرمت ICO، GIF، JPEG و PNG ایجاد میشود و پس زمینههای شفاف دارد.
اندازه استاندارد لوگوی فاو آیکون:
- 16 x 16 پیکسل (رایجترین اندازه)
- 32 x 32 پیکسل
- 48 x 48 پیکسل
- فرمت ایدهآل برای فاو آیکون، فرمت png یا jpeg است.
اندازه استاندارد آیکونهای اپلیکیشنهای موبایل
وب سایت شما ممکن است یک اپلیکیشن موبایل نیز داشته باشد، بنابراین باید سایزهای مناسب برای لوگو در اپلیکیشنها را نیز بدانید. در لیست زیر اندازههای مناسب برای شرایط مختلف یک اپلیکیشن را آوردهایم.
اندازه استاندارد لوگوی اپلیکیشن در شرایط مختلف:
- لانچر اندروید: 192 x 192 پیکسل
- پلیاستور اندروید: 1024 x 500 پیکسل
- لوگوی پلیاستور اندروید: 512 x 512 پیکسل
- آیپد و آیپد مینی x2: 152 x 152 پیکسل
- اپل استور آیپد x2: 167 x 167 پیکسل
- اپل استور در آیفون x2: 120 x 120 پیکسل
- اپل استور در آیفون x3: 180 x 180 پیکسل
- اپل استور در آیفون x1: 1024 x 1024 پیکسل
- اپل آیپد مینی: 768 x 1024 پیکسل
- اپل آیپد پرو: 2048 x 2732 پیکسل
- اپل آیپد رتینا: 1536 x 2048 پیکسل
- اپل آیفون ۴: 640 x 960 پیکسل
- اپل آیفون ۵، SE: 640 x 1136 پیکسل
- اپل آیفون ۶، ۶s، ۷، ۸: 750 x 1334 پیکسل
- اپل آیفون ۸ پلاس: 1242 x 2208 پیکسل
- اپل آیفون X: 1125 x 2436 پیکسل
اندازه استاندارد لوگو در ایمیل و سربرگ آنلاین
افزودن لوگوی شما به امضای ایمیلتان نه تنها ظاهری حرفهای به آن میدهد، بلکه تلاشهای برندسازی شما را در هر تماس تقویت میکند. هنگام برقراری ارتباط با مشتریان از طریق ایمیل تجاری شما، اندازه استانداردی برای امضاهای ایمیل وجود ندارد، اما توصیه میشود اندازه فایل تصویر لوگوی شما از 320 پیکسل در 70 تا 100 پیکسل فراتر نرود.
همچنین استفاده از فرمت فایل PNG که از 10 کیلوبایت بیشتر نباشد ایده آل است. این کار تضمین میکند که لوگوی شما حتی در دستگاههای تلفن همراه نیز عالی به نظر برسد.
نتیجه گیری
در نهایت، برای تضمین بهترین نمایش و برندسازی برای وبسایت خود، از ابعاد مناسب و فرمتهای استاندارد برای لوگو استفاده کنید. همچنین، همواره از اندازه و فرمت مناسب برای لوگو در اپلیکیشنهای موبایل و ایمیلهایتان اطمینان حاصل کنید. با رعایت این نکات، لوگوی شما به درستی در هر محیطی نمایش داده شده و تاثیر مثبتی بر تشخیص و برندسازی وبسایت شما خواهد داشت.
