مفت تصویر سے 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آپ ایک تصویر چھوڑ دیںیہ FileReader API کے ساتھ مقامی طور پر پڑھی جاتی ہے — کبھی اپ لوڈ نہیں۔
- 2یہ Base64-encoded ہےتصویر کی بائٹس ڈیٹا: URI (data:image/...;base64,…) بن جاتی ہے آپ کے براؤزر میں۔
- 3آپ ایک اقتباس منتخب کریںخام ڈیٹا URI کاپی کریں، یا تیار شدہ CSS (background-image)، HTML (<img>)، یا Markdown۔
- 4اسے اپنے کوڈ میں چسپاں کریںتصویر اب آپ کے CSS/HTML کے ساتھ traveling ہوتی ہے — کوئی اضافی فائل host کرنے کی ضرورت نہیں۔
تصویر مکمل طور پر آپ کے ڈیوائس پر کوڈ کی جاتی ہے۔ نوٹ کریں کہ Base64 اصل سے تقریباً 33٪ بڑا ہے، تاکہ data URIs چھوٹی تصویروں کے لیے بہترین ہیں۔
متعلقہ ٹولز
تصویر اسٹیگانوگرافی (تصویر میں متن چھپائیں)
اختیاری AES-256-GCM پاس ورڈ خفیہ نویسی کے ساتھ least-significant-bit steganography استعمال کرتے ہوئے PNG میں ایک خفیہ متن پیغام چھپائیں۔ بعد میں اسی tool سے نکالیں۔ سب کچھ آپ کے براؤزر میں چلتا ہے۔
Base64 انکوڈر اور ڈی کوڈر
متن یا فائلوں کو Base64 میں انکوڈ کریں، یا Base64 سٹرنگز کو واپس سادہ متن میں ڈی کوڈ کریں۔ فوری، نجی، اور مفت۔
یو آر ایل انکوڈر اور ڈیکوڈر
یو آر ایل اور استفسار کے تاروں کو انکوڈ اور ڈی کوڈ کریں۔ encodeURICcomponent، decodeURICcomponent، اور استفسار سٹرنگ پارسنگ کو سپورٹ کرتا ہے۔