Shopify دربارهٔ ابعادِ تصویر از یک بازارگاه مثلِ Amazon بخشندهتر است — با خوشحالی تقریباً هر چیزی را نمایش میدهد. آن انعطاف یک تله است. فایلهای عظیم و ناهماهنگ آپلود کنید و تمِ شما یک شبکهٔ کُند و ناجور رندر میکند که برخی محصولات تیز و برخی دیگر بریده یا ریز به نظر میرسند. درستکردنِ اندازهها از همان اول کلِ فروشگاه را حرفهای حس میکند و سریع بارگذاری میکند.
اندازهها و رفتارِ تم تکامل مییابند، پس اینها را بهعنوانِ توصیههای رایج و پُرکاربرد در نظر بگیرید و در برابر مستنداتِ تمِ فعلیتان تأییدشان کنید.
اندازههای توصیهشده
| نوع تصویر | توصیهٔ رایج | نسبت ابعاد |
|---|---|---|
| عکسهای محصول | 2048 × 2048 پیکسل | 1:1 (مربع) |
| مربع بهطورِ کلی امنترین است | تا حداکثرِ 4472 × 4472 پیکسل | 1:1 |
| مجموعه / بندانگشتی | ~1024 × 1024 پیکسل | 1:1 |
| اسلایدشو / بنرِ قهرمان | ~1600 پیکسل عرض (یا پهنتر) | 16:9 یا تعیینشده توسطِ تم |
| حداکثر اندازهٔ فایل | ۲۰ مگابایت در هر تصویر (بسیار پایینتر را هدف بگیرید) | — |
دو چیز بیش از هر عددِ تکی مهماند.
یک نسبتِ ابعاد را انتخاب کنید و به آن پایبند بمانید. تمهای Shopify وقتی بهترین به نظر میرسند که هر عکسِ محصول همان شکل را داشته باشد. مربع (1:1) قابلاعتمادترین انتخاب است چون تقریباً در شبکهٔ هر تمی بدونِ بُرشِ ناجور جا میشود. اگر مربع، پرتره و منظره را قاطی کنید، شبکهتان ژولیده به نظر میرسد.
۲۰۴۸ × ۲۰۴۸ نقطهٔ طلایی برای محصولات است. بهقدرِ کافی تیز برای زومِ درونساختِ Shopify روی رایانهٔ رومیزی است، برای بندانگشتیها و موبایل تمیز کوچک میشود، و بهخوبی زیرِ سقفِ اندازهٔ فایل میماند. بزرگتر از آن بیشتر فقط وزن اضافه میکند.
کلِ کاتالوگ را یکجا استانداردسازی کنید
تغییر اندازهٔ دهها عکسِ محصول بهصورتِ دستی جایی است که یک بعدازظهر ناپدید میشود. نکنید. تغییردهندهٔ اندازهٔ تصویرِ تجارت الکترونیک یک اندازهٔ آمادهٔ Shopify دارد که مربعهای ۲۰۴۸ × ۲۰۴۸ روی پسزمینهٔ سفید خروجی میدهد، با هر محصولِ خودکار وسطچین و یک حاشیه که میتوانید تنظیمش کنید تا چیزی لبه را لمس نکند. یک پوشه بیندازید، یک ZIP بگیرید — هر تصویر همان اندازه، همان شکل، همان قاببندی.
آن یکدستی همان است که یک شبکهٔ Shopify را طراحیشده جلوه میدهد نه سرِهمشده.
سپس وزنِ فایل را ببُرید
ابعادِ درست چیدمان را حل میکند. وزنِ فایل سرعت را حل میکند — و سرعت در Shopify پول است، جایی که صفحاتِ کُند بیسروصدا تبدیل را هزینه میکنند و به رتبهٔ جستوجویتان آسیب میزنند.
یک عکسِ ۲۰۴۸ پیکسلی که مستقیم از یک دوربین میآید میتواند چند مگابایت باشد. این بسیار بیشتر از آن است که صفحه نیاز دارد. هر تصویر را از فشردهسازِ تصویر عبور دهید: برای عکسها، کیفیتِ ۷۵–۸۵ معمولاً فایل را ۴۰–۷۰٪ بدونِ تفاوتِ آشکار میبُرد؛ PNGها خودکار کوانتیزه میشوند. فشردهساز هرگز فایلی بزرگتر از آنچه دادید پس نمیدهد، پس میتوانید کلِ فروشگاه را امن دستهای کنید.
ترتیبی که خوب جواب میدهد:
- به ۲۰۴۸ × ۲۰۴۸ با اندازهٔ آمادهٔ Shopify تغییر اندازه دهید.
- با کیفیتِ ۷۵–۸۵ فشرده کنید (یا بگذارید کوانتیزهٔ PNG اجرا شود).
- آپلود کنید — همان شکل، فایلهای کوچک، شبکهٔ سریع.
WebP، JPG یا PNG؟
Shopify خودکار WebP را به مرورگرهایی که پشتیبانیاش میکنند ارائه میدهد، پس معمولاً لازم نیست خودتان فرمتها را تبدیل کنید. برای عکسها JPGهای تمیز آپلود کنید و PNG را فقط برای گرافیکهایی که به شفافیت یا متنِ تیز نیاز دارند. بگذارید پلتفرم تحویلِ فرمت را مدیریت کند؛ کارِ شما فرستادنِ فایلهای منبعِ درستاندازه و خوبفشردهشده است.
همهچیز روی دستگاهتان میماند
هر دو ابزار کاملاً در مرورگرتان با استفاده از Canvas و WebAssembly اجرا میشوند — بدون آپلود، بدون حساب، بدون واترمارک. عکسهای محصولتان هرگز به یک سرور دست نمیزنند. پس از نخستین بازدید ابزارها کش میشوند و آفلاین به کارشان ادامه میدهند، پس میتوانید یک کاتالوگِ کامل را در یک قطار آماده کنید و وقتی دوباره آنلاین شدید یکبار آپلود کنید.
مربعش کنید، به ۲۰۴۸ اندازهاش کنید، فشردهاش کنید، و فروشگاهِ Shopify شما سریع بارگذاری میشود و مثلِ یک فروشگاهِ یکپارچه به نظر میرسد نه یک تودهٔ آپلودهای تصادفی.