UltKit

Şəkli Base64-ə çevirmək

Şəkil faylını HTML, CSS, JSON sorğusu və ya Markdown faylına yapışdıra biləcəyiniz bir sətir mətnə çevirin. Data URI prefiksi artıq əvvələ əlavə olunur, ona görə də yapışdırdığınız anda işləyir.

Məlumat çevirici

və ya CSV, TSV, TXT … faylları bura sürüşdürün ·

Hər fayl üçün maks. 95 MB· 20 fayla qədər· 30 dəqiqədən sonra silinir

Nəticə

Fayllar serverlərimizdə emal olunur və 30 dəqiqədən sonra silinir.

Bu alətdən necə istifadə etməli

  1. 1

    Şəkilləri əlavə edin

    PNG, JPG, GIF, WebP və ya SVG fayllarını yükləmə sahəsinə atın: eyni anda 20-yə qədər, hər biri 95 MB-dək.

  2. 2

    Prefiksi saxlayın və ya silin

    Data URI prefiksi aktivdir, ona görə nəticə data:image/png;base64, ilə və ya uyğun tiplə başlayır. API təmiz Base64 sətri tələb edirsə, bunu Əlavə ayarlar bölməsində söndürün.

  3. 3

    Çevirin və kopyalayın

    Base64 mətninə çevir düyməsinə basın və hər şəkil üçün kodunuza yapışdırmağa hazır .txt faylını endirin.

Şəkli yükləyin və Base64 mətninə çevir düyməsinə basın. Fayl sadə simvollar kimi kodlanır və data:image/…;base64, ilə başlayır, ona görə birbaşa img src-yə və ya CSS url()-ə yerləşdirilə bilər. Şəkildə heç nə dəyişmir.

Base64 formatında şəkil harada faydalıdır

Base64 RFC 4648-də (2006) müəyyən edilib və ikili məlumatın hər 3 baytını A–Z, a–z, 0–9, + və / daxil olan 64 simvollu əlifbadan 4 simvola uyğunlaşdırır. Nəticə mətn üçün nəzərdə tutulmuş istənilən kanaldan keçə bilir. Larri Masinterin 1998-ci ildə RFC 2397 kimi yazdığı data URI sxemi isə brauzerə həmin mətni fayl kimi qəbul etməyə imkan verir.

Front-end developerlər kiçik ikonları, yüklənmə animasiyalarını və yer tutucu şəkilləri səhifə əlavə sorğusuz göstərilsin deyə daxilə yerləşdirir. Back-end developerlər şəkilləri JSON daxilində göndərir, çünki görüntü və OCR xidmətləri daxil çoxlu API şəkli Base64 sahəsi kimi qəbul edir. Testerlər test məlumatlarını mənbə kodunda saxlayır, tək fayllı HTML hesabat və ya Markdown qeydləri hazırlayanlar isə ekran görüntülərini yerləşdirir ki, fayl e-poçtla göndərildikdə və ya arxivləşdirildikdə müstəqil qalsın.

Base64 nəticəsi necə görünür

img teqi daxilində data URI kimi 1 × 1 şəffaf PNG (68 bayt)
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVR4nGNgAAIAAAUAAXpeqz8AAAAASUVORK5CYII=" width="1" height="1" alt="Şəffaf piksel">

PNG ikon faylı

24 KB

tipik alətlər paneli ikon dəsti, 96 × 96 px

+33% həcm, keyfiyyət dəyişmir

Base64 mətni

32 KB

hər 3 bayta 4 simvol, üstəgəl prefiks

ANY I

İstənilən şəkil

Bu alət JPG, PNG, WebP, HEIC, GIF, BMP və TIFF daxil olmaqla geniş yayılmış şəkil formatlarını qəbul edir. Format fayldan avtomatik müəyyən edilir, ona görə şəklinizin hansı növdə olduğunu bilməyiniz lazım deyil.

Any image konvertoru

BASE64

Base64 ilə kodlanmış mətn

Base64 RFC 4648-də müəyyən edilmiş kodlaşdırmadır və istənilən ikilik məlumatı 64 təhlükəsiz mətn simvolundan ibarət sətrə çevirir. Şəkilləri HTML və CSS-də data URI kimi yerləşdirmək, faylları e-poçta əlavə etmək və ikilik məlumatı JSON və ya XML-də göndərmək üçün istifadə olunur. Kodlaşdırma tam geri qaytarıla bilər, lakin məlumatı təxminən 33% böyüdür. Base64 şifrələmə deyil və heç bir təhlükəsizlik təmin etmir; hər kəs onu deşifrə edə bilər.

Sıxılma
İtkisiz
Şəffaflıq
–
Animasiya
–
İlk dəfə təqdim edilib
–
BASE64 konvertoru

Şəkillər yalnız mətn daşıyan bir şeyin içində getməli olduqda Base64 mətninə çevrilir: ayrıca sorğusuz HTML və ya CSS faylı, API çağırışının JSON sahəsi, test məlumatı və ya tək fayllı hesabat.

Şəkli koda daxil etmək səhifəyə nə vaxt kömək edir, nə vaxt zərər verir

Daxilə yerləşdirmə bir sorğuya qənaət edir; bu, brauzerlərin hər sayt üçün cəmi bir neçə bağlantı açdığı HTTP/1.1 dövründə daha vacib idi. HTTP/2 və HTTP/3 multipleksləşdirməsi ilə əlavə kiçik sorğular ucuzdur, ona görə fayda azalır, xərclər isə qalır: kodlanmış şəkil ayrıca keşlənə bilmir, HTML və ya CSS dəyişdikcə yenidən yüklənir və yerləşdiyi faylın emalını gecikdirir.

Məntiqli qayda: daxilə yalnız hər səhifədə görünən bir neçə kilobaytlıq şəkilləri, məsələn loqo və ya ikon spraytını yerləşdirin, qalan hər şeyi fayl kimi təqdim edin. Fotolar demək olar ki, heç vaxt daxilə yerləşdirilmir. Əslində mətn deyil, başqa fayl tipi lazımdırsa, bunu şəkil çevirici həll edir.

Base64 şəklin üstünlükləri

  • Tək müstəqil HTML, CSS və ya JSON faylı
  • Kiçik ikonlar üçün əlavə sorğu yoxdur
  • JSON, XML və digər mətn formatlarında təhlükəsizdir
  • İtkisiz və geri qaytarıla bilir

Base64 şəklin mənfi tərəfləri

  • İkili fayldan təxminən 33% böyükdür
  • Brauzer tərəfindən ayrıca keşlənmir
  • Bir çox e-poçt proqramı şəkil kimi bloklayır
  • Kod fərqlərində yoxlamaq çətindir

Şəkli Base64-ə çevirmək haqqında suallar

Base64 ilə data URI arasında nə fərq var?

Base64 yalnız kodlanmış simvollardır. Data URI isə onları sxem və tiplə birlikdə, yəni data:image/png;base64, və ardınca simvollar şəklində əhatə edir ki, brauzer onları necə açıb göstərəcəyini bilsin. HTML və CSS tam data URI tələb edir; əksər JSON API-lər isə yalnız sadə Base64 hissəsini istəyir.

Base64-ə çevrilən şəklin həcmi nə qədər artır?

Base64 hər 3 bayt üçün 4 simvol yazır, ona görə mətn fayldan təxminən üçdə bir qədər böyük olur, üstəlik qısa prefiks əlavə olunur. 30 KB-lıq PNG təxminən 40 KB mətnə çevrilir. HTML və ya CSS gzip ilə sıxılmış göndərilirsə, bu artımın bir hissəsi ötürülmə zamanı geri qazanılır.

Base64 şəkli e-poçt imzasında istifadə etmək olarmı?

Etibarlı deyil. Gmail data URI şəkillərini göstərmir, bir sıra masaüstü poçt proqramları da onları silir, nəticədə alıcılar sınıq ikon görür. Şəkli veb serverdə yerləşdirin və ya əlavə kimi göndərin, Base64-ü isə veb səhifə və tətbiqlər üçün saxlayın.

SVG ikonunu Base64-ə çevirmək lazımdırmı?

İşləyir, lakin SVG onsuz da mətndir. Markup-u Base64 əvəzinə URL-kodlaşdırma ilə yazmaq adətən daha qısa data URI verir və oxunaqlı saxlayır. Kiçik ikondan böyük hər şey üçün brauzerin keşləyə biləcəyi ayrıca SVG faylı daha yaxşı seçimdir.

Base64 mətnini yenidən şəklə çevirmək olarmı?

Bəli, kodlaşdırma itkisizdir və tam geri qaytarıla bilir: dekodlama orijinal baytları dəqiq qaytarır. Hər proqramlaşdırma dilində dekoder var, tam data URI-ni brauzerin ünvan sətrinə yapışdıranda isə şəkil görünür.

Kodlaşdırma şəklin keyfiyyətini dəyişirmi?

Xeyr. Base64 baytların yazılış formasını dəyişir, pikselləri yox. Sətri qısaltmaq üçün əvvəlcə şəkli kiçildin, məsələn, şəkli 20 KB-a sıxın, sonra kiçik faylı kodlaşdırın.