Պատկերի Base64 փոխարկիչ
Փոխարկեք պատկերները Base64 տողի և ստացեք Data URI կոդ՝ HTML կամ CSS մեջ ներկառուցելու համար։
Գործարկել գործիքը
Այս առցանց գործիքը փոխարկում է պատկերի տվյալները Base64 տեքստային տողի և անհրաժեշտության դեպքում ստեղծում պատրաստի Data URI հղում։ Ծրագիրը ճանաչում է տարածված գրաֆիկական ձևաչափերը, այդ թվում՝ PNG, JPEG, WEBP, GIF և BMP ֆայլերը։ Եթե ֆայլի ձևաչափը չի հաջողվում որոշել կամ այն մնում է անհայտ, գործիքն ավտոմատ կերպով կիրառում է PNG տեսակը և image/png MIME նշումը։ Օգտատերը կարող է ըստ ցանկության միացնել կամ անջատել Data URI տարբերակը։ Երբ այն միացված է, արդյունքում ձևավորվում է ամբողջական տող՝ տվյալների տեսակի ճշգրիտ նշումով, իսկ անջատելու դեպքում տրամադրվում է միայն մաքուր Base64 կոդը։ Ստացված տեքստը թույլ է տալիս գրաֆիկան ներկառուցել անմիջապես HTML կոդում, CSS ֆայլերում, JSON տվյալներում կամ էլեկտրոնային նամակների կաղապարներում՝ առանց լրացուցիչ ֆայլային հարցումների։ Դատարկ մուտքագրման դեպքում գործիքը չի աշխատում և պահանջում է պատկերի տվյալներ։ Սա գործնական միջոց է վեբ ծրագրավորողների համար, ովքեր աշխատում են պատկերների օպտիմալացման և ծրագրային ինտեգրման հետ։
Հրահանգներ
- Մուտքագրեք կամ վերբեռնեք պատկերի տվյալները համապատասխան դաշտում։
- Ընտրեք Data URI նախածանցի կարգավորումը՝ ըստ ձեր նախագծի պահանջի։
- Սեղմեք փոխարկման կոճակը։
- Պատճենեք արդյունքի դաշտում հայտնված Base64 տողը կամ Data URI հղումը։
Օրինակներ
- PNG նկարի փոխարկում միացված Data URI տարբերակով՝ տալիս է data:image/png;base64,... տողը HTML-ում տեղադրելու համար։
- JPEG լուսանկարի փոխարկում առանց Data URI տարբերակի՝ տալիս է միայն մաքուր Base64 տեքստային արժեքը JSON API-ի համար։
ՀՏՀ
Ի՞նչ պատկերի ձևաչափեր են ճանաչվում։
Գործիքը ճանաչում է PNG, JPEG, WEBP, GIF և BMP ձևաչափերը։ Եթե ձևաչափն անհայտ է, որպես լռելյայն տեսակ կիրառվում է image/png։
Ի՞նչ է տեղի ունենում, եթե մուտքագրման դաշտը դատարկ է։
Դատարկ մուտքագրման դեպքում գործիքը փոխարկում չի կատարում և ցուցադրում է տվյալների բացակայության մասին հաղորդագրություն։
Ո՞րն է տարբերությունը Data URI-ով և առանց դրա ելքի միջև։
Data URI տարբերակը Base64 կոդի սկզբում ավելացնում է նախածանց (օրինակ՝ data:image/png;base64,), ինչը թույլ է տալիս տողն օգտագործել անմիջապես HTML src ատրիբուտում կամ CSS-ում։ Առանց դրա տրամադրվում է միայն հում Base64 կոդը։