تبدیل تصویر به Base64

تصویر را به data URI بر پایه‌ی Base64 تبدیل کنید و کدهای آماده‌ی HTML، CSS و Markdown را بگیرید — کاملاً در مرورگر.

رایگان
همه‌ی این ابزارها داخل مرورگر شما اجرا می‌شوند؛ هیچ داده‌ای به سرور ما ارسال نمی‌شود.
تصویر را اینجا رها کنید یا برای انتخاب کلیک کنید PNG، JPG، GIF، WEBP، SVG — تا ۱۵ مگابایت، بدون آپلود

درباره‌ی تبدیل تصویر به Base64

کدگذاری Base64 حجم هر فایل را حدود ۳۳٪ بزرگ‌تر می‌کند و رشته‌ی حاصل در HTML یا CSS به‌صورت جداگانه کش نمی‌شود؛ به همین دلیل data URI فقط برای تصویرهای کوچک مثل آیکون، لوگو یا الگوی پس‌زمینه به‌صرفه است. این ابزار تصویر را کاملاً داخل مرورگر شما می‌خواند، رشته‌ی data: را می‌سازد و همان‌جا قطعه‌کدهای آماده‌ی <img>، background-image و Markdown را در اختیارتان می‌گذارد. هیچ فایلی جایی آپلود نمی‌شود.

راهنمای استفاده از تبدیل تصویر به Base64

  1. 1

    تصویر را داخل کادر بکشید و رها کنید یا روی آن کلیک کنید تا فایل را انتخاب کنید.

  2. 2

    حجم اصلی، طول رشته‌ی data URI و درصد افزایش حجم را در جدول مشخصات ببینید.

  3. 3

    به هشدار توجه کنید؛ اگر رشته بیش از حد بزرگ شد، به‌جای درج مستقیم فایل را لینک کنید.

  4. 4

    قطعه‌کد موردنظر را — <img>، background-image یا Markdown — با یک کلیک کپی کنید.

پرسش‌های متداول

data URI تا چه حجمی مناسب است؟

مرورگرهای امروزی محدودیت سختی ندارند و رشته‌های چندمگابایتی را هم می‌پذیرند، اما IE قدیمی سقف ۳۲ کیلوبایتی داشت. در عمل بهتر است data URI را زیر چند کیلوبایت نگه دارید، چون Base64 حدود ۳۳٪ به حجم اضافه می‌کند و مرورگر نمی‌تواند تصویر را جداگانه کش کند؛ برای عکس‌های بزرگ لینک مستقیم بهتر است.

آیا تصویر من روی سرور آپلود می‌شود؟

خیر. تبدیل با FileReader و به‌صورت محلی داخل مرورگر انجام می‌شود و فایل هیچ‌گاه از دستگاه شما خارج نمی‌شود.

چرا حجم data URI از فایل اصلی بیشتر است؟

Base64 هر ۳ بایت را به ۴ کاراکتر تبدیل می‌کند، یعنی حدود ۳۳٪ سربار، به‌علاوه‌ی چند کاراکتر سرآیند مثل data:image/png;base64,.

آیا SVG را هم باید Base64 کرد؟

لزوماً نه. برای SVG می‌توانید از data URI بدون Base64 و به‌صورت URL-encoded استفاده کنید که معمولاً کوچک‌تر و خواناتر است؛ این ابزار برای سازگاری همه‌ی فرمت‌ها همه‌چیز را Base64 می‌کند.

ابزارهای مرتبط

فشرده‌ساز تصویر حجم عکس را با فشرده‌سازی JPEG یا WebP در مرورگر کم کنید — بدون آپلود. استودیو فیلتر تصویر روشنایی، کنتراست، سپیا، تاری و بیشتر را زنده اعمال کنید و رشته‌ی CSS آن را بردارید. استخراج پالت رنگ از تصویر رنگ‌های غالب هر تصویر را با کد HEX و درصد سهم، به‌همراه بلوک آمادهٔ متغیرهای CSS و میانگین رنگ، به‌صورت کاملاً محلی در مرورگر استخراج کنید. تبدیل SVG به PNG SVG را در مرورگر به PNG با مقیاس ۱x تا ۴x یا عرض دلخواه تبدیل کنید؛ کاملاً محلی و بدون آپلود.
مشاهده‌ی همه‌ی ابزارها