Сурет→Base64 кодтау

Суретті Base64 жолына кодтайды

Ерекшеліктері

Файл мен URL қолдауы

Жергілікті сурет файлын да, желідегі сурет URL-ін де кодтайды

11 шығыс пішімі

data URL, img тегі, CSS фоны сияқты түрлі пішімде шығарады

data URI пішімін ауыстыру

Префиксі бар data URL мен тек Base64 деректерін ауыстырып шығарады

Пішім бойынша жеке көшіру

Мақсатқа сай шығыс пішімін бір рет басып жеке көшіреді

Қолдану тәсілі

Енгізу әдісін қойындыдан таңдаңыз

Файл қойындысынан суретті таңдаңыз немесе URL қойындысынан сурет URL-ін енгізіңіз

Орындау түймесімен түрлендіру

Орындау түймесін бассаңыз, сурет Base64 жолына кодталады

Шығыс пішімін таңдап пайдалану

data URI пішімінің ауыстырылуын тексеріп, мақсатқа сай шығысты көшіріңіз немесе жүктеп алыңыз

Қолдану мысалдары

Сурет ендіруді жылдамдату

Кішкентай суреттерді HTML немесе CSS ішіне тікелей ендіріп, жүктеу санын азайтады

Хатқа сурет дайындау

HTML хатқа суретті тікелей ендіріп, сыртқы сілтемесіз көрсетеді

Favicon орнату

Link тегі пішіміндегі шығыспен faviconды сыртқы файлсыз орнатады

API арқылы сурет беру

JSON немесе XML пішімінде API сұрауы мен жауабына суретті сақтайды

Негіздік білік

Base64 ке көрсетілген суреттердің артықшылықтары және кемшіліктері

Base64 ке түрлендірілген суреттер HTML немесе CSS ке тікелей ендіріле алады, сондықтан кішілік белгілер үшін сурет алу сұраулары азайтылуы мүмкін. Дегенмен деректер көлемі түптік мәндердің шамамен 1.33 есесіне артады және браузердің кэші да сәтсіз болады, сондықтан ұлы суреттер үшін қолайсыз.

Объемі шамамен 1.33 есесіне артайтын себебі

Base64 3 байттық деректерді 4 таңбалы буындарға ауыстыратын құрылымы болғандықтан, түрлендіруден кейінгі символ жолы түптік деректердің шамамен 1.33 есесі (3 төрттен 1 өсім) болуы тиіс.