از این نمونه پیروی کنید تا داده‌های تصویری کدگذاری‌شده را به یک فایل قابل استفاده تبدیل کنید. باز کردن تبدیل Base64 به تصویر.
داده‌های تصویر را جای‌گذاری کنید
Base64 به تصویر را باز کنید و یک رشته ساده Base64 یا یک URL کامل داده تصویر را جای‌گذاری کنید. امتحان کردن یک نمونه، همان فیلد را با یک مثال واقعی PNG پر می‌کند. نیازی به آپلود فایل جداگانه ندارید.
یک URL داده شامل پیشوندی مانند data:image/png;base64, است. Base64 ساده فقط شامل کاراکترهای کدگذاری‌شده است. فضای خالی و شکست خطوط داخل داده نادیده گرفته می‌شوند.
اگر کد شما داخل یک تصویر HTML یا اعلان CSS است، فقط URL داده را کپی کنید. عنصر کامل HTML یا اعلان CSS نمی‌تواند به عنوان یک تصویر رمزگشایی شود.
هنگامی که نیاز دارید در جهت دیگر حرکت کنید، از مبدل تصویر به Base64 استفاده کنید.
قبل از خروجی گرفتن، پیش‌نمایش را بررسی کنید
ادامه را انتخاب کنید. مبدل کاراکترهای Base64، امضای فایل تصویر، هر نوع MIME اعلام‌شده و اینکه آیا مرورگر می‌تواند نتیجه را باز کند، بررسی می‌کند.
یک URL داده که JPG را اعلام می‌کند در حالی که شامل PNG بایت است، رد می‌شود. متن ناقص، فایل‌های پشتیبانی‌نشده و فایل‌های بیش از حد مجاز نیز رد می‌شوند. این کار از ذخیره بی‌سروصدای یک پسوند فایل گمراه‌کننده جلوگیری می‌کند.
این مثال از نمونه favicon-orbit.png استفاده می‌کند، یک 512 × 512 PNG که شامل 202,491 بایت است. پیش‌نمایش آن باید همان اثر هنری آیکون رنگارنگ را نشان دهد. اگر کد جای‌گذاری‌شده در ویرایشگر را تغییر دادید، پیش‌نمایش تصویر را برای بررسی جایگزینی انتخاب کنید.
پیش‌نمایش به شناسایی تصویر کمک می‌کند. فقط به نام فایل یا نوع MIME اعلام‌شده تکیه نکنید.
نمونه موجود در این راهنما
یک نمونه را امتحان کنید تا URL داده برای favicon-orbit.png پر شود. گزینه ادامه (Continue) را انتخاب کنید، پیش‌نمایش 512 × 512 را تأیید کنید، سپس شروع (Start) و دانلود (Download) را بزنید. بایت‌های دانلودشده PNG را با نمونه منبع مقایسه کنید.
- فرمت رمزگشایی‌شده
- PNG
- ابعاد تصویر
- 512 × 512 پیکسل
- بایت‌های تصویر اصلی
- 202,491 بایت
- تبدیل
- رمزگشایی بدون فشرده‌سازی مجدد
تصویر بازیابی‌شده را دانلود کنید
شروع و سپس دانلود را انتخاب کنید تا decoded-image.png برای این مثال ذخیره شود. مبدل فرمت اصلی را تشخیص می‌دهد؛ از شما نمی‌خواهد فرمت متفاوتی را انتخاب کنید.
رمزگشایی بایت‌های اصلی را بازیابی می‌کند. این کار تصویر را تغییر اندازه، بازطراحی یا فشرده‌سازی مجدد نمی‌کند و متادیتای موجود و انیمیشن GIF را حفظ می‌کند. اگر می‌خواهید نتیجه را تغییر اندازه، فشرده یا تبدیل کنید، پس از دانلود از ابزار تصویر دیگری استفاده کنید.
نمونه دانلود شده همان 202,491 بایت منبع PNG خود را دارد. گزیده کوتاه URL داده که در اینجا نشان داده شده فقط برای تصویرسازی است؛ یک رشته ناقص تصویر کامل را تولید نخواهد کرد.
قبل از تازه‌سازی صفحه که یک گردش کار جدید را شروع می‌کند، نتیجه را دانلود کنید.
فرمت‌ها، محدودیت‌ها و مرز حریم خصوصی را بشناسید
PNG، JPG، WebP، GIF، BMP و AVIF زمانی که مرورگر بتواند آن‌ها را برای پیش‌نمایش رمزگشایی کند، پشتیبانی می‌شوند. یک تصویر رمزگشایی‌شده می‌تواند تا 25 مگابایت، 60 مگاپیکسل و 16,000 پیکسل در هر طرف باشد. ورودی متن نیز دارای طول محدود است. نشانه‌گذاری SVG و فایل‌های باینری دلخواه پشتیبانی نمی‌شوند.
داده‌های جای‌گذاری‌شده در دستگاه شما رمزگشایی و پیش‌نمایش می‌شوند بدون اینکه برای تبدیل آپلود شوند. Base64 رمزگذاری نیست: هر کسی که رشته کامل را داشته باشد می‌تواند تصویر را بازسازی کند.
متن کدگذاری‌شده یک تصویر خصوصی را نیز خصوصی نگه دارید.
پرسش‌های متداول
چگونه Base64 را به تصویر تبدیل کنم؟
یک رشته Base64 ساده یا URL داده تصویر را جای‌گذاری کنید، ادامه را انتخاب کنید، پیش‌نمایش را بررسی کنید، سپس شروع و دانلود را انتخاب کنید.
آیا می‌توانم یک تگ تصویر HTML کامل را جای‌گذاری کنم؟
فقط از URL داده داخل ویژگی src آن استفاده کنید. یک عنصر کامل HTML یا اعلان CSS پذیرفته نمی‌شود.
آیا تصویر کیفیت خود را از دست می‌دهد؟
خیر. رمزگشایی بایت‌های اصلی تصویر را بدون تغییر اندازه یا فشرده‌سازی مجدد بازیابی می‌کند.
آیا می‌توانم به جای PNG، JPG را انتخاب کنم؟
این ابزار فایل رمزگذاری‌شده را با فرمت اصلی خود بازیابی می‌کند. برای تغییر فرمت‌ها، پس از آن از یک مبدل تصویر استفاده کنید.
چرا URL داده من رد می‌شود؟
داده‌ها ممکن است ناقص باشند، از حد مجاز فراتر روند، حاوی فرمت پشتیبانی‌نشده باشند یا نوع MIME را اعلام کنند که با تصویر واقعی مطابقت ندارد.
آیا داده‌های Base64 آپلود می‌شوند؟
خیر. مبدل تصویر را به صورت محلی در مرورگر شما رمزگشایی و پیش‌نمایش می‌کند.
تصویر را بازیابی کنید، آن را تأیید کرده و فایل اصلی‌اش را ذخیره کنید.
یک نمونه را امتحان کنید یا از فایل خود استفاده کنید و قبل از اشتراک‌گذاری، نتیجه را بررسی کنید.
