تصویر فارمیٹ کنورٹر — PNG، JPEG، WebP، AVIF آن لائن

پاکستانی ویب ٹیمیں اس مسئلے سے اکثر دوچار ہوتی ہیں۔ ڈیزائنر Figma ایکسپورٹس PNG میں دیتا ہے، ویب سائٹ کو Core Web Vitals کے لیے WebP چاہیے، اور بلڈ پائپ لائن ابھی تیار نہیں۔ فائلیں یہاں چھوڑیں، 0.8 کوالٹی پر WebP چنیں، کنورٹ دبائیں، ZIP ڈاؤن لوڈ کریں۔ پوری عمل دس سیکنڈ میں ہوتی ہے اور اصل فائلیں آپ کی مشین پر رہتی ہیں۔ NDRA اور PTA کی سائبر سیکیورٹی ہدایات کے تحت کام کرنے والے پاکستانی سرکاری ادارے ایسے اوزار ترجیح دیتے ہیں جو ڈیٹا باہر نہیں بھیجتے، اور یہ ٹول اس ضرورت کو مکمل طور پر پورا کرتا ہے۔

براؤزر پر مبنی تصویر کنورژن کیسے کام کرتا ہے

ہر تبدیلی ایک چار مرحلہ پائپ لائن ہے جو آپ کے براؤزر میں چلتی ہے۔ JPEG اور PNG کے لیے براؤزر کا اپنا Canvas API براہ راست انکوڈنگ سنبھالتا ہے۔ Safari پر WebP اور ہر براؤزر پر AVIF کے لیے صفحہ طلب پر ایک ہلکا WebAssembly کوڈیک لوڈ کرتا ہے — پھر بھی تمام مقامی، آپ کی تصاویر کبھی آلہ نہیں چھوڑتیں۔

ہر اپلوڈ شدہ فائل کو Blob کے طور پر پڑھتا ہے اور آبجیکٹ URL بناتا ہے تاکہ براؤزر بائٹس سرور پر کاپی کیے بغیر ڈی کوڈ کر سکے۔
ڈی کوڈ شدہ تصویر کو آف اسکرین Canvas عنصر پر کھینچتا ہے، اصل آسپیکٹ ریشو برقرار رکھتے ہوئے سائز تبدیل کرنے کی پابندی لاگو کرتا ہے۔
PNG، JPEG اور Chrome/Firefox WebP کے لیے پکسلز کو دوبارہ انکوڈ کرنے کے لیے canvas.toBlob(callback, targetMimeType, quality) کال کریں۔ Safari WebP اور AVIF انکوڈنگ کے لیے، پہلے استعمال پر ایک WebAssembly کوڈیک ورکر لوڈ ہوتا ہے اور پس منظر کے تھریڈ میں انکوڈنگ سنبھالتا ہے۔ PNG آؤٹ پٹ ہمیشہ بے نقصان ہوتا ہے؛ JPEG، WebP اور AVIF کوالٹی سلائیڈر پر عمل کرتے ہیں، جو براہ راست انکوڈر کی کوانٹائزیشن سیٹنگ پر میپ ہوتا ہے۔
آؤٹ پٹ طول و عرض اور فائل سائز کے ساتھ پہلے/بعد کا تھمب نیل دکھاتا ہے، پھر فی تصویر ڈاؤن لوڈ بٹن یا پوری بیچ کے لیے ایک ZIP فراہم کرتا ہے۔

تصویر فارمیٹ کیوں تبدیل کریں؟

PNG سے WebP پر سوئچ کرنے سے 0.8 کوالٹی پر کوئی نظر آنے والے نقصان کے بغیر عام فائل سائز 25–35% کم ہو جاتے ہیں، جو براہ راست صفحے کا وزن کم کرتا ہے اور Core Web Vitals LCP اسکورز بہتر کرتا ہے۔
PNG وہ شفافیت برقرار رکھتا ہے جسے JPEG ختم کر دیتا ہے، اس لیے PNG→JPEG شفاف پکسلز کو سفید پس منظر پر رینڈر کرتا ہے — مفید جب منزل (ای میل، پرانا CMS) PNG قبول نہیں کرتا۔
سوشل پلیٹ فارمز اور اشتہاری نیٹ ورکس کے سخت فارمیٹ تقاضے ہیں: Facebook اور LinkedIn تصاویر کے لیے JPEG ترجیح دیتے ہیں؛ Twitter کا OG پریویو پائپ لائن WebP سنبھالتا ہے؛ کچھ اشتہاری سرورز غیر JPEG تخلیقات مسترد کرتے ہیں۔
CMS یا DAM پر اپلوڈ کرنے سے پہلے مختلف فارمیٹس کی تصاویر (PNG اسکرین شاٹس، JPEG تصاویر، WebP ایکسپورٹس) کے بیچ کو ایک ہی فارمیٹ میں معیاری بنانا انجیسٹ پائپ لائن میں فارمیٹ ہینڈلنگ کی پیچیدگی ختم کرتا ہے۔

عام استعمالات

فارمیٹ کنورژن اس وقت ضروری ہو جاتا ہے جب ماخذ فارمیٹ اور منزل کی توقعات مطابقت نہیں رکھتیں۔

Shopify یا WooCommerce اسٹور کے لیے پروڈکٹ تصاویر تیار کرنا — JPEG اصل کو اسٹور فرنٹ کے لیے 0.85 کوالٹی پر WebP میں تبدیل کرنا، پرنٹ ریڈی ایکسپورٹس کے لیے PNG رکھنا۔
React یا Next.js بلڈ میں شامل کرنے سے پہلے ڈیزائنر کے PNG ایکسپورٹس کو JPEG یا WebP میں تبدیل کرنا تاکہ فریم ورک کا امیج آپٹیمائزر چھوٹے ماخذ سے شروع ہو۔
QA ران کے اسکرین شاٹس کے فولڈر کی بیچ پروسیسنگ — بگ ٹریکر ٹکٹ میں منسلک کرنے سے پہلے آرکائیو سائز کم کرنے کے لیے PNG سے 0.9 کوالٹی پر JPEG۔

ایک عملی مثال: 2 MB PNG → 300 KB WebP

2400×1600 پکسلز پر 2 MB PNG ہیرو تصویر مارکیٹنگ لینڈنگ پیجز پر عام پے لوڈ ہے۔

PNG یہاں چھوڑیں، ہدف فارمیٹ کے طور پر WebP منتخب کریں، کوالٹی 0.8 پر سیٹ کریں، اور اختیاری طور پر پکسل طول و عرض کو آدھا کرنے کے لیے زیادہ سے زیادہ چوڑائی 1200 پر سیٹ کریں۔ Canvas پائپ لائن تصویر کو 1200×800 (آسپیکٹ محفوظ) پر کھینچتا ہے، WebP میں ری انکوڈ کرتا ہے، اور آؤٹ پٹ کارڈ نتیجہ دکھاتا ہے — عموماً 280–320 KB، 85% کی کمی۔ کارڈ پر ڈاؤن لوڈ کلک کریں یا اگر آپ نے کئی تصاویر تبدیل کی ہیں تو ZIP ڈاؤن لوڈ کریں۔

کون سے فارمیٹس سپورٹ ہیں؟

ان پٹ کی طرف، براؤزر ڈی کوڈ کر سکتا ہے کوئی بھی فارمیٹ قبول کیا جاتا ہے: PNG، JPEG، WebP، GIF اور BMP تقریباً ہر فائل کا احاطہ کرتے ہیں جو ایک ڈیزائنر یا اسکرین شاٹ ٹول تیار کرتا ہے۔ آؤٹ پٹ فارمیٹس PNG (ہمیشہ بے نقصان)، JPEG، WebP اور AVIF ہیں۔ AVIF آؤٹ پٹ ایک WebAssembly انکوڈر کے ذریعے تعاون یافتہ ہے جو ہر براؤزر میں طلب پر لوڈ ہوتا ہے — کسی مقامی Canvas انکوڈر کی ضرورت نہیں۔

کیا یہ میرے آلے پر ہوتا ہے؟

جی ہاں۔ صفحہ براؤزر کی مقامی Canvas API اور Web File API استعمال کرتا ہے۔ کوئی بھی تصویری ڈیٹا سرور کو نہیں بھیجا جاتا؛ کنورژن پائپ لائن مکمل طور پر آپ کے براؤزر ٹیب میں چلتی ہے۔ آپ DevTools کھول کر اور Network پینل چیک کر کے اسے تصدیق کر سکتے ہیں — صفحہ لوڈ ہونے کے بعد کوئی آؤٹ باؤنڈ درخواست نہیں ہوتی۔

PNG اور JPEG میں کوالٹی کا فرق کیا ہے؟

PNG بے نقصان فارمیٹ ہے — ہر پکسل انکوڈنگ سائیکل میں بالکل محفوظ رہتا ہے۔ JPEG DCT کمپریشن استعمال کرتا ہے اور باریک تفصیلات چھوڑتا ہے جن پر آنکھ شاذ و نادر ہی دھیان دیتی ہے؛ کوالٹی 0.8 ایک عام میٹھا نقطہ ہے جہاں اصل سے بصری فرق زیادہ تر ناظرین کو محسوس نہیں ہوتا لیکن فائل PNG سے 4–6 گنا چھوٹی ہوتی ہے۔ WebP بے نقصان اور نقصان دہ دونوں طریقوں میں کام کر سکتا ہے؛ یہاں کوالٹی سلائیڈر نقصان دہ انکوڈر چلاتا ہے، اور کوالٹی 0.85 قدرتی تصاویر میں JPEG 0.85 سے عام طور پر 25–30% بہتر ہوتا ہے۔

AVIF آؤٹ پٹ کیسے کام کرتی ہے؟

AVIF انکوڈنگ ایک WebAssembly کوڈیک استعمال کرتی ہے جو پہلی بار جب آپ AVIF فارمیٹ منتخب کرتے ہیں تو طلب پر لوڈ ہوتا ہے — کوئی پلگ ان نہیں، کوئی براؤزر فلیگ نہیں، مستقبل کے Chrome ریلیز کا انتظار نہیں۔ WASM بائنری ہمارے اپنے اوریجن سے پیش کی جاتی ہے، آپ کی تصویر مکمل طور پر پس منظر کے تھریڈ میں انکوڈ کرتی ہے اور ڈاؤن لوڈ کے لیے تیار ایک معیاری image/avif بْلاب لوٹاتی ہے۔ واحد نیٹ ورک درخواست خود کوڈیک کی ایک بار کی بازیافت ہے؛ کوئی تصویری ڈیٹا کبھی آپ کے آلے سے نہیں نکلتا۔ ایک بار لوڈ ہونے کے بعد، انکوڈر سیشن کے لیے کیش میں رہتا ہے تاکہ بعد کی تبدیلیاں تیز ہوں۔ AVIF فائلیں عام طور پر مساوی معیار میں WebP سے 20-30% چھوٹی اور JPEG سے 50% چھوٹی ہوتی ہیں، جو انہیں کارکردگی کے لحاظ سے حساس سائٹس کے لیے بہترین انتخاب بناتی ہیں۔

اپنی تصاویر چھوڑیں، ایک فارمیٹ منتخب کریں، تبدیل کریں۔ سب کچھ آپ کے ٹیب میں چلتا ہے — کوئی اپلوڈ نہیں، کوئی اکاؤنٹ نہیں، سرور کا انتظار نہیں۔

تصویر فارمیٹ تبدیل کریں _

// متعلقہ ٹولز