تبدیل تصویر و فونت به بیس 64 - آنلاین
ابزار آنلاین تبدیل تصویر و فونت و javascript و css به بیس 64
ساخت data:url برای تصاویر در css و غیره
JPEG برای تصویر با فرمت :
<img src="data:image/jpeg;base64,محل قرار دادن کد بیس 64 آماده شده">
png برای تصویر با فرمت :
<img src="data:image/png;base64,محل قرار دادن کد بیس 64 آماده شده">
GIF برای تصویر با فرمت :
<img src="data:image/gif;base64,محل قرار دادن کد بیس 64 آماده شده">
XML برای قرار دادن در :
<xml><image>data:image/jpeg;base64,محل قرار دادن کد بیس 64 آماده شده</xml>
توجه کنید که برای بیس 64 تصاویر فرمت اونها رو داخل بخش فرمت کد مشخص کنید
javascript برای فایل با فرمت :
<script type="text/javascript" src="data:text/javascript;base64,محل قرار دادن کد بیس 64 آماده شده"></script>
css برای فایل با فرمت:
<link rel="stylesheet" type="text/css" href="data:text/css;base64,محل قرار دادن کد بیس 64 آماده شده">
قرار دادن تصویر در استایل فرمت تصویر را جایگزین کنید :
.yourclass {background: url('data:image/jpeg;base64,محل قرار دادن کد بیس 64 آماده شده');}
opentype برای فونتهای اوپن تایپ :
@font-face{font-family:'نام فونت شما'; src: url(data:font/opentype;charset=utf-8;base64,محل قرار دادن کد بیس 64 آماده شده);}
ttf برای فونت های :
@font-face{font-family:'نام فونت شما'; src: url(data:application/font-ttf;charset=utf-8;base64,محل قرار دادن کد بیس 64 آماده شده) format('truetype');}
woff برای فونت های :
@font-face{font-family:'نام فونت شما'; src: url(data:application/font-woff;charset=utf-8;base64,محل قرار دادن کد بیس 64 آماده شده) format(woff);}
woff2 برای فونت های :
@font-face{font-family:'نام فونت شما'; src: url(data:application/font-woff;charset=utf-8;base64,محل قرار دادن کد بیس 64 آماده شده) format(woff2);}
برای راحت تر کردن کار شما ابزار پائین رو اضافه کردم
کارش این هست که شما دیگه مجبور نباشید متا تگ هر نوع داده رو خودتون انتخاب و وارد کنید
وقتی فایل خودتون رو انتخاب کردید و کد رو دریافت کردید
میتونید در ابزار پائین نوع فایل خودتون رو انتخاب کنید
دقت کنید که هر دو جدول یکی باشند
بعد کلیک کنید و کد خودتون رو همراه با متا تگ دریافت کنید
ابزار رو دو بخشی کردم که برای همه قابل استفاده باشه
توجه کنید : جای فرمت تصاویر و فونت رو خالی گذاشتم حتما مشخص کنید