بیس64 امیج ڈیکوڈر اور ویوئر | بیس64 کو امیجز میں تبدیل کریں

فوری طور پر بیس64 کوڈڈ امیج سٹرنگز کو ڈیکوڈ اور پیش کریں۔ JPEG، PNG، GIF اور دیگر عام فارمیٹس کی حمایت کرتا ہے اور غلط ان پٹ کے لیے ایرر ہینڈلنگ فراہم کرتا ہے۔

بیس64 امیج ڈیکوڈر اور ویور

ایک بیس64 انکوڈڈ امیج سٹرنگ پیسٹ کریں اور امیج دیکھنے کے لیے اسے ڈیکوڈ کریں۔

امیج پیش منظر

دکھانے کے لیے کوئی امیج نہیں ہے۔ اسے خود بخود دیکھنے کے لیے بیس64 سٹرنگ پیسٹ کریں۔

JPEG، PNG، GIF اور دیگر عام امیج فارمیٹس کی حمایت کرتا ہے۔

ہدایات

1. اوپر دیے گئے ٹیکسٹ ایریا میں بیس64 انکوڈڈ امیج سٹرنگ پیسٹ کریں۔

2. جیسے ہی آپ ٹائپ کریں گے، امیج خود بخود ڈیکوڈ ہو جائے گی، یا 'امیج ڈیکوڈ کریں' بٹن پر کلک کریں۔

3. ڈیکوڈ شدہ امیج نیچے پیش منظر کے علاقے میں ظاہر ہوگی۔

نوٹ: بہترین نتائج کے لیے سٹرنگ کا آغاز 'data:image/' سے ہونا چاہیے، لیکن یہ ٹول بغیر اس پیشوند کے سٹرنگز کو بھی ڈیکوڈ کرنے کی کوشش کرے گا۔

📚

دستاویزات

بیس64 امیج ڈیکوڈر اور ویوئر

تعارف

بیس64 ایک بائنری سے ٹیکسٹ انکوڈنگ اسکیم ہے جو بائنری ڈیٹا کو ASCII سٹرنگ فارمیٹ میں ظاہر کرتی ہے۔ یہ عام طور پر HTML، CSS، JavaScript، JSON، اور دیگر ٹیکسٹ پر مبنی فارمیٹس میں امیج ڈیٹا کو براہ راست شامل کرنے کے لیے استعمال ہوتی ہے جہاں بائنری ڈیٹا کو براہ راست شامل نہیں کیا جا سکتا۔ یہ ٹول آپ کو بیس64 سے انکوڈ کردہ امیج سٹرنگز کو ڈیکوڈ کرنے اور نتیجے میں حاصل کردہ امیجز کو براہ راست اپنے براؤزر میں دیکھنے کی اجازت دیتا ہے۔

بیس64 انکوڈنگ اصل بائنری کے مقابلے میں تقریباً 33% ڈیٹا کے حجم میں اضافہ کرتی ہے، لیکن یہ امیجز کو براہ راست ٹیکسٹ پر مبنی دستاویزات میں شامل کرنے کے قابل بناتی ہے بغیر الگ فائل ڈاؤن لوڈ کی ضرورت کے۔ یہ خاص طور پر چھوٹی امیجز جیسے آئیکنز، لوگوز، یا سادہ گرافکس کے لیے مفید ہو سکتا ہے جہاں شامل کرنے کی سہولت حجم میں اضافے سے زیادہ اہم ہوتی ہے۔

ہمارا بیس64 امیج ڈیکوڈر ٹول ایک سادہ انٹرفیس فراہم کرتا ہے جہاں آپ بیس64 سے انکوڈ کردہ امیج سٹرنگ کو پیسٹ کر سکتے ہیں اور فوری طور پر ڈیکوڈ کردہ امیج دیکھ سکتے ہیں۔ یہ تمام عام امیج فارمیٹس جیسے JPEG، PNG، GIF، WebP، اور SVG کی حمایت کرتا ہے، اور یہ دونوں ڈیٹا URL فارمیٹ (جس میں data:image/... پیش فکس ہوتا ہے) اور خام بیس64 سٹرنگز کو سنبھال سکتا ہے۔

تکنیکی تفصیلات

بیس64 انکوڈنگ فارمیٹ

بیس64 انکوڈنگ بائنری ڈیٹا کو 64 ASCII کرداروں (A-Z، a-z، 0-9، +، اور /) کے سیٹ میں تبدیل کرتی ہے، جس میں = پیڈنگ کے لیے استعمال ہوتا ہے۔ ویب پر امیجز کے لیے، بیس64 ڈیٹا عام طور پر ایک ڈیٹا URL کے طور پر مندرجہ ذیل ساخت میں فارمیٹ کیا جاتا ہے:

1data:[<media type>][;base64],<data>
2

مثال کے طور پر، ایک بیس64 سے انکوڈ کردہ PNG امیج کچھ اس طرح نظر آ سکتی ہے:

1data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==
2

اس فارمیٹ کے اجزاء ہیں:

data: - URL اسکیم
image/png - ڈیٹا کی MIME قسم
;base64 - انکوڈنگ کا طریقہ
, - ہیڈر اور ڈیٹا کے درمیان ایک جداکار
اصل بیس64 سے انکوڈ کردہ ڈیٹا

ڈیکوڈنگ کا عمل

جب بیس64 امیج سٹرنگ کو ڈیکوڈ کیا جاتا ہے تو درج ذیل مراحل ہوتے ہیں:

یہ سٹرنگ کو پارس کیا جاتا ہے تاکہ یہ معلوم ہو سکے کہ آیا اس میں ایک ڈیٹا URL پیش فکس موجود ہے
اگر پیش فکس موجود ہو تو MIME قسم کو نکالا جاتا ہے تاکہ امیج کی شکل کا تعین کیا جا سکے
بیس64 ڈیٹا کا حصہ الگ کیا جاتا ہے اور بائنری ڈیٹا میں ڈیکوڈ کیا جاتا ہے
بائنری ڈیٹا کو ایک Blob یا آبجیکٹ URL میں تبدیل کیا جاتا ہے جو امیج کے طور پر دکھایا جا سکتا ہے

اگر ان پٹ میں ڈیٹا URL پیش فکس شامل نہیں ہے تو ڈیکوڈر اسے خام بیس64 ڈیٹا کے طور پر سمجھنے کی کوشش کرتا ہے اور ڈیکوڈ کردہ بائنری ہیڈر سے امیج کی قسم کا اندازہ لگاتا ہے یا ڈیفالٹ کے طور پر PNG پر واپس آتا ہے۔

سپورٹ کردہ امیج فارمیٹس

یہ ٹول تمام عام ویب امیج فارمیٹس کی حمایت کرتا ہے:

فارمیٹ	MIME قسم	عام استعمال کے کیس
JPEG	image/jpeg	تصاویر، پیچیدہ امیجز جن میں بہت سے رنگ ہوں
PNG	image/png	امیجز جن میں شفافیت کی ضرورت ہو، اسکرین شاٹس، گرافکس
GIF	image/gif	سادہ متحرک تصاویر، محدود رنگ کی امیجز
WebP	image/webp	جدید فارمیٹ جو JPEG/PNG سے بہتر کمپریشن فراہم کرتا ہے
SVG	image/svg+xml	ویکٹر گرافکس، اسکیل ایبل آئیکنز اور عکاسی

استعمال کے کیسز

بیس64 سے انکوڈ کردہ امیجز کے کئی عملی استعمالات ہیں ویب ڈویلپمنٹ اور اس سے آگے:

HTML/CSS/JS میں امیجز شامل کرنا: چھوٹی امیجز کو اپنے کوڈ میں براہ راست شامل کرکے HTTP درخواستوں کو کم کرتا ہے، جو چھوٹی امیجز کے لیے صفحے کے لوڈ ہونے کے وقت کو بہتر بنا سکتا ہے۔
ای میل ٹیمپلیٹس: یہ اس بات کو یقینی بناتا ہے کہ امیجز ای میل کلائنٹس میں صحیح طور پر دکھائی دیں جو بطور ڈیفالٹ بیرونی امیجز کو بلاک کرتے ہیں۔
سنگل فائل ایپلی کیشنز: خود مختار HTML ایپلیکیشنز بناتا ہے جہاں تمام وسائل ایک ہی فائل میں شامل ہوتے ہیں۔
API جوابات: امیج ڈیٹا کو براہ راست JSON جوابات میں شامل کرتا ہے بغیر الگ امیج اینڈ پوائنٹس کی ضرورت کے۔
CSS میں ڈیٹا URIs: چھوٹے آئیکنز اور پس منظر کی امیجز کو براہ راست CSS فائلوں میں شامل کرتا ہے۔
کینوس کی ہیرا پھیری: کینوس امیج ڈیٹا کو محفوظ کرنے اور منتقل کرنے کی سہولت فراہم کرتا ہے۔
آف لائن ایپلی کیشنز: لوکل اسٹوریج یا IndexedDB میں امیجز کو ٹیکسٹ سٹرنگز کے طور پر ذخیرہ کرتا ہے۔

کارکردگی کے پہلوؤں

اگرچہ بیس64 انکوڈنگ سہولت فراہم کرتی ہے، لیکن اس کے ساتھ کچھ تجارتی نقصانات بھی ہیں:

فائل کے حجم میں اضافہ: بیس64 انکوڈنگ تقریباً 33% ڈیٹا کے حجم میں اضافہ کرتی ہے۔
براؤزر کی کیشنگ نہیں: شامل کردہ امیجز کو الگ الگ امیج فائلوں کی طرح کیش نہیں کیا جا سکتا۔
پارسنگ کا اوور ہیڈ: براؤزرز کو رینڈر کرنے سے پہلے بیس64 سٹرنگ کو ڈیکوڈ کرنا ہوگا۔
نگہداشت کے چیلنجز: شامل کردہ امیجز کو اپ ڈیٹ کرنا الگ حوالہ دی گئی فائلوں کے مقابلے میں زیادہ مشکل ہے۔

بہترین کارکردگی کے لیے، بیس64 انکوڈنگ عام طور پر صرف چھوٹی امیجز (10KB سے کم) کے لیے سفارش کی جاتی ہے۔ بڑی امیجز کو عام طور پر علیحدہ فائلوں کے طور پر بہتر طور پر پیش کیا جاتا ہے جو صحیح طور پر کیش اور بہتر بنائی جا سکتی ہیں۔

متبادل

بیس64 انکوڈنگ کے مختلف استعمالات کے لیے کئی متبادل موجود ہیں:

SVG ان لائن ایمبیڈنگ: ویکٹر گرافکس کے لیے، ان لائن SVG اکثر بیس64 سے انکوڈ کردہ SVG کے مقابلے میں بہتر کارکردگی اور لچک فراہم کرتا ہے۔
WebP اور جدید امیج فارمیٹس: یہ بیس64 سے انکوڈ کردہ JPEG/PNG کے مقابلے میں بہتر کمپریشن فراہم کرتے ہیں۔
امیج اسپرائٹس: کئی چھوٹی امیجز کو ایک ہی فائل میں یکجا کرنا اور CSS کی پوزیشننگ کا استعمال کرنا۔
CDNs (مواد کی ترسیل کے نیٹ ورکس): پروڈکشن سائٹس کے لیے، بہتر امیجز کو CDN سے پیش کرنا اکثر زیادہ موثر ہوتا ہے۔
ڈیٹا کمپریشن: بڑی مقدار میں بائنری ڈیٹا کی منتقلی کے لیے، خصوصی کمپریشن الگورڈمز جیسے gzip یا Brotli بیس64 سے زیادہ موثر ہیں۔

کوڈ کے نمونے

یہاں مختلف پروگرامنگ زبانوں میں بیس64 سے انکوڈ کردہ امیجز کے ساتھ کام کرنے کے مثالیں ہیں:

1// جاوا اسکرپٹ میں ایک امیج کو بیس64 میں تبدیل کرنا (براؤزر)
2function imageToBase64(imgElement) {
3  const canvas = document.createElement('canvas');
4  canvas.width = imgElement.width;
5  canvas.height = imgElement.height;
6  
7  const ctx = canvas.getContext('2d');
8  ctx.drawImage(imgElement, 0, 0);
9  
10  // ڈیٹا URL (بیس64 سٹرنگ) کے طور پر حاصل کریں
11  return canvas.toDataURL('image/png');
12}
13
14// بیس64 امیج دکھائیں
15function displayBase64Image(base64String) {
16  const img = new Image();
17  
18  // بغیر ڈیٹا URL پیش فکس کے سٹرنگز کو ہینڈل کریں
19  if (!base64String.startsWith('data:')) {
20    base64String = `data:image/png;base64,${base64String}`;
21  }
22  
23  img.src = base64String;
24  document.body.appendChild(img);
25}
26

1import base64
2from PIL import Image
3from io import BytesIO
4
5# ایک امیج فائل کو بیس64 میں تبدیل کریں
6def image_to_base64(image_path):
7    with open(image_path, "rb") as image_file:
8        encoded_string = base64.b64encode(image_file.read())
9        return encoded_string.decode('utf-8')
10
11# بیس64 کو امیج میں تبدیل کریں اور محفوظ کریں
12def base64_to_image(base64_string, output_path):
13    # اگر موجود ہو تو ڈیٹا URL پیش فکس کو ہٹا دیں
14    if ',' in base64_string:
15        base64_string = base64_string.split(',')[1]
16    
17    image_data = base64.b64decode(base64_string)
18    image = Image.open(BytesIO(image_data))
19    image.save(output_path)
20
21# مثال کے استعمال
22base64_str = image_to_base64("input.jpg")
23print(f"data:image/jpeg;base64,{base64_str[:30]}...") # سٹرنگ کے آغاز کو پرنٹ کریں
24
25base64_to_image(base64_str, "output.jpg")
26

1<?php
2// PHP میں ایک امیج فائل کو بیس64 میں تبدیل کریں
3function imageToBase64($path) {
4    $type = pathinfo($path, PATHINFO_EXTENSION);
5    $data = file_get_contents($path);
6    return 'data:image/' . $type . ';base64,' . base64_encode($data);
7}
8
9// بیس64 کو امیج میں تبدیل کریں اور محفوظ کریں
10function base64ToImage($base64String, $outputPath) {
11    // اگر موجود ہو تو ڈیٹا URL پیش فکس کو ہٹا دیں
12    $imageData = explode(',', $base64String);
13    $imageData = isset($imageData[1]) ? $imageData[1] : $imageData[0];
14    
15    // ڈیکوڈ کریں اور محفوظ کریں
16    $data = base64_decode($imageData);
17    file_put_contents($outputPath, $data);
18}
19
20// مثال کے استعمال
21$base64Image = imageToBase64('input.jpg');
22echo substr($base64Image, 0, 50) . "...\n"; // سٹرنگ کے آغاز کو پرنٹ کریں
23
24base64ToImage($base64Image, 'output.jpg');
25?>
26

1import java.io.File;
2import java.io.FileOutputStream;
3import java.io.IOException;
4import java.nio.file.Files;
5import java.util.Base64;
6
7public class Base64ImageUtil {
8    
9    // ایک امیج فائل کو بیس64 میں تبدیل کریں
10    public static String imageToBase64(String imagePath) throws IOException {
11        File file = new File(imagePath);
12        byte[] fileContent = Files.readAllBytes(file.toPath());
13        String extension = imagePath.substring(imagePath.lastIndexOf(".") + 1);
14        String base64String = Base64.getEncoder().encodeToString(fileContent);
15        
16        return "data:image/" + extension + ";base64," + base64String;
17    }
18    
19    // بیس64 کو امیج میں تبدیل کریں اور محفوظ کریں
20    public static void base64ToImage(String base64String, String outputPath) throws IOException {
21        // اگر موجود ہو تو ڈیٹا URL پیش فکس کو ہٹا دیں
22        if (base64String.contains(",")) {
23            base64String = base64String.split(",")[1];
24        }
25        
26        byte[] decodedBytes = Base64.getDecoder().decode(base64String);
27        
28        try (FileOutputStream fos = new FileOutputStream(outputPath)) {
29            fos.write(decodedBytes);
30        }
31    }
32    
33    public static void main(String[] args) throws IOException {
34        String base64Image = imageToBase64("input.jpg");
35        System.out.println(base64Image.substring(0, 50) + "..."); // سٹرنگ کے آغاز کو پرنٹ کریں
36        
37        base64ToImage(base64Image, "output.jpg");
38    }
39}
40

1using System;
2using System.IO;
3using System.Text.RegularExpressions;
4
5class Base64ImageConverter
6{
7    // ایک امیج فائل کو بیس64 میں تبدیل کریں
8    public static string ImageToBase64(string imagePath)
9    {
10        byte[] imageBytes = File.ReadAllBytes(imagePath);
11        string base64String = Convert.ToBase64String(imageBytes);
12        
13        string extension = Path.GetExtension(imagePath).TrimStart('.').ToLower();
14        return $"data:image/{extension};base64,{base64String}";
15    }
16    
17    // بیس64 کو امیج میں تبدیل کریں اور محفوظ کریں
18    public static void Base64ToImage(string base64String, string outputPath)
19    {
20        // اگر موجود ہو تو ڈیٹا URL پیش فکس کو ہٹا دیں
21        if (base64String.Contains(","))
22        {
23            base64String = base64String.Split(',')[1];
24        }
25        
26        byte[] imageBytes = Convert.FromBase64String(base64String);
27        File.WriteAllBytes(outputPath, imageBytes);
28    }
29    
30    static void Main()
31    {
32        string base64Image = ImageToBase64("input.jpg");
33        Console.WriteLine(base64Image.Substring(0, 50) + "..."); // سٹرنگ کے آغاز کو پرنٹ کریں
34        
35        Base64ToImage(base64Image, "output.jpg");
36    }
37}
38

1require 'base64'
2
3# ایک امیج فائل کو بیس64 میں تبدیل کریں
4def image_to_base64(image_path)
5  extension = File.extname(image_path).delete('.')
6  base64_data = Base64.strict_encode64(File.read(image_path))
7  "data:image/#{extension};base64,#{base64_data}"
8end
9
10# بیس64 کو امیج میں تبدیل کریں اور محفوظ کریں
11def base64_to_image(base64_string, output_path)
12  # اگر موجود ہو تو ڈیٹا URL پیش فکس کو ہٹا دیں
13  if base64_string.include?(',')
14    base64_string = base64_string.split(',')[1]
15  end
16  
17  File.open(output_path, 'wb') do |file|
18    file.write(Base64.decode64(base64_string))
19  end
20end
21
22# مثال کے استعمال
23base64_image = image_to_base64('input.jpg')
24puts base64_image[0, 50] + '...' # سٹرنگ کے آغاز کو پرنٹ کریں
25
26base64_to_image(base64_image, 'output.jpg')
27

1' ایکسل VBA فنکشن جو ایک فائل کو بیس64 میں انکوڈ کرتا ہے
2Function FileToBase64(filePath As String) As String
3    Dim fileNum As Integer
4    Dim fileData() As Byte
5    Dim objXML As Object
6    Dim objNode As Object
7    
8    fileNum = FreeFile
9    Open filePath For Binary Access Read As fileNum
10    ReDim fileData(LOF(fileNum) - 1)
11    Get fileNum, , fileData
12    Close fileNum
13    
14    Set objXML = CreateObject("MSXML2.DOMDocument")
15    Set objNode = objXML.createElement("b64")
16    
17    objNode.DataType = "bin.base64"
18    objNode.nodeTypedValue = fileData
19    
20    FileToBase64 = objNode.Text
21    
22    Set objNode = Nothing
23    Set objXML = Nothing
24End Function
25
26' ایکسل میں استعمال:
27' =FileToBase64("C:\path\to\image.jpg")
28

HTML عمل درآمد

یہاں بیس64 امیج کو براہ راست HTML میں شامل کرنے کا طریقہ ہے:

1<!-- HTML میں براہ راست بیس64 امیج شامل کرنا -->
2<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==" alt="بیس64 انکوڈ کردہ امیج">
3
4<!-- CSS کے ساتھ بیس64 پس منظر کی امیج کا استعمال -->
5<style>
6.base64-bg {
7  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==');
8  width: 100px;
9  height: 100px;
10}
11</style>
12<div class="base64-bg"></div>
13

تاریخ

بیس64 انکوڈنگ کی جڑیں 1970 کی دہائی میں الیکٹرانک میل سسٹمز کی ترقی میں ہیں۔ یہ ان مسائل کو حل کرنے کے لیے ڈیزائن کیا گیا تھا جو بائنری ڈیٹا کو ان سسٹمز کے ذریعے منتقل کرنے کے لیے تھے جو صرف ASCII ٹیکسٹ کو سنبھالنے کے لیے ڈیزائن کیے گئے تھے۔

انکوڈنگ اسکیم کو 1987 میں RFC 989 کی اشاعت کے ساتھ رسمی شکل دی گئی، جس نے پرائیویسی اینہانسڈ میل (PEM) معیاری کو بیان کیا۔ اس کے بعد RFC 1421 اور دیگر متعلقہ معیارات میں اسے اپ ڈیٹ کیا گیا۔ اصطلاح "بیس64" خود اس حقیقت سے آتی ہے کہ انکوڈنگ 64 مختلف ASCII کرداروں کا استعمال کرتی ہے تاکہ بائنری ڈیٹا کی نمائندگی کی جا سکے۔

ویب ڈویلپمنٹ کے تناظر میں، بیس64 انکوڈ کردہ امیجز کی مقبولیت 1998 میں ڈیٹا URIs کے آنے کے ساتھ بڑھی، جس کی تجویز RFC 2397 میں پہلی بار دی گئی۔ اس نے بائنری ڈیٹا کو براہ راست HTML، CSS، اور دیگر ویب دستاویزات میں شامل کرنے کی اجازت دی۔

ویب ڈویلپمنٹ میں بیس64 سے انکوڈ کردہ امیجز کے استعمال میں 2000 کی دہائی کے وسط میں اضافہ ہوا جب ڈویلپرز نے HTTP درخواستوں کو کم کرنے اور صفحے کے لوڈ ہونے کے وقت کو بہتر بنانے کے طریقے تلاش کیے۔ اس تکنیک کو خاص طور پر اس وقت اپنایا گیا جب موبائل ویب ڈویلپمنٹ کا عروج ہوا، جہاں سست موبائل کنکشنز پر کارکردگی کے لیے درخواستوں کو کم کرنا بہت ضروری تھا۔

آج، بیس64 انکوڈنگ ویب ڈویلپمنٹ میں ایک اہم ٹول کے طور پر باقی رہتا ہے، اگرچہ اس کا استعمال زیادہ ہدف بن گیا ہے کیونکہ بہترین طریقوں میں ترقی ہوئی ہے۔ جدید طریقے عام طور پر بیس64 انکوڈنگ کو چھوٹی، اہم امیجز کے لیے منتخبively استعمال کرتے ہیں جبکہ بڑے اثاثوں کے لیے زیادہ موثر ترسیل کے طریقوں جیسے HTTP/2 کا فائدہ اٹھاتے ہیں۔

حوالہ جات

💬

رائے

💬

اس ٹول کے بارے میں رائے دینے کے لیے رائے کے ٹوسٹ پر کلک کریں

🔗

Whiz Tools