Кодчилох зураг Base64 онлайн Хөрвүүлэгч


Манай онлайн Хөрвүүлэгч та нарт туслах болно кодчилох/хөрвүүлэх ямар нэгэн дүрс Base64.
Энэ програм танд хэрэгтэй бол та хүсэж байгаа газар зураг шууд кодыг хуудас бааримт бичиг эсвэл, энэ тохиолдолд, та заавал хөрвүүлэх хүссэн дүрс болгон Base64 мөр болон үр дүн оруулахыг аль нэг хуудас өөрөө ашиглан tag харуулах дүрс (<img> элемент), аль нэг хэв маяг файл (CSS суурь).
Тав тухтай энэ арга нь үгүйсгэх аргагүй, түүний гол давуу тал вэб хөгжүүлэх нь та хэрэггүй тус тусад нь байрлуулж зургийн санд, дараа нь дэлгэц энэ хуудсан дээр, учир нь Base64-та юу ч хийж болно, энэ бүхнийг хийж байгаа нь нэг файл нь маш тохиромжтой.

Жишээ ашиглан Base64 гаралт зураг:
1). Гаралтын дүрс ашиглан HTML tag (<img>).
<img src="мэдээлэл:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAo="/>

2). Дүрсний гаралт ашиглан загвар (CSS).
div.зураг {background: url("мэдээлэл:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAo=") repeat-x; өргөн:100%; height:10px;}
Одоо HTML та гаралтыг ашиглан <div id="зураг" өргөн="10" height="10"></div>

Base64 нь стандарт, кодчилол хоертын мэдээллийг ашиглан зөвхөн 64 ASCII тэмдэгтүүд, үндсэн цагаан толгой нь кодчилол агуулсан текст-дижитал латин тэмдэгтүүд нь A-Z, a-z, 0-9 (62 тэмдэгт), 2 нэмэлт тэмдэгт хамаарч системийн хэрэгжилт, бүр анхны 3 байт байгаа нь кодлогдсон 4 тэмдэгт (нэмэгдэж, 1⁄ ₃ ơ).

Та кодчилох/хөрвүүлэх зураг нь ямар ч хэмжээтэй, өргөтгөл (.jpg .jpeg .tif .tiff .png .gif .боябмт .dib) тулд Base64.
Үүний үр дүнд, та хүлээн авах болно, таны зураг мөр Base64 чанар, хэмжээ, дүрс нь аврагдах болно.


***** Таны дүрс нь үндсэн уруу хөрвүүлсэн БАЙНА64 мөр *****
Код оруулах (<img> elements):

Код оруулах (CSS background):