مواد پر جائیں

تصویر سے Base64 کنورٹر – Data URI جنریٹر

تصویر ڈالیں اور اسے Base64 ٹیکسٹ یا پیسٹ کے لیے تیار data URI، HTML ٹیگ، CSS رول یا Markdown تصویر کی صورت میں حاصل کریں۔ تصویر آپ کے ڈیوائس پر پڑھی جاتی ہے اور کبھی اپ لوڈ نہیں ہوتی۔

یہ مکمل طور پر آپ کے براؤزر میں چلتا ہے۔ آپ جو کچھ پیسٹ کرتے ہیں وہ کہیں نہیں بھیجا جاتا۔

تصویر کو Base64 میں کیسے بدلیں

  1. تصویر شامل کریں، اسے خانے پر گھسیٹ کر یا ٹیپ کر کے اپنے فون یا کمپیوٹر سے فائل چن کر۔
  2. آؤٹ پٹ کی شکل چنیں: Data URI، صرف Base64، HTML <img>، CSS بیک گراؤنڈ یا Markdown۔ SVG فائل ہو تو طے کریں کہ URL-encoding آن رکھنی ہے یا نہیں۔
  3. پیش منظر اور سائز دیکھیں۔ پیش منظر وہ تصویر دکھاتا ہے جو نتیجے سے دوبارہ بنی، اور ایک لائن میں اصل سائز، انکوڈ شدہ سائز اور یہ لکھا ہوتا ہے کہ کتنا بڑا ہوا۔
  4. کاپی یا ڈاؤن لوڈ کریں، کاپی بٹن سے یا .txt فائل کی صورت میں۔

خصوصیات

  • پیسٹ کے لیے تیار پانچ آؤٹ پٹ: data URI، خالص Base64، HTML کا <img> ٹیگ، CSS کا background-image رول اور Markdown تصویر۔
  • URL-encoded SVG، ویکٹر تصاویر کے لیے Base64 سے چھوٹا متبادل۔
  • سائز کا موازنہ: اصل فائل کا سائز، انکوڈ شدہ سائز اور اضافے کا فیصد۔
  • لائیو پیش منظر جو بنائے گئے ڈیٹا سے ہی دکھایا جاتا ہے، چیک والے پس منظر پر تاکہ شفافیت نظر آئے۔
  • بہت سے فارمیٹ: PNG، JPG، WebP، GIF، SVG، AVIF، ICO اور BMP۔
  • بالکل درست انکوڈنگ، نہ سائز بدلتا ہے نہ کوالٹی کم ہوتی ہے۔
  • سائز کے بارے میں مشورہ جب تصویر تقریباً 10 KB سے بڑی ہو۔

Fileora کا تصویر سے Base64 کنورٹر کیوں استعمال کریں

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

تصویر ان لائن کرنا کب فائدہ دیتا ہے

Data URI تصویر کو الگ فائل میں رکھنے کے بجائے آپ کی HTML، CSS یا JSON کے اندر ہی رکھ دیتا ہے۔ اس سے ایک نیٹ ورک request بچ جاتی ہے، جو ان صورتوں میں مفید ہے:

  • چھوٹے آئیکنز اور سادہ شکلیں، خاص طور پر SVG، جو CSS میں استعمال ہوں۔
  • HTML ای میلز اور ایک فائل والی دستاویزات جنہیں بیرونی فائلوں کے بغیر کام کرنا ہو۔
  • Placeholders، جیسے ایک ننھا سا دھندلا پیش منظر جو پوری تصویر لوڈ ہونے تک دکھایا جائے۔
  • ٹیسٹ، ڈیمو اور کوڈ کے نمونے جنہیں اضافی فائلوں کے بغیر چلنا ہو۔
  • APIs جو JSON body کے اندر تصاویر Base64 میں لیتی ہیں۔

کب یہ نقصان دہ ہے

Base64 ٹیکسٹ اپنی تصویر سے تقریباً ایک تہائی بڑا ہوتا ہے۔ ان لائن تصاویر ہر بار دوبارہ ڈاؤن لوڈ ہوتی ہیں جب صفحہ یا اسٹائل شیٹ بدلے، کیونکہ وہ الگ سے cache نہیں ہو سکتیں۔ یہ صفحے کے اہم راستے میں بھی آ جاتی ہیں: آپ کی CSS کے اندر کوئی بڑی تصویر پوری اسٹائل شیٹ کو، اور اس کے ساتھ صفحے کے پہلی بار نظر آنے کو، سست کر دیتی ہے۔ آسان اصول یہ ہے کہ ان لائن تصاویر تقریباً 10 KB سے کم رکھیں اور باقی سب عام فائل کے طور پر دیں۔

تصویر کو پہلے اس سائز سے نیچے لانے کے لیے تصویر کمپریس کریں سے اسے چھوٹا کریں یا تصویر کنورٹر سے WebP میں بدلیں۔ اگر CSS میں کسی آئیکن کا بالکل درست رنگ چاہیے تو رنگ کنورٹر آپ کو HEX، RGB، HSL اور OKLCH دے دیتا ہے۔

اکثر پوچھے جانے والے سوالات

تصویر کو Base64 میں کیسے بدلیں؟

تصویر کو خانے پر گھسیٹ کر لائیں یا ٹیپ کر کے فائل چنیں۔ انکوڈ شدہ ٹیکسٹ فوراً data URI کی صورت میں آ جاتا ہے۔ کوئی اور آؤٹ پٹ چنیں، جیسے صرف Base64، HTML، CSS بیک گراؤنڈ یا Markdown، پھر اسے کاپی کریں یا .txt فائل کے طور پر ڈاؤن لوڈ کریں۔

Data URI اور صرف Base64 میں کیا فرق ہے؟

صرف Base64 میں تصویر کا انکوڈ شدہ ڈیٹا اکیلا ہوتا ہے، جو زیادہ تر APIs اور JSON فیلڈز مانگتی ہیں۔ Data URI اس کے آگے data:image/png;base64, جیسا ایک چھوٹا سا حصہ لگا دیتا ہے، جو براؤزر کو بتاتا ہے کہ یہ کس قسم کی فائل ہے۔ Data URI وہاں استعمال کریں جہاں براؤزر تصویر کا پتا مانگتا ہے، جیسے img ٹیگ کا src یا CSS کا url()۔

Base64 ٹیکسٹ میری تصویر سے بڑا کیوں ہے؟

Base64 فائل کے ہر 3 بائٹس کو 4 حروف سے لکھتا ہے، اس لیے نتیجہ اصل سے تقریباً 33% بڑا ہوتا ہے۔ ٹول تصویر کا سائز، انکوڈ شدہ سائز اور اضافے کا فیصد دکھاتا ہے تاکہ آپ فیصلہ کر سکیں کہ ان لائن کرنا فائدہ مند ہے یا نہیں۔

میری SVG فائل Base64 میں کیوں نہیں بدلی؟

SVG فائلیں ٹیکسٹ ہوتی ہیں، اس لیے انہیں Base64 کے بجائے URL-encoding سے data URI میں رکھا جا سکتا ہے، جو عموماً چھوٹا ہوتا ہے۔ SVG فائلوں کے لیے یہ آپشن پہلے سے آن ہوتا ہے۔ اگر آپ کا کوئی ٹول Base64 ہی مانگتا ہے تو SVG کے لیے URL-encoding استعمال کریں والا آپشن بند کر دیں۔

کون سی قسم کی تصاویر سپورٹ ہوتی ہیں؟

PNG، JPG، WebP، GIF، SVG، AVIF، ICO اور BMP۔ فائل بالکل جوں کی توں انکوڈ ہوتی ہے، نہ سائز بدلا جاتا ہے نہ دوبارہ کمپریس کی جاتی ہے، اس لیے تصویر کی کوالٹی نہیں بدلتی۔

کیا بڑی تصاویر کو Base64 میں ان لائن کرنا چاہیے؟

عام طور پر نہیں۔ تقریباً 10 KB سے بڑی تصاویر عام فائل کے طور پر ہی بہتر ہیں: انکوڈ شدہ ٹیکسٹ بڑا ہوتا ہے، آپ کی HTML یا CSS سے الگ cache نہیں ہو سکتا، اور باقی صفحے کو لوڈ ہونے میں دیر کرواتا ہے۔ جب تصویر اس سائز سے بڑی ہو تو ٹول یاد دہانی دکھاتا ہے۔

متعلقہ ٹولز

آپ کو مطلوبہ ٹول نہیں ملا، یا کچھ کام نہیں کر رہا؟

ہمیں بتائیں کہ آپ کو اگلا کون سا ٹول چاہیے یا کیا خرابی ہوئی۔ ہم ہر پیغام پڑھتے ہیں، اور درخواستوں سے ہی طے ہوتا ہے کہ ہم آگے کیا بنائیں۔

ٹول کی درخواست کریںمسئلہ رپورٹ کریں

آپ کی ای میل ایپ کھلے گی۔ براہِ کرم نجی فائلیں منسلک نہ کریں۔