مرکزی مواد پر جائیں

مفت تصویر سے Base64

CSS، HTML، یا Markdown میں inline استعمال کے لیے تصویر کو Base64 data URI میں تبدیل کریں۔ تیار snippets کاپی کریں۔ آپ کے براؤزر میں انکوڈ کیا گیا؛ کبھی اپ لوڈ نہیں ہوتا۔

لوڈ ہونے کے بعد آف لائن کام کرتا ہے

فائل یہاں چھوڑیں، یا براؤز کرنے کے لیے کلک کریں

PNG, JPG, WebP, GIF, SVG, AVIF, ICO, HEIC, HEIF · آپ کے آلے پر پراسیس ہوتی ہے

یا کلپ بورڈ سے پیسٹ کرنے کے لیے Ctrl+V دبائیں

فائلیں براؤز کریں

اشارہ: آپ اپنے کلپ بورڈ سے بھی تصویر شامل کر سکتے ہیں (Ctrl+V)۔

آپ کی فائلیں کبھی آپ کے ڈیوائس سے نہیں نکلتیں۔ تمام پروسیسنگ آپ کے براؤزر میں مقامی طور پر ہوتی ہے۔

تصویر کو Base64 data URI میں تبدیل کریں جسے آپ CSS، HTML، یا Markdown میں براہ راست پیسٹ کر سکتے ہیں — کوئی علیحدہ فائل نہیں درکار۔ آپ کے براؤزر میں انکوڈ؛ کبھی اپلوڈ نہیں ہوتا۔

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

  • CSS میں ایک تصویر کو Inline کریںاپنی سٹائل شیٹ میں ایک چھوٹے آئیکن یا پس منظر کو ڈیٹا URI کے طور پر شامل کریں۔
  • HTML میں تصویر شامل کریںلوگو یا آئیکن کو براہ راست خود مختار HTML میں Inline کریں۔
  • SVG یا آئیکن کو Base64 میں تبدیل کریںایک چھوٹے آئیکن کو Inlining کے لیے ایک ڈیٹا URI میں تبدیل کریں۔
  • Markdown میں تصویر شامل کریںڈیٹا URI کے ساتھ Markdown فائل میں ایک چھوٹی سی تصویر کو Inline کریں۔
  • تصویر ڈیٹا URI حاصل کریںایک خام ڈیٹا: URI تیار کریں جو آپ کہیں بھی استعمال کر سکتے ہیں۔

یہ کیسے کام کرتا ہے

ڈیٹا URI ایک تصویر کو براہ راست آپ کے کوڈ میں متن کے طور پر جڑ دیتا ہے، تاکہ یہ الگ فائل درخواست کے بغیر لوڈ ہو — چھوٹے آئیکنز اور self-contained HTML کے لیے آسان۔ یہ اسے آپ کے براؤزر میں کوڈ کرتا ہے۔

  1. 1
    آپ ایک تصویر چھوڑ دیں
    یہ FileReader API کے ساتھ مقامی طور پر پڑھی جاتی ہے — کبھی اپ لوڈ نہیں۔
  2. 2
    یہ Base64-encoded ہے
    تصویر کی بائٹس ڈیٹا: URI (data:image/...;base64,…) بن جاتی ہے آپ کے براؤزر میں۔
  3. 3
    آپ ایک اقتباس منتخب کریں
    خام ڈیٹا URI کاپی کریں، یا تیار شدہ CSS (background-image)، HTML (<img>)، یا Markdown۔
  4. 4
    اسے اپنے کوڈ میں چسپاں کریں
    تصویر اب آپ کے CSS/HTML کے ساتھ traveling ہوتی ہے — کوئی اضافی فائل host کرنے کی ضرورت نہیں۔

تصویر مکمل طور پر آپ کے ڈیوائس پر کوڈ کی جاتی ہے۔ نوٹ کریں کہ Base64 اصل سے تقریباً 33٪ بڑا ہے، تاکہ data URIs چھوٹی تصویروں کے لیے بہترین ہیں۔

متعلقہ ٹولز

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