کیا آپ کو تصاویر پسند نہیں ہیں؟

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

اور آپ کیا جانتے ہیں؟ ہم تصاویر کا جواب دینے کے لیے سخت محنت کر رہے ہیں۔ اسی لیے آپ کے مواد میں تصاویر شامل کرنا آپ کے بلاگ کی مارکیٹنگ کرتے وقت استعمال کرنے کا ایک طاقتور ٹول ہے۔

لیکن، اگر آپ محتاط نہیں ہیں، تو تصاویر آپ کے ویب صفحہ کے کل سائز کا نصف (یا اس سے زیادہ) بن سکتی ہیں۔ صرف چند سال پہلے، ایک ویب صفحہ کا اوسط سائز 600–700K تھا۔ اب، اوسط 2MB ہے اور یہ ہر سال بڑھ رہی ہے۔

یہ بہت بڑی بات ہے!

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

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

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

آپ کو تصاویر کو بہتر بنانے کی ضرورت کیوں ہے

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

مطالعے سے پتہ چلتا ہے کہ 40% تک اگر کسی سائٹ کو لوڈ ہونے میں تین سیکنڈ سے زیادہ وقت لگتا ہے تو وزیٹر بیک بٹن پر کلک کرتے ہیں۔

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

اور چونکہ آپ کے بہت سے وزٹرز سست موبائل کنکشنز پر ہو سکتے ہیں، یہ واضح ہو جاتا ہے – آپ کو اپنے صفحہ کا سائز کم کرنے کی ضرورت ہے۔ اور ہم پہلے ہی جان چکے ہیں کہ صفحہ سائز بلوٹ کا سب سے بڑا مجرم کیا ہے – یہ آپ کی تصاویر ہیں۔

غیر ضروری طور پر بڑی تصاویر بھی آپ کے ہوسٹنگ اکاؤنٹ پر جگہ لے لیتی ہیں۔ اگرچہ آپ میں سے کچھ کے پاس "لامحدود" اسٹوریج کی جگہ کے ساتھ ہوسٹنگ ہو سکتی ہے، بہت سے پریمیم ہوسٹنگ فراہم کنندگان آپ کو نچلے درجے کے منصوبوں پر تقریباً 10GB اسٹوریج تک محدود کرتے ہیں۔ یہ تیزی سے بھر سکتا ہے، خاص طور پر اگر آپ ایک ہی اکاؤنٹ پر متعدد، تصویری بھاری سائٹس کی میزبانی کر رہے ہیں۔

تو، آپ کیسے بتا سکتے ہیں کہ آیا آپ کی تصاویر آپ کی سائٹ کو سست کر رہی ہیں؟ Google PageSpeed ​​Insights کے ساتھ اپنی سائٹ کی رفتار کی جانچ کریں۔

اگر گوگل ایک مسئلہ کے طور پر غیر اصلاحی تصاویر کی اطلاع دیتا ہے، تو اسے ٹھیک کرنے کے لیے آپ کو یہ جاننے کی ضرورت ہے۔

تصویر کی اصلاح کی بنیادی باتیں

جب آپ کے بلاگ پر تصاویر کو بہتر بنانے کی بات آتی ہے، تو آپ کو کچھ مختلف چیزیں کرنے کی ضرورت ہوتی ہےاس سے آگاہ ہیں: فائل کی قسم، تصویر کا سائز اور طول و عرض، آپ اپنی تصاویر کو کس طرح پیش کرتے ہیں، اور تصویر کا کمپریشن۔

آئیے ان میں سے ہر ایک کو قریب سے دیکھیں۔ 0> ویب پر تصاویر عام طور پر PNG یا JPEG فائل فارمیٹ میں محفوظ کی جاتی ہیں - یا GIF اینیمیشن کے لیے۔ ویب پر تیرتے ہوئے ان مزاحیہ اینیمیٹڈ GIFs کو کون پسند نہیں کرتا!

اب یہ تکنیکی طور پر ٹھیک ہے اگر آپ اپنی تصاویر کو کسی بھی شکل میں محفوظ کرتے ہیں - آپ کے وزیٹر کے براؤزر کو آپ کا ویب صفحہ دکھانے میں کوئی پریشانی نہیں ہوگی۔ – لیکن بہترین معیار اور اصلاح کے لیے، درج ذیل اصولوں پر قائم رہیں:

• JPEG – تصاویر اور ڈیزائن کے لیے استعمال کریں جہاں لوگ، مقامات یا چیزیں نمایاں ہوں
• PNG – گرافکس کے لیے بہترین , لوگو، ٹیکسٹ ہیوی ڈیزائنز، اسکرین شاٹس، اور جب آپ کو شفاف پس منظر والی تصاویر کی ضرورت ہو
• GIF – اگر آپ کو اینیمیشن کی ضرورت ہے، ورنہ PNG استعمال کریں

تو، مختلف فارمیٹس کیوں ہیں ?

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

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

ہم بعد میں کمپریشن کے بارے میں مزید تفصیل میں جائیں گے، لیکن ابھی کے لیے اگر آپ کو صرف دو چیزیں یاد ہیں، تو یاد رکھیں: تصاویر کے لیے JPEG اور متن/گرافکس کے لیے PNG۔

تصویر کے طول و عرض

کیا آپ نے کبھی ویب صفحہ لوڈ کیا ہے اور دیکھا ہے کہ ایک چھوٹی سی تصویر (مثال کے طور پر، شاید ایک ہیڈ شاٹ) ڈاؤن لوڈ کرنے میں f-o-r-e-v-e-r لیتی ہے؟ جیسے، اتنی آہستہ آپ ہر ایک لائن کو آتے ہوئے دیکھ سکتے ہیں؟ آپ خود سوچیں کہ اتنی چھوٹی تصویر کو ڈاؤن لوڈ ہونے میں اتنا وقت کیسے لگ سکتا ہے؟

اور جب یہ ایک بڑی ہیڈر امیج کے ساتھ ہوتا ہے تو یہ اور بھی برا ہوتا ہے کیونکہ اس سے پورے صفحے کا بوجھ رک جاتا ہے۔

ایسا ہونے کی وجہ یہ ہے کہ بلاگر نے اپنی تصویر کا سائز درست طریقے سے تبدیل نہیں کیا اور آپٹمائز نہیں کیا، اور ہمارے ہیڈ شاٹ کی مثال کے طور پر، ہو سکتا ہے کہ اس نے اپنے DSLR کیمرے سے براہ راست فل ریزولوشن JPEG اپ لوڈ کیا ہو۔<1

اور یہ ایک بہت بڑی فائل ہے!

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

اب کچھ ویب پبلشنگ پلیٹ فارمز خود بخود آپ کی مکمل ریزولیوشن تصویر کی متعدد مختلف حالتیں تخلیق کریں گے۔ سائز، لیکن اگر نہیں، تو آپ کو تصویری ایڈیٹر جیسے فوٹوشاپ، لائٹ روم، Pixlr - یا یہاں تک کہ MS پینٹ میں پہلے سے اپنی تصاویر کا سائز تبدیل کرنا چاہیے۔ اس کا مطلب فرق ہوسکتا ہے۔50K فائل اور 5MB کے درمیان۔

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

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

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

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

اپنی تصاویر کو پیش کرنا

آپ اپنی تصویروں کو اپنے دیکھنے والوں کو کس طرح پیش کرتے ہیں، اس کے بارے میں سختی سے ان کو بہتر بنانا نہیں ہے۔ ، لیکن یہ آپ کے صفحہ لوڈ ہونے کے وقت پر ڈرامائی اثر ڈال سکتا ہے۔

زیادہ تر بلاگرز اپنی تصاویر براہ راست اپنے ہوسٹنگ اکاؤنٹ سے پیش کرتے ہیں اور یہ عام طور پر ٹھیک ہے، لیکن اگر آپ واقعی میں کارکردگی کے ہر ایک حصے کو نچوڑنا چاہتے ہیں۔ آپ کی سائٹ، پھر مواد کی ترسیل کے نیٹ ورک (CDN) پر آپ کی تصاویر کی میزبانی ایک بڑا فرق پیدا کر سکتی ہے۔

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

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

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

تصویری کمپریشن

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

زیادہ تر امیج ایڈیٹنگ ٹولز جیسے Visme یا Photoshop نقصان دہ JPEG کمپریشن کا استعمال کرتے ہوئے فائلوں کو محفوظ کریں گے کیونکہ اس میں فائل سائز میں بہترین کمی ہے۔ لہذا، جب کہ تصویر کا معیار قدرے کم ہوتا ہے، نقصان دہ امیج کمپریشن کا استعمال ویب کے موافق سائز میں بڑی تصاویر کو کم کر دیتا ہے۔

مجھے یقین ہے کہ بہت سے لوگ جو فوٹوشاپ استعمال کرتے ہیں وہ اس کی Save for Web کی خصوصیت دیکھ سکتے ہیں۔ جیسا کہ تصویر کی اصلاح کے تمام اور آخر میں۔ اور یہاں تک کہ PicMonkey یا Visme جیسے آن لائن امیج ایڈیٹنگ ٹولز بھی آپ کی تصاویر کو بہتر بناتے ہیں۔

لیکن کیا آپ جانتے ہیں کہ ایسے ٹولز موجود ہیں جو فوٹوشاپ یا دیگر ایڈیٹنگ ٹولز سے آپ کی "آپٹمائزڈ" تصویر لے سکتے ہیں، اسے کرنچ اور کمپریس کر سکتے ہیں۔ مزید 40٪ (یا اس سے زیادہ)،اور اب بھی کیا یہ انسانی آنکھ سے تقریباً مماثل نظر آتا ہے؟

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

ڈیسک ٹاپ ٹولز

ImageAlpha / ImageOptim

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

بھی دیکھو: 15 چیزیں جو میری خواہش ہے کہ میں بلاگنگ شروع کرنے سے پہلے جانتا ہوں۔

پرو ٹپ : ٹیک سیوی کے لیے ImageOptim- CLI، جہاں آپ تصاویر کے پورے فولڈر کو ایک ہی وقت میں بہتر بنا سکتے ہیں۔

ImageAlpha ایک نقصان دہ PNG کمپریسر ہے اور PNG فائلوں کو سکڑنے پر حیرت انگیز کام کر سکتا ہے جبکہ ImageOptim ایڈوانسڈ لاسلیس (نقصان کے آپشن کے ساتھ) کمپریشن انجام دیتا ہے – اور یہ PNG، JPEG اور GIF فائلوں سے غیر ضروری میٹا ڈیٹا کو ہٹا دیتا ہے۔

اپنی PNG امیجز کے لیے، میں نے انہیں پہلے ImageAlpha:

کے ذریعے چلایا، یہاں، اس نے میری اسکرین شاٹ امیج کو 103K سے کم کر کے 28K کر دیا۔

پھر میں نے اسے ImageOptim کے ذریعے چلایا اور ایک اضافی 10% بچا لیا۔

JPEGmini

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

لائٹ ورژن آپ کو ایک دن میں 20 تک مفت تصاویر کو بہتر بنانے کی اجازت دیتا ہے، اور حد کو ہٹانے کے لیے $19.99 لاگت آتی ہے۔

پرو ٹپ : اعلی درجے کے صارفین جو JPEGmini کو فوٹوشاپ یا لائٹ روم میں پلگ ان کے ذریعے ضم کرنا چاہتے ہیں وہ پرو ورژن خرید سکتے ہیں۔$99.99۔

آن لائن / کلاؤڈ / SaaS ٹولز

TinyPNG

اگر آپ اعلی معیار کے آن لائن امیج کمپریشن ٹول کی تلاش کر رہے ہیں، TinyPNG (یہ JPEG کو بہتر بناتا ہے فائلز بھی نام کے باوجود) ایک ویب ایپ ہے جو آپ کو اپنے براؤزر میں 20 5MB یا اس سے چھوٹی تصاویر کو گھسیٹنے کی اجازت دیتی ہے، اور انہیں ایک ساتھ آپٹمائز کر دیتی ہے۔

ان کے پاس ایک ڈویلپر API بھی ہے اور ایک ورڈپریس بھی بناتے ہیں۔ پلگ ان دستیاب ہے جو اپ لوڈ کرنے پر آپ کی تصاویر کو خود بخود بہتر بنا سکتا ہے۔

TinyPNG آپ کو ماہانہ 500 مفت امیج آپٹیمائزیشن دیتا ہے، اور اس کے بعد حجم کے لحاظ سے فی تصویر $0.002–0.009 تک چارج ہوتا ہے۔

اب 500 ماہانہ تصاویر بہت زیادہ لگ سکتی ہیں، لیکن جب آپ اس حقیقت پر غور کرتے ہیں کہ ورڈپریس اکثر مختلف سائز میں ہر تصویر کی تین سے پانچ مختلف حالتیں بناتا ہے، تو 500 تصاویر ایسی نہیں لگتی ہیں جیسے اتنے نامور بلاگر کے لیے۔ خوش قسمتی سے، فی تصویر کی لاگت بجٹ کے موافق ہے۔

EWWW Image Optimizer

اگر آپ پیسہ خرچ کرنے کے لیے تیار نہیں ہیں، اور آپ اصلاح کرنے میں پریشان نہیں ہونا چاہتے ہیں آپ کی تصاویر کو دستی طور پر، ورڈپریس کے لیے مفت EWWW امیج آپٹیمائزر پلگ ان آپ کی اپ لوڈ کردہ تصاویر کو خود بخود بہتر بنا سکتا ہے۔

آپ ایک پریمیم سبسکرپشن کا انتخاب کر سکتے ہیں جو نقصان دہ کمپریشن کرتا ہے، لیکن مفت ورژن صرف نقصان دہ کمپریشن کرتا ہے اس لیے بچتیں t تقریباً اتنا ہی اہم۔ اس سے آپ کا وقت بچ جائے گا اور کچھ بھی نہ ہونے سے بہتر ہے۔

نوٹ: مکمل رن ڈاؤن کے لیے، چیک آؤٹامیج کمپریشن ٹولز پر ہماری پوسٹ۔

اسے سمیٹنا

کچھ لوگوں کے ذریعہ ویب صفحہ کا اوسط سائز 2017 تک 3MB تک پہنچنے کی پیش گوئی کے ساتھ، اب وقت آگیا ہے کہ آپ اپنی تصاویر کو بہتر بنانا شروع کریں۔

بھی دیکھو: 2023 کے لیے 11 بہترین Hootsuite متبادل: آزمایا اور تجربہ کیا 0 بوجھ کو ہلکا کرنے میں آپ کی مدد کرنے کے لیے، آج ہی اپنی تصویروں کو بہتر بنانے کی عادت ڈالیں۔

اپنی تصویر کے طول و عرض پر توجہ دیں اور ڈیجیٹل کیمرہ سے کسی بھی زیادہ بڑے اسٹاک فوٹو یا تصاویر کا سائز تبدیل کر کے مناسب بنائیں۔ سائز۔

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

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

متعلقہ پڑھنا: 7 طریقے پی ڈی ایف فائلوں کا سائز۔