سایز تصویر محصولات در ووکامرس

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

بهترین سایز تصاویر برای محصولات ووکامرس

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

فرض کنید محصولات را بر روی فروشگاه خود قرار داده‌اید و اکنون می‌توانید توسط این روش بهترین سایز تصویر را شناسایی کنید. برای انجام این کار بر روی محصول مورد نظر خودتان راست کلیک کرده و “Inspect” را انتخاب کنید. زمانی که روی این گزینه کلیک کردید می‌توانید سایز تصویر را مشاهده کنید که عرض و ارتفاع آن را برای شما نمایش می‌دهد؛ یعنی بهترین سایزی که می‌توان برای این قالب در نظر گرفت همین عرض و ارتفاعی است که برای شما نمایش داده شده است.

حالا در یک باکس برای شما، سایزی که قالب تصویر را برش زده و نمایش می‌دهد را نیز مشخص می‌کند؛ به‌عنوان‌مثال در تصویر زیر ارتفاع و عرض آن 600 در 600 می‌باشد ولی قالب به‌صورت 237 در 237 آن را برش زده و قرار می‌دهد. البته در نظر داشته باشید که این موضوع در وب سایت‌هایی با قالب مختلف فرق دارد و باید توسط این روش آنها را بررسی کنید.

نحوه پیدا کردن تصویر محصولات جهت قرار دادن در وب‌سایت

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

سپس برای اینکه تصویر دقیقاً به‌اندازه دلخواه ما تبدیل شود از فتوشاپ استفاده می‌کنیم. برای انجام این کار ابتدا فتوشاپ را بازکرده و از مسیر File > Open تصویر را در این برنامه باز می‌کنیم. بهتر است تصاویری را که از دیگر سایت‌های دانلود می‌کنید با کمی تغییر در وب‌سایت خود قرار دهید. مثلاً می‌توانید با کلیک روی آیکون T در فتوشاپ یک متن به تصویر خود اضافه کنید.

برای تغییر سایز تصویر در فتوشاپ باید روی بخش Image کلیک کرده و وارد “Image Size” شوید. در این قسمت مطابق با تصویر زیر می‌توانید سایز آن را تغییر دهید. در نظر داشته باشید که اندازه را روی Pixels قرار دهید. در این صفحه باید روی آیکون پیوند بین ارتفاع و عرض کلیک کنید تا پیوند بین آنها برداشته شود و بتوانید براحتی اندازه موردنظر خودتان را وارد نمایید. سپس روی Ok کلیک کنید تا تغییرات شما اعمال شود.

سپس جهت خروجی گرفتن از این تصویر باید به بخش File > Export > Save For Web بروید و در صفحه‌ای که برای شما باز می‌شود، در بالای صفحه می‌توانید نوع فرمت را از منو کشویی انتخاب کنید و پیشنهاد ما استفاده از PNG و JPEG است. درنهایت روی Save کلیک نمایید.

تنظیمات رسانه در وردپرس

در نظر داشته باشید زمانی که روی گزینه Inspect کلیک می‌کنید علاوه‌بر سایز مورد نظر چندین سایز دیگر نیز برای شما نمایش می‌دهد. طبق تنظیماتی که وردپرس در بخش تصاویر خود قرار داده است آنها را به‌صورت خودکار برش می‌دهد. به‌عنوان‌مثال شما 600 در 600 انتخاب می‌کنید ولی وردپرس جهت ریسپانسیو کردن صفحات و نمایش بهتر در دستگاه‌های گوناگون برش‌های مختلفی ایجاد می‌کند.

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

نتیجه‌گیری

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