رتینا چیست و چگونه می توانید تصاویر خود را برای آن بهینه سازی کنید؟ با ما در این مطلب از مجموعه مطالب آموزش ایمیل مارکتینگ همراه باشید تا پاسخ به این سوالات را دریابید.

با پیشرفت تکنولوژی، کیفیت و رزولوشن (Resolution یا وضوح تصویر) صفحه نمایش دستگاه های مختلف به طور فزاینده ای بهبود پیدا کرده و می کند. تحول در این حوزه در سال ۲۰۱۱ و هنگامی شروع شد که کمپانی اپل صفحات رتینا (که تعداد پیکسل های آنها چهار برابر صفحات معمولی بود) را معرفی کرد. علیرغم اینکه این تحول باعث نمایش و طبیعتاً تولید تصاویر بسیار با کیفیت تری شده است، اما چالش هایی را نیز برای برندهایی که باید برای این دستگاه ها طراحی انجام بدهند ایجاد کرده است. ذخیره کردن تصاویر با حجم پایین روش سودمندی برای صفحات نمایش رتینا نیست، چرا که باعث کاهش کیفیت تصویر می شود. این کاهش تصویر در صفحاتی که کیفیت معمولی دارند دیده نمی شود، اما در صفحات رتینا کاملاً مشهود است. خوشبختانه یک راه آسان وجود دارد که به کمک آن می توانید اطمینان پیدا کنید که ایمیل های شما در هر دستگاهی که در آن باز شوند به درستی و با بهترین کیفیت ممکن به نمایش در می آیند: «بهینه سازی تصاویر برای صفحات نمایش رتینا». اما در ابتدا باید بدانیم که «رتینا» چیست.

 

صفحه نمایش «رتینا» چیست؟

یک صفحه نمایش رتینا (Retina؛ کلمه ای که توسط اپل ابداع شد) صفحه نمایشی با تعداد بالایی از پیکسل است. این صفحاتِ دارای PPI (پیکسل در هر اینچ) بالا معمولاً در هر اینچ ۳۰۰ پیکسل را نمایش می دهند (در مقایسه با حدود ۱۰۰ پیکسل دستگاه های قدیمی). از آنجایی که تعداد پیکسل های فراوانی در هر اینچ گنجانده شده اند، چشم انسان قادر به تشخیص پیکسل ها نیست و در نتیجه، متون و تصاویر کاملاً واضح به نظر می رسند. این رویکرد نسبت به PPI در مورد محصولات جدید اپل به یک رویه استاندارد تبدیل شد و در ادامه، به محصولات سایر شرکت ها نیز راه یافت. امروزه گوشی ها (از گلکسی S6 سامسونگ گرفته تا G3 ال جی …)، تبلت ها (گلکسی تب پرو ۸٫۴ از سامسونگ، گوگل پیکسل C) و لپ تاپ های (Surface Book مایکروسافت، کروم بوک گوگل، Dell XPS) فراوانی با صفحات نمایش دارای رزولوشن بالا عرضه می شوند. با توجه به رشد فزاینده تولید و عرضه دستگاه هایی که PPI بالایی دارند، بهینه سازی ایمیل برای صفحات نمایش رتینا اهمیت و ضرورت بیشتری پیدا کرده است.

 

ایمیل های خود را چگونه برای دستگاه های رتینا بهینه سازی کنیم؟

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

مثلاً فرض کنیم که یک فضای ۳۰۰ در ۲۰۰ پیکسلی را برای یک عکس در نظر گرفته اید. اگر تصویر مورد نظر خود را با همین ابعاد ذخیره کنید در صفحات غیر رتینا به خوبی نمایش داده خواهد شد، اما در صفحات رتینا ظاهر خوبی نخواهد داشت. از طرف دیگر، اگر همان تصویر را با ابعاد ۶۰۰ در ۴۰۰ پیکسل (دو برابر فضایی که در آن قرار داده می شود) ذخیره کنید، با اینکه می تواند در همان فضا قرار داده شود، اما چهار برابر تعداد پیکسل های بیشتری را نسبت به حالت قبلی در خود گنجانده است. این تصویر در همه دستگاه های رتینا به خوبی به نمایش در خواهد آمد.

توجه داشته باشید که برخی از نسخه های Outlook تصاویر بهینه شده برای دستگاه های رتینا را در اندازه کامل شان نشان می دهند (فارغ از تنظیمات طول و عرض). یک روش خوب برای غلبه بر این مشکل این است که فقط عرض را مشخص کنید. سپس به منظور کسب اطمینان از نمایش درست در محیط های مختلف، از استایل های width و max-width با متغیر ۱۰۰% استفاده کنید. استایل ۱۰۰% width باعث می شود که تصویر در دستگاه های مختلف به صورت واکنشگرا (Responsive) درآید و استایل max-width اندازه آن را در صفحات بزرگتر به فریمی که در آن قرار گرفته است محدود می کند:

<img src=”RetinaImageURL.jpg” width=”600″ style=”width:100%; max-width:600px;” />

چرا باید تصاویر خود را برای صفحه های رتینا بهینه کنیم؟

تفاوت بین تصاویر بهینه شده و بهینه نشده آشکار است و نیاز به هیچ تعریف و توضیحی ندارد. اما بهینه سازی تصاویر جهت دستگاه های رتینا برای بازاریاب ها چندین مزیت را در پی دارد:

• بهبود تجربه کاربری: از آنجایی که تصاویر رتینا نسبت به تصاویر سنتی کیفیت بالاتری دارند، در صفحات رتینا ظاهر بهتری خواهند داشت که در نتیجه باعث بهبود تجربه کاربر خواهد شد.
• جلب توجه: تصاویر رتینا دارای دامنه متنوع تر و روشن تری از رنگ ها هستند که همین باعث می شود که از نظر زیبایی شناختی بیشتر برای مخاطب خوشایند به نظر برسند.
• برندسازی بهتر: تصاویر یکی از مهم ترین مولفه های هر ایمیل هستند و اگر کیفیت بهتری داشته باشند باعث می شوند که برند شما از دید مخاطب هدف بهتر به نظر برسد.
• تجربه موبایلی بهتر: در سالهای اخیر حداقل بیش از نیمی از ایمیل ها در دستگاه های همراه باز شده اند. از آنجایی که امروزه بیشتر گوشی ها PPI بالایی دارند با ارائه تصاویری با کیفیت بالاتر باعث بهبود تجربه کاربری در دستگاه های همراه خواهید شد.

 

چند نکته و ترفند مفید برای بهینه سازی تصاویر برای صفحات نمایش رتینا

 

1. حجم تصاویر رتینا را کاهش بدهید

به دلیل اینکه ابعاد تصاویر رتینا دو برابر تصاویر سنتی است، حجم آنها بیشتر است و استفاده از آنها مخصوصاً در ایمیل هایی که حاوی تصاویر زیادی هستند می تواند زمان بارگذاری ایمیل را به شدت افزایش بدهد. خوشبختانه وبسایت های متعددی وجود دارند که با وجود حفظ کیفیت تصویر، حجم آن را کاهش می دهند. در نتیجه، زمان بارگذاری به مراتب کاهش خواهد یافت. از جمله این وبسایت ها می توان به این موارد اشاره کرد:

• https://tinypng.com
• https://compressor.io/compress
• http://jpeg-optimizer.com

 

2. لوگو یا نماد خود را برای صفحات رتینا بهینه کنید

از آنجایی که به جرأت می توان ادعا کرد که لوگو یا نماد شما مهم ترین مولفه ایمیلی است که ارسال می کنید، لازم است که ظاهر بسیار خوبی داشته باشد. افزایش کیفیت لوگو و بهینه سازی آن برای صفحات رتینا با وجود اینکه حجم ایمیل شما را زیاد تغییر نمی دهد، اما باعث می شود که برند شما حرفه ای تر و جدی تر به نظر برسد.

 

3. از قراردادن متن در تصاویر خودداری کنید

در صورت امکان، به جای آنکه متن مورد نظر خود را مستقیماً در تصاویر ذخیره کنید از متن HTML استفاده کنید. علاوه بر اینکه بیشتر برنامه های ایمیل خوان به صورت پیش فرض تصاویر را مسدود می کنند، چنانچه تصویر مورد نظر رزولوشن بالایی نداشته باشد، متن شما تار به نظر خواهد رسید.

 

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