رمزگذار تصویر Base64

تبدیل تصاویر به رشته های Base64 برای جاسازی در CSS یا HTML. URIهای داده برای نمادها و لوگوها بدون درخواست HTTP خارجی، پردازش رایگان و محلی ایجاد کنید.

ساخت و نگهداری توسط Shehzad Munir ·

رمزگذار تصویر Base64
Loading Base64 Image Tool
Share

چه زمانی باید تصاویر درون خطی شوند

رمزگذار تصویر Base64 تصاویر را به رشته های URI داده تبدیل می کند که می توانید مستقیماً در CSS یا HTML جاسازی کنید و درخواست شبکه اضافی برای نمادها و لوگوهای کوچک را حذف می کند. همچنین Base64 را به یک تصویر قابل مشاهده رمزگشایی می کند و همه چیز به صورت محلی در مرورگر شما پردازش می شود.

رمزگذاری یک تصویر در Base64 یک درخواست شبکه را با یک فایل بزرگتر مبادله می کند. این یک پیروزی برای دارایی‌های کوچک و پرکاربرد، نمادها، آرم‌های کوچک، گرافیک‌های فاصله‌دار است که هزینه تأخیر رفت و برگشت بیشتر از بایت‌های اضافی است. برای عکس های بزرگ، آنها را به عنوان فایل های جداگانه نگه دارید.

ویژگی ها

  • رمزگذاری تصویر را بکشید و رها کنید
  • تولید قطعه تصویر پس زمینه CSS
  • خروجی URI داده HTML img src
  • رمزگشایی Instant Base64

نحوه استفاده از رمزگذار تصویر Base64

  1. 1

    در یک تصویر رها کنید

    بکشید و رها کنید یا یک PNG، JPG، یا SVG را برای رمزگذاری انتخاب کنید.

  2. 2

    خروجی را کپی کنید

    قطعه تصویر پس زمینه CSS آماده یا URI داده HTML img src را بگیرید.

  3. 3

    آن را جاسازی کنید

    URI داده را در شیوه نامه یا نشانه گذاری خود جایگذاری کنید، بدون نیاز به فایل خارجی.

  4. 4

    در صورت نیاز رمزگشایی کنید

    برای پیش نمایش و دانلود تصویر اصلی، یک رشته Base64 را دوباره در آن جایگذاری کنید.

موارد استفاده رایج

  • یک توسعه دهنده جلویی یک نماد کوچک را برای حذف یک درخواست HTTP درج می کند.
  • یک توسعه دهنده ایمیل لوگویی را تعبیه می کند که بدون میزبانی خارجی ارائه می شود.
  • یک طراح URI داده ای را که از CSS شخص دیگری استخراج شده است، بررسی می کند.
  • یک توسعه دهنده یک SVG sprite را مستقیماً در یک کامپوننت بسته بندی می کند.

راهنمای تفصیلی

استفاده از URI های داده در CSS و HTML

URI داده فقط یک رشته است که با data:image/png;base64 شروع می شود. آن را در یک تصویر پس‌زمینه CSS یا یک HTML img src بیندازید و مرورگر آن را به صورت درون خطی ارائه می‌کند. این ابزار هر دو قطعه را تولید می کند تا بتوانید مستقیماً قطعه درست را جایگذاری کنید.

مبادله اندازه

رمزگذاری Base64 تقریباً 33٪ به اندازه فایل اضافه می کند زیرا داده های باینری را در متن نشان می دهد. Inlining همچنین به این معنی است که دارایی را نمی توان به طور جداگانه در بین صفحات ذخیره کرد. از آن عمداً برای گرافیک های کوچک و حساس به صفحه استفاده کنید تا همه چیز.

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

چگونه می توانم یک تصویر را به صورت آنلاین به Base64 تبدیل کنم؟

تصویر خود را بکشید و رها کنید (JPG، PNG، SVG، WEBP) یا برای آپلود کلیک کنید. این ابزار فورا رشته Base64 را تولید می کند که آماده استفاده به عنوان URI داده در CSS یا HTML است.

چه زمانی باید از تصاویر Base64 در CSS استفاده کنم؟

از رمزگذاری Base64 برای تصاویر کوچک مانند نمادها، لوگوها و عناصر رابط کاربری (زیر 5 کیلوبایت) استفاده کنید. این درخواست‌های HTTP برای این دارایی‌ها را حذف می‌کند، که می‌تواند کمی عملکرد را بهبود بخشد. برای تصاویر بزرگ، URL های خارجی بهتر هستند.

چگونه از یک تصویر Base64 در CSS استفاده کنم؟

از آن به عنوان تصویر پس زمینه استفاده کنید: پس زمینه تصویر: url('data:image/png;base64,iVBORw0KGgo...'); این ابزار به طور خودکار این قطعه CSS را آماده کپی می کند.

چگونه از یک تصویر Base64 در HTML استفاده کنم؟

از آن به عنوان ویژگی src یک تگ img استفاده کنید: <img src='data:image/png;base64,iVBORw0KGgo...'/>. این ابزار این قطعه HTML را برای شما تولید می کند.

آیا رمزگذاری Base64 تصاویر را بزرگتر می کند؟

بله. رمزگذاری Base64 اندازه فایل را تقریباً 33 درصد در مقایسه با نسخه اصلی باینری افزایش می دهد. این یک معامله است، شما یک درخواست HTTP را ذخیره می کنید اما داده ها بزرگتر هستند. برای عکس های خیلی کوچک ارزشش را دارد اما برای عکس های بزرگ نه.

آیا می توانم رشته Base64 را به یک فایل تصویری رمزگشایی کنم؟

بله. به حالت Decode بروید، رشته Base64 خود را (با یا بدون پیشوند data:image/...) قرار دهید، و ابزار تصویر را رندر می کند و به شما امکان می دهد آن را به صورت فایل دانلود کنید. این برای استخراج تصاویر جاسازی شده از کد منبع HTML یا بارهای API مفید است.

چگونه می توانم یک تصویر را به یک URI داده Base64 تبدیل کنم؟

یک JPG، PNG، GIF، WebP یا SVG را رها کنید و این ابزار رشته Base64 را به همراه قطعه‌های آماده برای چسباندن خروجی می‌دهد: یک URI داده، یک img src و یک URL پس‌زمینه CSS. تبدیل محلی است، بنابراین تصویر هرگز آپلود نمی شود.

چگونه می توانم رشته Base64 را به یک تصویر رمزگشایی کنم؟

Base64 (یا URI داده کامل) را جایگذاری کنید و ابزار رندر می‌کند و به شما امکان می‌دهد تصویر اصلی را دانلود کنید، که برای استخراج یک تصویر جاسازی شده از CSS یا HTML مفید است.

چرا باید یک تصویر را به عنوان Base64 جاسازی کنم؟

Base64 تصویر را مستقیماً در HTML، CSS یا ایمیل جاسازی می‌کند، بنابراین هیچ فایل جداگانه‌ای برای بارگیری وجود ندارد، برای آیکون‌های کوچک و دارایی‌های درون خطی مفید است، اگرچه تصاویر بزرگ بهتر است به عنوان فایل‌های معمولی باقی بمانند.

آیا Base64 تصاویر را بزرگتر می کند؟

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

آیا تصویر من برای رمزگذاری آپلود شده است؟

نه. رمزگذاری و رمزگشایی به طور کامل در مرورگر شما اتفاق می افتد.

از مجله

All articles →
How to Remove EXIF Metadata From Your PhotosTool Guides

How to Remove EXIF Metadata From Your Photos

Photos carry hidden data like GPS location and camera details. Here's why that matters for privacy and how to strip it before sharing.

SM
Shehzad Munir
Aug 19, 2026 · 3 min
What Is CPS? How to Test and Improve Your Click SpeedTool Guides

What Is CPS? How to Test and Improve Your Click Speed

CPS means clicks per second. Here's how it's measured, what a good score looks like, and how to test your own click speed for free.

SM
Shehzad Munir
Aug 17, 2026 · 3 min
How to Merge PDF Files for Free (Without Uploading Them)Tool Guides

How to Merge PDF Files for Free (Without Uploading Them)

Combine several PDFs into one document, reorder the pages, and keep everything private — no software and no server upload.

SM
Shehzad Munir
Aug 14, 2026 · 2 min