پرش به محتوای اصلی

تبدیل تصویر به Base64 رایگان

یک تصویر را به URI داده Base64 برای استفاده درون‌خطی در CSS، HTML یا Markdown تبدیل کنید. قطعه کدهای آماده را کپی کنید. در مرورگر شما رمزگذاری می‌شود؛ هرگز آپلود نمی‌شود.

پس از بارگذاری آفلاین کار می‌کند

فایل را اینجا رها کنید یا برای انتخاب کلیک کنید

PNG, JPG, WebP, GIF, SVG, AVIF, ICO, HEIC, HEIF · پردازش روی دستگاه شما

یا Ctrl+V را بزنید تا از کلیپ‌بورد جای‌گذاری شود

مرور فایل‌ها

نکته: می‌توانید تصویری را از کلیپ‌بورد خود نیز جای‌دهی کنید (Ctrl+V).

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

تصویر را به Base64 data URI تبدیل کنید که می‌توانید مستقیماً در CSS، HTML یا Markdown بچسبانید — بدون نیاز به فایل جداگانه. در مرورگر شما رمزگذاری می‌شود و هرگز آپلود نمی‌شود.

کاربردهای رایج

  • تصویر را در CSS تعبیه کنیدیک آیکون کوچک یا پس زمینه را به عنوان URI داده در صفحه سبک خود تعبیه کنید.
  • تصویر را در HTML تعبیه کنیدیک لوگو یا آیکون را مستقیما در HTML خودکار تعبیه کنید.
  • SVG یا آیکون را به Base64 تبدیل کنیدیک آیکون کوچک را به URI داده برای تعبیه کردن تبدیل کنید.
  • تصویر را در Markdown تعبیه کنیدیک تصویر کوچک را در فایل Markdown با URI داده تعبیه کنید.
  • URI داده تصویر را دریافت کنیدیک داده خام تولید کنید: URI که می توانید در هر جای استفاده کنید.

نحوه کار

یک data URI یک تصویر را مستقیما در کد شما به عنوان متن جاسازی می‌کند، بنابراین بدون درخواست فایل جداگانه بارگذاری می‌شود — برای نمادهای کوچک و HTML خودمحتوا مفید است. این را در مرورگر شما کدگذاری می‌کند.

  1. 1
    تصویری را رها می‌کنید
    با FileReader API به صورت محلی خوانده می‌شود — هرگز آپلود نمی‌شود.
  2. 2
    با Base64 کدگذاری می‌شود
    بایت‌های تصویر یک data: URI (data:image/...;base64,…) می‌شوند درست در مرورگر شما.
  3. 3
    یک قطعه کد را انتخاب می‌کنید
    data URI خام، یا CSS آماده (background-image)، HTML (<img>)، یا Markdown را کپی کنید.
  4. 4
    آن را در کد خود می‌چسبانید
    تصویر اکنون به‌صورت درون‌خطی همراه CSS/HTML شما است — بدون فایل اضافی برای میزبانی.

تصویر به طور کامل روی دستگاه شما کدگذاری می‌شود. توجه داشته باشید که Base64 حدود 33% بزرگ‌تر از اصلی است، بنابراین data URI برای تصاویر کوچک بهترین است.

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

سؤالات متداول