امیج اپ لوڈ کرنا

آپ مختلف قسم کے امیج استعمال کر سکتے ہیں، جیسے کہ آپ کی کمپنی کا لوگو، پراڈکٹ امیج، سلائیڈ شو، بینر، اور بلاگ پوسٹ کے امیج۔ آپ کراپ اور ری سائز کے ایکشن کے ذریعے اپنے امیج کو تبدیل بھی کر سکتے ہیں، اور اپنے سٹور پر دکھائے جانے والے تمام میڈیا کے بارڈر یا شیڈو کو تبدیل کرنے کے لیے اپنے تھیم میں میڈیا سیٹنگز کو کسٹمائز کر سکتے ہیں۔

اپنے آن لائن سٹور میں امیج کو بالکل اسی طرح دکھانے کے لیے جیسا آپ چاہتے ہیں، آپ کو درست امیج ایسپیکٹ ریشو استعمال کرنے کی ضرورت ہے۔ Shopify Content Delivery Network (CDN) کے ذریعے آپ کے سٹور فرنٹ کے لیے امیج خود بخود آپٹمائز ہو جاتے ہیں۔

تھیم ایڈیٹر میں امیج اپ لوڈ کرنا

آپ تھیم ایڈیٹر میں اپنے تھیم میں امیج شامل کر سکتے ہیں۔ آپ اپنے Shopify ایڈمن کے مواد > فائل سیکشن میں بھی امیج اپ لوڈ کر سکتے ہیں۔ مزید جاننے کے لیے، فائل اپ لوڈ اور مینیج کرنا دیکھیں۔

مراحل:

میٹا فیلڈز کا استعمال کرتے ہوئے امیجز شامل کرنا

اگر آپ نے اپنی امیجز کے لیے میٹا فیلڈز سیٹ کی ہیں، تو آپ اپنے آن لائن سٹور میں امیج شامل کرنے کے لیے ڈائنیمک سورس پکر استعمال کر سکتے ہیں۔ میٹا فیلڈز اور معاونت یافتہ امیج فارمیٹس کے بارے میں مزید معلومات کے لیے، میٹا فیلڈز میں ویلیوز شامل کرنا دیکھیں۔

امیج پر فوکل پوائنٹ سیٹ کرنا

آپ اپنے آن لائن سٹور پر کسی امیج کے اہم ترین حصے کی وضاحت کرنے کے لیے فوکل پوائنٹس کا استعمال کر سکتے ہیں۔ جب آپ کسی امیج پر فوکل پوائنٹ سیٹ کرتے ہیں، تو آپ اسے توجہ کا مرکز بناتے ہیں۔ فوکل پوائنٹس ہمیشہ فریم میں ڈسپلے ہوتے ہیں، یہاں تک کہ اگر آپ کے پاس کوئی ایسی تھیم ہو جو لے آؤٹ میں فٹ ہونے کے لیے آپ کی امیج کو کراپ کرتی ہے۔ فوکل پوائنٹس آپ کو سکرین کے مختلف سائز پر، اور ان صورتوں میں جب تھیمز مختلف ایسپیکٹ ریشوز (aspect ratios) استعمال کرتی ہیں، تو آپ کی امیج کے ڈسپلے ہونے کے طریقے پر زیادہ کنٹرول دیتے ہیں۔

آپ فی امیج صرف ایک فوکل پوائنٹ رکھ سکتے ہیں، لیکن آپ کسی بھی وقت فوکل پوائنٹ تبدیل کر سکتے ہیں یا اسے ہٹا سکتے ہیں۔

Shopify کی مفت تھیمز کے ساتھ فوکل پوائنٹ کی مطابقت

آپ Shopify کی مفت تھیمز کے درج ذیل ورژنز پر فوکل پوائنٹ سیٹ کر سکتے ہیں:

• Horizon فیملی کی تمام تھیمز
• Colorblock ورژن 3.0.0 اور اس سے زیادہ
• Craft ورژن 5.0.0 اور اس سے زیادہ
• Crave ورژن 5.0.0 اور اس سے زیادہ
• Dawn ورژن 7.0.0 اور اس سے زیادہ
• Origin ورژن 1.0.0 اور اس سے زیادہ
• Publisher ورژن 1.0.0 اور اس سے زیادہ
• Refresh ورژن 2.0.0 اور اس سے زیادہ
• Ride ورژن 3.0.0 اور اس سے زیادہ
• Rise ورژن 1.0.0 اور اس سے زیادہ
• Sense ورژن 5.0.0 اور اس سے زیادہ
• Spotlight ورژن 0.0.1 اور اس سے زیادہ
• Studio ورژن 4.0.0 اور اس سے زیادہ
• Taste ورژن 4.0.0 اور اس سے زیادہ
• Trade ورژن 1.0.0 اور اس سے زیادہ

اگر آپ تھرڈ پارٹی تھیم استعمال کرتے ہیں، تو یہ جاننے کے لیے اپنی تھیم کی دستاویزات چیک کریں کہ آیا آپ کی تھیم فوکل پوائنٹس استعمال کرنے کی معاونت کرتی ہے یا نہیں۔

امیج میں فوکل پوائنٹ شامل کریں

اگر آپ کسی امیج میں فوکل پوائنٹ شامل کرتے ہیں، اور پھر امیج کو اپنے آن لائن سٹور پر متعدد جگہوں پر استعمال کرتے ہیں، تو آپ جہاں بھی امیج استعمال کریں گے وہاں ایک ہی فوکل پوائنٹ لاگو ہوگا۔

آپ کی تھیم جس طریقے سے آپ کی امیجز کو کراپ اور ری سائز کرتی ہے اس کی بنیاد پر، ہو سکتا ہے کہ فوکل پوائنٹ ہمیشہ بصری طور پر درمیان میں نہ ہو۔

مراحل:

1. اپنے Shopify ایڈمن میں درج ذیل میں سے کسی بھی مقام سے امیج پر کلک کریں:
   • مواد > فائلز سیکشن میں۔
   • تھیم ایڈیٹر میں۔
   • پروڈکٹس سیکشن میں اپنی پروڈکٹ لسٹنگز کے میڈیا سیکشن میں۔
   • Shopify Messaging ای میل ایڈیٹر میں۔
   • کسی بھی ایسے وسیلے کے میٹا فیلڈز سیکشن میں جس میں امیج شامل کرنے کے لیے فائل کا حوالہ کی قسم کی میٹا فیلڈ ہو۔
2. امیج کا وہ حصہ منتخب کرنے کے لیے جہاں آپ فوکل پوائنٹ سیٹ کرنا چاہتے ہیں، یا تو امیج پر کلک کریں یا نیلے نقطے کو ڈریگ کریں۔
3. محفوظ کریں پر کلک کریں۔

امیج سے فوکل پوائنٹ ہٹائیں

مراحل:

1. اپنے Shopify ایڈمن میں درج ذیل میں سے کسی بھی مقام سے امیج پر کلک کریں:
   • مواد > فائلز سیکشن میں۔
   • تھیم ایڈیٹر میں۔
   • پروڈکٹس سیکشن میں اپنی پروڈکٹ لسٹنگز کے میڈیا سیکشن میں۔
   • Shopify Messaging ای میل ایڈیٹر میں۔
   • کسی بھی ایسے وسیلے کے میٹا فیلڈز سیکشن میں جس میں امیج شامل کرنے کے لیے فائل کا حوالہ کی قسم کی میٹا فیلڈ ہو۔
2. ہٹائیں پر کلک کریں۔
3. نئے کے طور پر محفوظ کریں پر کلک کریں۔

امیج فارمیٹس

درج ذیل امیج فارمیٹس معاونت یافتہ ہیں:

• JPEG
• Progressive JPEG
• PNG
• GIF
• HEIC
• WebP

JPEG امیجز کا استعمال

پیچیدہ رنگوں والی فوٹوگرافی اور دیگر ساکت امیجز کے لیے JPEG امیجز بہترین ہیں۔ JPEG فارمیٹ میں لاکھوں رنگوں والا پیلیٹ ہوتا ہے۔ JPEG میں لوسی کمپریشن (lossy compression) بھی ہوتی ہے، جو امیج کے معیار میں نمایاں کمی کے بغیر صفحہ کے لوڈ ہونے کے اوقات کو تیز رکھنے میں مدد کر سکتی ہے۔ درج ذیل اقسام کی امیجز کے لیے JPEG فارمیٹ استعمال کریں:

• پروڈکٹس
• بینرز یا سلائیڈ شوز
• صفحات اور بلاگ پوسٹس

PNG امیجز کا استعمال

فلیٹ رنگوں والے اور بغیر گریڈینٹس کے گرافکس اور آئیکنز کے لیے PNG امیجز بہترین ہیں۔ PNG فارمیٹ امیجز میں شفافیت کی بھی معاونت کرتا ہے۔ درج ذیل اقسام کی امیجز کے لیے PNG فارمیٹ کا استعمال کریں:

• لوگوز
• آئیکنز
• بارڈرز اور ٹرمز

خودکار امیج کمپریشن اور فارمیٹ کا انتخاب

جب آپ امیجز کو Shopify ایڈمن میں اپ لوڈ کرتے ہیں تو انہیں کمپریس نہیں کیا جاتا، جس سے ان کا اصل معیار برقرار رکھنے میں مدد ملتی ہے۔ تاہم، آپ کے گاہکوں کے لیے صفحہ کے لوڈ ہونے کے اوقات کو تیز رکھنے کے لیے درج ذیل چیزیں ہو سکتی ہیں:

• جب امیجز آپ کے سٹور کی تھیم کے ذریعے پیش کی جاتی ہیں، تو اعلیٰ معیار کی امیجز کے لیے انہیں کمپریس کیا جا سکتا ہے
• Shopify آپ کی امیجز ڈیلیور کرتے وقت استعمال کرنے کے لیے خودکار طور پر بہترین ممکنہ فائل فارمیٹ کا تعین کرتا ہے
• جب گاہک کا ویب براؤزر جدید امیج فارمیٹس جیسے کہ WebP اور AVIF (AV1 امیج فائل فارمیٹ) کی معاونت کرتا ہے، تو آپ کی امیجز انہی فارمیٹس میں ڈیلیور کی جاتی ہیں
• فائل کا سائز کم کر کے کارکردگی کو بہتر بنانے کے لیے GIFs خودکار طور پر متحرک WebP فارمیٹ میں تبدیل ہو جاتے ہیں

بہترین امیج کوالٹی کے لیے درج ذیل اقدامات پر غور کریں:

• 5000px x 5000px یا 25 میگا پکسلز تک کی زیادہ ریزولیوشن والی امیجز اپ لوڈ کریں
• شفافیت والی لائن ڈرائنگز، ٹیکسٹ اور آئیکونک گرافکس کے لیے کم لوسی (lossy) امیج کی اقسام جیسے PNG کا انتخاب کریں
• پروڈکٹ کی امیجز یا سلائیڈ شوز کے لیے JPEG استعمال کریں
• SVG فائلز تعاون یافتہ ہیں لیکن ان کی کچھ حدود ہیں - انہیں راسٹرائزڈ فارمیٹ (JPEG، WebP، PNG) کی درخواست کیے بغیر تبدیل (ری سائز، کراپ وغیرہ) نہیں کیا جا سکتا۔

دیگر فائل کی اقسام جیسے PSD (Photoshop Document)، TIFF (Tagged Image File Format)، اور BMP (Bitmap) قبول کی جاتی ہیں لیکن اپ لوڈ کرنے پر انہیں JPEG/PNG میں تبدیل کر دیا جائے گا۔

امیج اپ لوڈ کی حدود

Shopify پر امیج اپ لوڈز کے لیے میگا پکسلز (MP) اور فائل سائز دونوں کے لحاظ سے پابندیاں ہیں جنہیں میگا بائٹس (MB) میں ماپا جاتا ہے۔ میگا پکسلز کا استعمال یہ ظاہر کرنے کے لیے کیا جاتا ہے کہ ایک امیج کتنے ملین پکسلز پر مشتمل ہے۔ میگا بائٹس کا استعمال یہ ظاہر کرنے کے لیے کیا جاتا ہے کہ ایک امیج میموری یا ڈسک اسپیس کے کتنے ملین بائٹس لیتی ہے۔

Shopify پر اپ لوڈ کی گئی امیجز درج ذیل میں سے کسی بھی حد سے تجاوز نہیں کر سکتیں:

• 20 میگا پکسلز
• 20 میگا بائٹس

اپنی امیج کی میگا پکسلز ویلیو معلوم کرنے کے لیے، آپ درج ذیل مساوات استعمال کر سکتے ہیں:

(pixel width x pixel height)/1,000,000

مثال کے طور پر، 4900 px بائی 6930 px کی ریزولیوشن والی امیج مساوات: (4900x6930)/1,000,000 = 33.9 MP کی بنیاد پر 33.9 میگا پکسلز کی ہے۔

امیج کلر پروفائلز

جب آپ اپنے آن لائن سٹور پر کوئی امیج دیکھتے ہیں، تو ممکن ہے امیج کے کلرز اس اصل امیج کے کلرز سے مختلف دکھائی دیں جو آپ Shopify پر اپ لوڈ کرتے ہیں۔ ایسا تب ہو سکتا ہے جب کسی امیج میں کلر پروفائل موجود ہو، جو کہ .ICC یا .ICM ایکسٹینشن والی فائل میں اسٹور کردہ ڈیٹا کا ایک سیٹ ہوتا ہے۔

کلر پروفائلز کو اکثر امیجز میں ایمبیڈ کیا جاتا ہے تاکہ مختلف ڈیوائسز پر کلرز کے ڈسپلے ہونے کے طریقے کو معیاری بنانے میں مدد ملے۔ جب امیجز آپ کے آن لائن سٹور پر ڈسپلے ہوتی ہیں، تو ان کے کلر پروفائلز ہٹا دیے جاتے ہیں۔

کلر پروفائلز کو درج ذیل وجوہات کی بنا پر ہٹا دیا جاتا ہے:

• تمام ڈیوائسز .ICC یا .ICM کلر پروفائلز کو پڑھنے کے قابل نہیں ہوتیں، اس لیے انہیں برقرار رکھنے کے نتیجے میں تمام ڈیوائسز پر امیج کے کلرز میں تضاد پیدا ہو سکتا ہے۔
• جب اپ لوڈ کی گئی امیج میں کوئی کلر پروفائل شامل نہیں ہوتا، تو ویب براؤزر کے ذریعے sRGB فرض کر لیا جاتا ہے، جو کہ ویب پر امیجز دکھانے کے لیے سب سے عام استعمال ہونے والا کلر پروفائل ہے۔ اس سے یہ یقینی بنتا ہے کہ آپ کی امیجز تمام بڑے ویب براؤزرز اور ڈیوائسز پر یکساں دکھائی دیں۔
• کلر پروفائلز ڈسک کی بڑی جگہ گھیر سکتے ہیں، جس کے نتیجے میں پیج لوڈ ہونے کا وقت بڑھ سکتا ہے۔

کسی امیج سے کلر پروفائل ہٹائیں

آپ Shopify پر اپ لوڈ کرنے سے پہلے اپنی امیج کو کلر پروفائل کے بغیر محفوظ کر کے اس کا کلر پروفائل ہٹا سکتے ہیں۔ یہ عمل آپ کے امیج ایڈیٹنگ پروگرام کے لحاظ سے مختلف ہوتا ہے۔

کلر پروفائل تفویض کرنے یا ہٹانے (Illustrator، Photoshop) اور کلر پروفائل تفویض کرنے یا ہٹانے (InDesign) کے طریقے پر Adobe کی دستاویزات دیکھیں۔

سلائیڈ شوز، امیج بینرز، اور فل وڈتھ امیجز کے لیے بہترین طریقہ کار

بہت سی Shopify تھیمز میں بڑی امیجز یا سلائیڈ شوز شامل ہوتے ہیں جو آپ کے براؤزر کی اونچائی کے مطابق اسکیل ہوتے ہیں یا آپ کی اسکرین کے سائز کے مطابق ڈھل جاتے ہیں۔

اگر آپ ان میں سے کوئی تھیم استعمال کرتے ہیں یا آپ کے پاس کوئی بڑا سلائیڈ شو یا بیک گراؤنڈ امیج ہے، تو آپ کو یہ سمجھنے کی ضرورت ہے کہ کس قسم کی امیجز بہترین دکھائی دیتی ہیں۔

چونکہ بڑی امیجز تمام ڈیوائسز پر فٹ نہیں ہو سکتیں، اس لیے Shopify بعض اوقات آپ کی استعمال کردہ ڈیوائس کے لحاظ سے امیج کا صرف کچھ حصہ دکھاتا ہے۔ اگر آپ کے امیج سلائیڈ شو میں بہت سی بڑی امیجز شامل ہیں، تو آپ کو معلوم ہو سکتا ہے کہ امیجز کے کچھ حصے نظر نہیں آ رہے۔

سلائیڈ شوز یا امیج بینرز کے لیے امیجز استعمال کرنے کے حوالے سے اہم نکات

اس بات کو یقینی بنانے کے لیے کہ آپ کی امیجز آپ کی تھیم کے ساتھ اچھی طرح کام کرتی ہیں، درج ذیل نکات کو ذہن میں رکھیں:

• آپ جو امیجز سلائیڈ شوز یا بیک گراؤنڈز کے لیے استعمال کرتے ہیں ان میں ٹیکسٹ نہیں ہونا چاہیے۔ اگر ٹیکسٹ بذات خود امیج کا حصہ ہے، تو اسے آپ کی تھیم کی بنیاد پر ادھر ادھر منتقل، کراپ یا ایڈجسٹ کیا جا سکتا ہے۔ اپنے سلائیڈ شوز اور بیک گراؤنڈز میں ٹیکسٹ اور لنکس شامل کرنے کے لیے تھیم ایڈیٹر استعمال کریں۔

• ان امیجز کے لیے جو آپ سلائیڈ شوز یا بیک گراؤنڈز کے طور پر استعمال کرتے ہیں، سادہ امیجز کا انتخاب کریں تاکہ کوئی بھی اوورلے ہونے والا ٹیکسٹ پڑھنے میں آسان ہو۔

لمبی اسکرینز پر چوڑی امیجز

جب چوڑی امیجز کو دیکھنے کے لیے استعمال ہونے والی ڈیوائس کی اسکرین لمبی ہو، جیسے کہ پورٹریٹ موڈ میں دیکھا جانے والا موبائل فون یا ٹیبلیٹ، تو وہ بائیں اور دائیں جانب کراپ ہو سکتی ہیں۔ ذیل کی مثال میں، اگر لوگ امیج کا سب سے اہم حصہ ہیں، تو آپ امیج کی دائیں جانب ایک فوکل پوائنٹ رکھ سکتے ہیں۔

چوڑی اسکرینز پر لمبی امیجز

جب لمبی امیجز کو دیکھنے کے لیے استعمال ہونے والی ڈیوائس کی اسکرین چوڑی ہو، جیسے کہ لیپ ٹاپ یا ڈیسک ٹاپ مانیٹر، تو وہ اوپر اور نیچے کراپ ہو سکتی ہیں۔ ذیل کی مثال میں، اگر جوتے امیج کا سب سے اہم حصہ ہیں، تو آپ امیج کے نچلے حصے پر ایک فوکل پوائنٹ رکھ سکتے ہیں۔

امیج لوڈنگ کا برتاؤ

جب آپ اپنے آن لائن سٹور پر کسی پیج پر جاتے ہیں، تو آپ دیکھ سکتے ہیں کہ امیجز پہلے قدرے دھندلی دکھائی دیتی ہیں اور پھر ایک لمحے کے بعد صاف ہو جاتی ہیں۔ یہ متوقع برتاؤ ہے جو آپ کے سٹور کی لوڈنگ اسپیڈ اور صارف کے تجربے کو بہتر بنانے میں مدد کرتا ہے۔

Shopify تھیمز لیزی لوڈنگ نامی ایک تکنیک استعمال کرتی ہیں، جو پہلے امیج کا ایک چھوٹا ورژن لوڈ کرتی ہے جبکہ فل ریزولیوشن امیج بیک گراؤنڈ میں لوڈ ہوتی ہے۔ اس سے کسٹمرز کو بڑی امیجز کے مکمل طور پر لوڈ ہونے کا انتظار کرنے کے بجائے فوری طور پر مواد کا جائزہ لینے کی سہولت ملتی ہے۔ یہ عمل عام طور پر ایک سیکنڈ سے بھی کم وقت میں مکمل ہو جاتا ہے، لیکن اس سے یہ تاثر پیدا ہوتا ہے کہ آپ کا سٹور زیادہ تیزی سے لوڈ ہوتا ہے۔

یہ تکنیک خاص طور پر زیادہ امیجز والے سٹورز کے لیے فائدہ مند ہے، کیونکہ یہ ابتدائی پیج لوڈ کے اوقات کو نمایاں طور پر بہتر بناتی ہے اور کسٹمرز کو فوری بصری فیڈ بیک فراہم کرتی ہے۔

امیج کے مسائل کی ٹربل شوٹنگ