مبدل تصویر به داده URI / Base64
فقط با کشیدن و رها کردن یا بارگذاری دستی تصویر از دستگاه خود یا با الصاق آدرس تصویر از وب، میتوانید تصویر مورد نظر خود را به فرمت متنی Base64 / داده URI تبدیل کنید. تبدیل تصویر به فرمت متنی داده Uri / base64.
مبدل داده URI / Base64 به تصویر
استفاده مبدل تصویر به داده URI / Base64
لینک ابزار
اشتراکگذاری
به بهبود این ابزار کمک کنید
محتوا را بخوانید
تبدیل چندین فایل تصویری خود به فرمت داده Uri و base64 به صورت آنلاین و رایگان.
مبدل تصویر به داده URI / Base64
مبدل تصویر به داده URI / Base64 ابزاری کاربردی است که به شما امکان میدهد به سرعت و به راحتی یک تصویر را به رشتهای از متن تبدیل کنید که میتواند در یک صفحه وب یا برنامه آنلاین دیگر استفاده شود. این نوع مبدل زمانی مفید است که نیاز دارید تصویری را در کد خود جاسازی کنید اما نمیخواهید از سرویس میزبانی فایل خارجی استفاده کنید.
سیستم رمزگذاری تصویر به Base64 چیست
آیا تا به حال نیاز داشتهاید تصویری را به داده url یا رشته base64 تبدیل کنید؟
تصویر به Base64 یک سیستم رمزگذاری تصویر است که هر تصویری را بدون از دست رفتن داده به فرمت متنی غیرقابل خواندن تبدیل میکند، متنهای Base64 تولید شده شامل علامت جمع، اسلش، علامت مساوی، حروف لاتین و ارقام هستند.
رمزگذاری Base64 روش بسیار مفیدی برای ذخیره اطلاعات باینری در فرمت متنی است. هدف آن نمایش دادههای باینری (مانند تصاویر، صداها، کلیپهای ویدیویی) با استفاده از کاراکترهای ASCII (حروف الفبا + اعداد) است.
چرا داده URI / Base64؟
یک تصویر میتواند با استفاده از روشی به نام داده URIs به رشته base64 تبدیل شود. این به ما امکان میدهد یک URL برای تصویر ایجاد کنیم که سپس میتواند در یک صفحه وب گنجانده شود. این فرآیند شامل تبدیل فایل(های) اصلی به یک آرایه بایت (مجموعهای از بایتها) است. سپس میتوانیم آرایه بایت خود را به رشته رمزگذاری شده base64 تبدیل کنیم.
داده URIs مزایای متعددی نسبت به فایلهای محلی ارائه میدهند. آنها فضای کش کلاینت (مرورگر) را ذخیره میکنند، اندازهای کوچکتر از تصاویر معمولی دارند و به وبسایتها اجازه میدهند تصاویر بزرگتر را با استفاده از پهنای باند کمتر ارائه دهند. رشتههای Base64 همچنین خواندنشان آسانتر است، زیرا میتوان آنها را به راحتی با ویرایشگرهای متن معمولی مشاهده کرد.
با داده URIs، میتوانید تصویر را مستقیماً در کد HTML خود جاسازی کنید، بدون اینکه نیاز باشد فایل خارجی بارگذاری کنید. این میتواند زمان بارگذاری صفحه را سرعت بخشد و در واقع انجام دادن آن بسیار آسان است. در این مقاله، نحوه تبدیل تصاویر به داده URIs را در چند ثانیه به شما نشان خواهیم داد.
نحوه تبدیل تصویر به Base64 رمزگذاری شده / داده URI در چند ثانیه
آیا تا به حال فکر کردهاید چگونه بارگذاری تصاویر در وبسایت خود را سریعتر کنید؟ یک راه استفاده از داده URIs است. فقط با کشیدن و رها کردن یا بارگذاری دستی تصویر از دستگاه خود یا با الصاق آدرس تصویر از وب، میتوانید تصویر مورد نظر خود را به فرمت متنی Base64 / داده URI تبدیل کنید.
مثال رمزگذاری تصویر به Base64
خروجی Base64 برای یک تصویر به شکل data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD//gA7Q1JFQVRPUjogZ2QtanBlZyB2MS4wICh1c2luZyBJSkcgSlBFRyB2OTApLC.... است
کاربردهای رمزگذاری تصویر به Base64
برای منبع تصویر (img src):
< img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD//gA7Q1JFQVRPUjogZ2QtanBlZyB2MS4wICh1c2luZyBJSkcgSlBFRyB2OTApLC..." />
برای آدرس تصویر پسزمینه (background-image: url):
background-image: url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD//gA7Q1JFQVRPUjogZ2QtanBlZyB2MS4wICh1c2luZyBJSkcgSlBFRyB2OTApLC...")
نحوه استفاده از داده URI / Base64
برای استفاده از مبدل داده URI / Base64، به سادگی کد تولید شده را در پروژه خود در جایی که میخواهید تصویر جاسازی شده ظاهر شود کپی و الصاق کنید. مطمئن شوید هیچ خط شکست یا فاصلهای را از داخل کد حذف نکنید زیرا برای قالببندی نمایش صحیح ضروری هستند. ممکن است بسته به نحوه استفاده از تصاویر تبدیل شده نیاز به تنظیم برخی تنظیمات داشته باشید - مانند تغییر ابعاد آنها یا افزودن حاشیه/فاصله دور آنها
نظرات (0)
گزارش مشکل این ابزار
مسئلهای را که با آن مواجه شدید شرح دهید تا بتوانیم آن را بررسی کرده و ابزار را بهبود بخشیم.