ٹولز95

کنورٹ / ایک عملی تصویری گائیڈ

تصویر کو Base64 میں تبدیل کرنے کا طریقہ

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

ایک تصویر منتخب کریں، Data URL، Plain Base64، HTML تصویر یا CSS پس منظر منتخب کریں، اور کوڈ کاپی کریں یا اسے بطور ٹیکسٹ ڈاؤن لوڈ کریں۔ یہ گائیڈ ایک اصل PNG کے ذریعے HTML امیج ایکسپورٹ کی پیروی کرتی ہے۔

گائیڈ پر عمل کریں
ایک تصدیق شدہ ذریعہ اور اس کا ڈاؤن لوڈ کردہ نتیجہ
پہلے PNG مدار کا آئیکن Base64 میں انکوڈ شدہ مثال۔

اصل 512 × 512 PNG: 202,491 بائٹس۔

بعد میں
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAIACAYAAAD0eNT6AAAQAElEQVR4Aez9T+x/+1Xehz7rZ0Jv/iiiXEWM2kFQRonUiAwQqmp1lKhCKKpQRh3cFBJsAyYYAjY2mHOOoYE29rEZkDCoIlUd…

اصل 270,029-بائٹ HTML آؤٹ پٹ کا آغاز؛ نمونہ ڈسپلے کے لیے مختصر کیا گیا ہے۔

اصل 512 × 512 PNG: 202,491 بائٹس۔ اصل 270,029-بائٹ HTML آؤٹ پٹ کا آغاز؛ نمونہ ڈسپلے کے لیے مختصر کیا گیا ہے۔
اشتہارات
فوری ویڈیو ٹیوٹوریل How to encode an image as Base64 or HTML Choose an image, select HTML image code and download the encoded image as a text file. انگریزی بیان ویڈیو دیکھیں

How to encode an image as Base64 or HTML

اشتہارات

اس کام کی مثال پر عمل کریں، پھر انہی کنٹرولز کو اپنی تصویر کے مطابق ڈھالیں۔ امیج ٹو بیس64 کنورٹر کھولیں.

01

ایک تصویر منتخب کریں اور اس کی شناخت کا پیش نظارہ کریں

Image to Base64 کنورٹر کھولیں۔ ایک تصویر منتخب کریں یا نمونہ آزمائیں۔ مثال میں 512 × 512 پکسل favicon-orbit.png استعمال کیا گیا ہے، جس میں 202,491 بائٹس ہیں۔ ایڈیٹر تصویر کو اس کے کوڈ کے اوپر دکھاتا ہے تاکہ آپ تصدیق کر سکیں کہ آپ نے مطلوبہ اثاثہ منتخب کیا ہے۔

PNG, JPG, WebP, GIF, BMP اور AVIF اس وقت تعاون یافتہ ہیں جب آپ کا براؤزر پیش نظارہ کے لیے انہیں ڈی کوڈ کر سکے۔ زیادہ سے زیادہ فائل سائز 25 MB ہے، جس کی حد 60 میگا پکسلز اور 16,000 پکسلز فی سائیڈ ہے۔ SVG مارک اپ اس راسٹر کنورٹر کے ذریعے قبول نہیں کیا جاتا۔

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

انکوڈنگ سے پہلے، اگر آپ کو چھوٹے اثاثے کی ضرورت ہو تو Resize Image یا Image Compressor استعمال کریں۔ Base64 خود تصویر کا سائز کم نہیں کرتا۔

02

وہ نمائندگی منتخب کریں جس کی آپ کا پروجیکٹ توقع کرتا ہے

Settings کھولیں اور اس مثال کے لیے Code format کے تحت HTML تصویر منتخب کریں۔ نتیجہ ایک img ٹیگ ہے جس میں Base64 ڈیٹا URL شامل ہے۔ alt وصف ابتدائی طور پر خالی ہے؛ جب تصویر معلومات فراہم کرتی ہو تو مفید متبادل متن لکھیں۔

ڈیٹا URL ایک سابقہ جیسے data:image/png;base64 سے شروع ہوتا ہے، جس کے بعد انکوڈ شدہ ڈیٹا ہوتا ہے۔ Plain Base64 میں صرف ڈیٹا ہوتا ہے۔ CSS پس منظر ڈیٹا URL کو background-image ڈیکلریشن میں لپیٹتا ہے۔ یہ نمائندگی مختلف مقاصد کے لیے کام کرتی ہے، لہذا صرف فائل کا نام تبدیل کرنے کے بجائے اپنی ایپلیکیشن کی درخواست کردہ شکل کاپی کریں۔

Code format تبدیل کرنے کے فوراً بعد کوڈ پینل اپ ڈیٹ ہو جاتا ہے۔ کاپی آئیکن موجودہ نمائندگی کو کاپی کرتا ہے اور مشترکہ کاپی شدہ تصدیق دیتا ہے۔ جب کلپ بورڈ تک رسائی مسدود ہو، تو کوڈ دستی کاپی کے لیے منتخب کیا جاتا ہے۔

ایک مکمل HTML img ٹیگ ڈیٹا URL جیسا نہیں ہوتا۔ جب کوئی فیلڈ URL مانگے تو صرف src کی قدر استعمال کریں۔

اس گائیڈ میں دی گئی مثال

ایک نمونہ آزمائیں: favicon-orbit.png، 512 × 512 پکسلز، 202,491 بائٹس۔ کوڈ فارمیٹ کے تحت HTML تصویر منتخب کریں۔ Start منتخب کریں اور favicon-orbit-base64.txt ڈاؤن لوڈ کریں۔

اصل PNG
512 × 512 پکسلز · 202,491 بائٹس
HTML ٹیکسٹ آؤٹ پٹ
270,029 بائٹس
انکوڈنگ
اصل بائٹس؛ کوئی دوبارہ کمپریشن نہیں
03

کوڈ ڈاؤن لوڈ کریں اور اس کا سائز سمجھیں

Start منتخب کریں، پھر Download پر کلک کریں۔ مثال میں favicon-orbit-base64.txt محفوظ ہوتا ہے جس میں HTML امیج کوڈ ہوتا ہے۔ اس کے 270,029 بائٹس 202,491-بائٹ سورس سے بڑے ہیں۔ مضمون کا موازنہ ڈاؤن لوڈ کردہ ٹیکسٹ کی اصل شروعات دکھاتا ہے، جسے صرف پڑھنے میں آسانی کے لیے مختصر کیا گیا ہے۔

Base64 عام طور پر تین سورس بائٹس کو چار ٹیکسٹ کریکٹرز میں تبدیل کرتا ہے، جو چھوٹے ریپر سے پہلے تقریباً ایک تہائی کا اضافہ کرتا ہے۔ ایک چھوٹا آئیکن ایمبیڈ کرنے سے دستاویز خود مختار بن سکتی ہے، لیکن بڑی امیج سٹرنگز کو HTML یا CSS کے اندر رکھنے سے دستاویز کا سائز بڑھ جاتا ہے اور امیج کو الگ فائل کے طور پر کیش ہونے سے روکتا ہے۔

انکوڈنگ انکرپشن نہیں ہے۔ مکمل Base64 سٹرنگ رکھنے والا کوئی بھی شخص بنیادی امیج کو دوبارہ حاصل کر سکتا ہے۔ اگر کوڈ میں نجی معلومات ہوں تو اس کے ساتھ سورس جیسی ہی احتیاط برتیں۔

اس مضمون میں دیا گیا مختصر اقتباس وضاحتی ہے۔ مکمل ڈاؤن لوڈ کردہ TXT استعمال کریں یا ٹول سے مکمل کوڈ کاپی کریں۔

مفید تفصیلات

عام سوالات

کیا انکوڈنگ تصویر کے معیار کو کم کرے گی؟

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

Base64 سٹرنگ تصویر سے بڑی کیوں ہے؟

Base64 تین ان پٹ بائٹس کو چار ٹیکسٹ کریکٹرز کا استعمال کرتے ہوئے ظاہر کرتا ہے، اس لیے یہ عام طور پر ریپر یا پریفکس سے پہلے تقریباً ایک تہائی کا اضافہ کرتا ہے۔

کیا GIF اینیمیشنز محفوظ رہتی ہیں؟

انکوڈنگ اصل GIF بائٹس کو محفوظ رکھتی ہے، بشمول اینیمیشن۔ پیش نظارہ (preview) ایک ساکن فریم دکھا سکتا ہے جبکہ انکوڈ شدہ ڈیٹا تمام فریمز کو برقرار رکھتا ہے۔

کیا Base64 خفیہ تصاویر کے لیے محفوظ ہے؟

Base64 انکرپشن نہیں ہے۔ اگر بنیادی تصویر نجی ہے تو سٹرنگ کو نجی رکھیں۔ کنورٹر خود اسے آپ کے براؤزر میں مقامی طور پر پروسیس کرتا ہے۔

آپ کی باری

صحیح امیج کو صحیح کوڈ میں تبدیل کریں۔

ایک نمونہ آزمائیں یا اپنی فائل استعمال کریں، اور شیئر کرنے سے پہلے نتیجے کا جائزہ لیں۔

امیج ٹو بیس64 کنورٹر کھولیں

تصویر کی تفصیل

زبان38

English العربية Français Italiano Deutsch Español Português Nederlands Русский Türkçe 日本語 中文 हिन्दी Bahasa Indonesia Bahasa Melayu 한국어 Tiếng Việt ไทย Polski Svenska Українська Norsk বাংলা Ελληνικά فارسی اردو Čeština Dansk Magyar Română Suomi Български Filipino ქართული Slovenčina Azərbaycanca עברית Slovenščina

اپنی زبان منتخب کریں۔ ویڈیو ٹیوٹوریلز فی الحال انگریزی بیانیہ استعمال کرتے ہیں۔