ابزار Image ↔ Base64 فایلهای تصویری (PNG، JPG، SVG، WebP، GIF) را به Data URI های کدگذاریشده با Base64 تبدیل میکند و برعکس. تصویر را بکشید و رها کنید، پیست کنید یا کلیک کنید تا بارگذاری شود؛ سپس رشته کامل data:image/...;base64,... را برای جاسازی درون CSS، HTML یا فایلهای تنظیمات کپی کنید. یا یک Data URI را پیست کنید تا پیشنمایش آن را ببینید و بهصورت فایل تصویری دانلود کنید.
تصاویر کدگذاریشده با Base64 را میتوان مستقیماً درون CSS، HTML یا فایلهای تنظیمات جاسازی کرد — این روش برای آیکونهای کوچک، قالبهای ایمیل یا خروجیهای بیلد که درخواستهای خارجی برای تصویر مطلوب نیستند بسیار کاربردی است. این ابزار تبدیل را بدون دردسر انجام میدهد. یک فایل تصویری را بکشید و رها کنید، از کلیپبورد پیست کنید یا کلیک کنید تا مرورگر فایل باز شود. ابزار آن را به یک Data URI با نوع MIME صحیح تبدیل میکند (data:image/png;base64,...، data:image/svg+xml;base64,... و غیره). جهت معکوس نیز کار میکند — یک Data URI را پیست کنید تا ابزار تصویر را برای پیشنمایش رندر کند و لینک دانلودی برای ذخیره آن بهصورت فایل واقعی ارائه دهد. همهچیز کاملاً درون مرورگر انجام میشود، بدون آپلود — تصاویر شما هرگز از دستگاهتان خارج نمیشوند. فرمتهای PNG، JPG/JPEG، SVG، WebP، GIF و ICO پشتیبانی میشوند.
چند روش برای بارگذاری تصویر: کشیدن فایل از سیستمعامل، پیست از کلیپبورد (اسکرینشات هم کار میکند)، یا کلیک برای باز کردن انتخابگر فایل.
وقتی یک Data URI را پیست میکنید، ابزار بلافاصله تصویر را رندر میکند تا پیش از کپی یا دانلود آن را بررسی کنید.
رشته کامل data:image/...;base64,... را کپی میکند، آماده برای پیست در CSS، ویژگی src در HTML، یا تنظیمات JSON.
بدون انتظار برای آپلود — همهچیز بهصورت محلی انجام میشود. حتی تصاویر بزرگ هم در کسری از ثانیه تبدیل میشوند.
از یک Data URI با فرمت Base64، تصویر رمزگشاییشده را با پسوند صحیح (PNG، JPG، SVG و غیره) بهعنوان فایل واقعی ذخیره کنید.
از PNG، JPG، SVG، WebP، GIF و ICO پشتیبانی میکند. نوع MIME بهصورت خودکار تشخیص داده میشود تا Data URI شما همیشه صحیح باشد.
یک آیکون ۱۶×۱۶ را به Base64 تبدیل کنید و آن را درون background-image: url(...) جاسازی کنید. بدون درخواست HTTP، بدون از دست دادن کش — آیکون همراه CSS شما ارسال میشود.
تصاویر را مستقیماً بهصورت Data URI درون ایمیلهای HTML جاسازی کنید، زمانی که ارجاعات تصویر خارجی توسط کلاینتها مسدود یا اسپم شناخته میشوند.
تصاویر کوچک را در خروجی باندل webpack/vite قرار دهید تا رفتوبرگشتهای دریافت دارایی هنگام راهاندازی برنامه حذف شود.
یک Data URI را از ابزارهای توسعهدهنده، سورس HTML یا فایل CSS پیست کنید تا تصویر زیربنایی را پیشنمایش و بهصورت فایل دانلود کنید.
وقتی یک تصویر جاسازیشده نمایش داده نمیشود، Data URI را در رمزگشا پیست کنید تا از معتبر بودن Base64 و صحیح بودن نوع MIME مطمئن شوید.
روی آیکون Image Base64 در داک DevSuite Pro کلیک کنید. یک پنل دو بخشی با یک ناحیه رهاسازی و یک فیلد Data URI باز میشود.
فایل را روی ناحیه رهاسازی بکشید، تصویری را از کلیپبورد پیست کنید (Ctrl+V)، یا روی ناحیه کلیک کنید تا مرورگر فایل باز شود. پیشنمایش نمایش داده میشود.
Data URI با فرمت Base64 بلافاصله در فیلد خروجی تولید میشود — روی Copy کلیک کنید تا به کلیپبورد شما ارسال شود، آماده برای پیست درونخطی.
برای تبدیل Base64 به تصویر، یک Data URI را در فیلد پیست کنید. پیشنمایش تصویر را رندر میکند و دکمه Download ظاهر میشود.
تصویر بازسازیشده را بهصورت فایل واقعی ذخیره کنید، یا Data URI را کپی کنید تا در جای دیگری به اشتراک بگذارید یا جاسازی کنید.
DevSuite Pro را به صورت رایگان نصب کنید و بیش از ۶۴ ابزار توسعه را برای مرورگر خود باز کنید.
