Bu işlənmiş nümunəni izləyin, sonra eyni idarəetmə elementlərini öz şəklinizə uyğunlaşdırın. Şəkildən Base64 Çeviricisi aç.
Şəkil seçin və onun identifikasiyasını nəzərdən keçirin
Şəkli Base64 Çeviricisinə açın. Şəkil seçin və ya Nümunəni sınayın. Nümunə 202,491 bayt ehtiva edən 512 × 512 piksel favicon-orbit.png faylından istifadə edir. Redaktor şəkli kodunun üzərində göstərir ki, seçdiyiniz aktivin düzgün olduğunu təsdiqləyə biləsiniz.
Brauzeriniz önizləmə üçün deşifrə edə bildikdə PNG, JPG, WebP, GIF, BMP və AVIF dəstəklənir. Maksimum fayl ölçüsü 25 MB-dır, 60 meqapiksel və tərəf başına 16,000 piksel məhdudiyyəti ilə. SVG işarələməsi bu raster çeviricisi tərəfindən qəbul edilmir.
Alət orijinal fayl baytlarını oxuyur. O, şəkli yenidən qurmaq, ölçüsünü dəyişmək və ya yenidən sıxmaq üçün önizləmədən istifadə etmir. Buna görə də mövcud metadata və GIF animasiyası kodlaşdırılmış məlumatlarda saxlanılır.
Kodlaşdırmadan əvvəl, daha kiçik bir aktivə ehtiyacınız varsa, Şəklin Ölçüsünü Dəyiş və ya Şəkil Sıxıcıdan istifadə edin. Base64 özü şəklin ölçüsünü azaltmır.
Layihənizin gözlədiyi təsviri seçin
Parametrləri açın və bu nümunə üçün Kod formatı altında HTML şəkli seçin. Nəticə Base64 data URL-ni ehtiva edən img teqidir. Alt atributu ilkin olaraq boşdur; şəkil məlumat ötürdükdə faydalı alternativ mətn yazın.
Data URL data:image/png;base64 kimi prefikslə başlayır və ardınca kodlaşdırılmış məlumat gəlir. Plain Base64 yalnız məlumatı ehtiva edir. CSS fonu data URL-ni background-image bəyannaməsində əhatə edir. Bu təsvirlər müxtəlif təyinatlara xidmət edir, ona görə də yalnız fayl adını dəyişmək əvəzinə tətbiqinizin tələb etdiyi formanı kopyalayın.
Kod paneli Kod formatını dəyişdikdən dərhal sonra yenilənir. Kopyalama ikonu cari təsviri kopyalayır və paylaşılan kopyalanma təsdiqini verir. Mübadilə buferi girişi bloklandıqda, kod əl ilə kopyalamaq üçün seçilir.
Tam bir HTML img teqi data URL ilə eyni şey deyil. Sahə URL tələb etdikdə yalnız src dəyərindən istifadə edin.
Bu bələdçidəki nümunə
Nümunəni sınayın: favicon-orbit.png, 512 × 512 piksel, 202,491 bayt. Kod formatı altında HTML şəklini seçin. Başla düyməsini seçin və favicon-orbit-base64.txt faylını yükləyin.
- Orijinal PNG
- 512 × 512 piksel · 202,491 bayt
- HTML mətn çıxışı
- 270,029 bayt
- Kodlaşdırma
- Orijinal baytlar; yenidən sıxılma yoxdur
Kodu yükləyin və ölçüsünü anlayın
Başla, sonra Yüklə düyməsini seçin. Nümunə HTML şəkil kodunu ehtiva edən favicon-orbit-base64.txt faylını saxlayır. Onun 270,029 baytı 202,491 baytlıq mənbədən daha böyükdür. Məqalə müqayisəsi yüklənmiş mətnin faktiki başlanğıcını göstərir, yalnız oxunaqlılıq üçün qısaldılmışdır.
Base64 adətən üç mənbə baytını dörd mətn simvoluna çevirir və kiçik bir örtükdən əvvəl təxminən üçdə bir əlavə edir. Kiçik bir ikonu daxil etmək sənədi özü-özlüyündə tamamlaya bilər, lakin böyük şəkil sətirlərini HTML və ya CSS daxilinə yerləşdirmək də həmin sənədi böyüdür və şəklin ayrıca fayl kimi keşlənməsinin qarşısını alır.
Kodlaşdırma şifrələmə deyil. Tam Base64 sətri olan hər kəs əsas şəkli bərpa edə bilər. Əgər kod məxfi məlumat ehtiva edirsə, ona mənbə ilə eyni qayğı ilə yanaşın.
Bu məqalədəki qısaldılmış çıxarış izah xarakterlidir. Tam yüklənmiş TXT faylından istifadə edin və ya alətdən tam kodu kopyalayın.
Ümumi suallar
Kodlaşdırma şəklin keyfiyyətini azaldacaqmı?
Xeyr. Kodlaşdırma orijinal baytları qoruyur. Şəklin ölçüsünü dəyişmir, sıxmır və yenidən çəkmir.
Niyə Base64 sətri şəkildən daha böyükdür?
Base64 üç giriş baytını dörd mətn simvolundan istifadə edərək təmsil edir, buna görə də adətən bir paket və ya prefiksdən əvvəl təxminən üçdə bir əlavə edir.
GIF animasiyaları qorunurmu?
Kodlaşdırma, animasiya daxil olmaqla, orijinal GIF baytlarını qoruyur. Kodlaşdırılmış məlumat bütün kadrları saxlasa da, önizləmə hələ də bir kadr göstərə bilər.
Base64 gizli şəkillər üçün təhlükəsizdirmi?
Base64 şifrələmə deyil. Əgər əsas şəkil məxfidirsə, sətri gizli saxlayın. Çeviricinin özü onu brauzerinizdə yerli olaraq emal edir.
Düzgün şəkli düzgün koda çevirin.
Nümunəni sınayın və ya öz faylınızdan istifadə edin və paylaşmazdan əvvəl nəticəni nəzərdən keçirin.
