Ինչպե՞ս պատկերը փոխարկել Base64 data URI-ի CSS-ի համար։

Քաշեք կամ տեղադրեք պատկերը (Ctrl+V), ապա բացեք CSS ներդիրը և սեղմեք Պատճենել։ Դուք կստանաք background-image: url(...) կանոն՝ ներդրված data URI-ով։ HTML, Markdown, Մաքուր Base64 և JSON ներդիրները նույն կերպ են աշխատում։

Ինչո՞ւ է Base64 ելքը մոտ մեկ երրորդով մեծ իմ պատկերից։

Base64-ը ամեն 3 բայթը վերածում է 4 տեքստային նիշի, ուստի տեքստը մոտ 33%-ով մեծ է ֆայլից։ Դրա համար data URI-ները հարմար են փոքր պատկերակների ու լոգոների համար, ոչ թե մեծ լուսանկարների։

Ինչպե՞ս կարճացնել Base64 տողը։

Նախ բացեք Փոքրացնել և սահմանեք Առավելագույն լայնություն կամ Ձևաչափ (WebP, JPEG կամ PNG), ինչպես նաև իջեցրեք Որակը WebP-ի կամ JPEG-ի համար։ SVG և GIF ֆայլերը այսպես չեն փոքրանում․ SVG-ի համար առկա է SVG (URL-կոդավորված) ներդիրը։

Կարո՞ղ եմ Base64 տողը նորից պատկերի վերածել։

Այո։ Փոխեք Ուղղությունը Base64-ից պատկեր և տեղադրեք data URI կամ մաքուր Base64։ Ճանաչվում են PNG, JPEG, GIF, WebP, SVG, BMP, ICO և AVIF, ապա առաջարկվում է ներբեռնում։ Անվավեր մուտքի դեպքում սխալ է ցուցադրվում։

Ինչո՞ւ է Պատճենելը ձախողվում կամ նախադիտումը կտրված երևում մեծ պատկերի դեպքում։

Նախադիտումը ցույց է տալիս միայն առաջին 2000 նիշը, բայց Պատճենելը և Ներբեռնելը տալիս են ամբողջ արժեքը։ Շատ մեծ տողերը կարող են գերազանցել բրաուզերի clipboard-ի սահմանաչափը, ուստի օգտագործեք Ներբեռնել կամ նախ փոքրացրեք պատկերը։

Իսկապե՞ս անվճար է։

Այո: Յուրաքանչյուր գործիք անվճար է, առանց հաշվի և բանկային քարտի: Աշխատանքը կատարվում է ձեր սարքում, այլ ոչ թե մեր սերվերներում, ինչն էլ այն դարձնում է անվճար:

Իմ ֆայլերը վերբեռնվո՞ւմ են։

Ոչ։ Ձեր ֆայլերը բացվում և մշակվում են ձեր դիտարկիչի ներսում և չեն ուղարկվում LibraTool։ Որոշ գործիքներ նախ ներբեռնում են մշակման շարժիչ կամ AI մոդել ձեր դիտարկիչում․ այդ ներբեռնումը ձեր ոչ մի տվյալ չի պարունակում։

Արդյո՞ք այն աշխատում է բջջայինով:

Այո։ Աշխատում է iOS-ի և Android-ի ժամանակակից բջջային դիտարկիչներում՝ առանց տեղադրման։ Շատ մեծ ֆայլերը հեռախոսում կարող են դանդաղ աշխատել կամ հիշողությունը սպառվել, ուստի դրանց համար օգտագործեք համակարգիչ։

🖼️

Պատկեր Base64-ի անվճար

Փոխակերպեք պատկերը Base64 տվյալների URI-ի CSS, HTML կամ Markdown-ում ներդրված օգտագործման համար: Պատճենեք պատրաստ հատվածներ: Կոդավորված ձեր բրաուզերում; երբեք չի վերբեռնվում:

Ֆայլի չափը կախված է ձեր սարքիցՖայլերը մնում են մասնավորՄուտք չի պահանջվումԱնվճար ընդմիշտ

Աշխատում է անցանց՝ բեռնվելուց հետո

Գցեք ֆայլն այստեղ կամ սեղմեք՝ ընտրելու համար

PNG, JPG, WebP, GIF, SVG, AVIF, ICO, HEIC, HEIF · մշակվում է ձեր սարքում

կամ սեղմեք Ctrl+V՝ սեղմատախտակից տեղադրելու համար

Ընտրել ֆայլեր

Հուշում՝ կարող եք նաև սոսկել պատկեր ձեր սեղմատախտակից (Ctrl+V):

Ձեր ֆայլերը երբեք չեն հեռանում ձեր սարքից: Բոլոր մշակումները տեղի են ունենում տեղական ձեր դիտարկիչում:

Փոխակերպում է նկարը Base64 data URI-ի, որը կարող եք ուղղակիորեն տեղադրել CSS-ում, HTML-ում կամ Markdown-ում — առանձին ֆայլ պետք չէ։ Կոդավորվում է ձեր բրաուզերում, երբեք չի վերբեռնվում։

Տարածված կիրառություններ

Inline Պատկեր CSS-ումԿտել փոքր պատկերակ կամ ֆոն տվյալ URI ձեր ոճի թերթ:
Կտել Պատկեր HTML-ումInline տառ կամ պատկերակ անմիջապես ինքնակալ HTML:
Փոխել SVG կամ Պատկերակ Base64-ինՓոխել փոքր պատկերակ տվյալ URI inline:
Կտել Պատկեր Markdown-ումՆերդրեք փոքր պատկեր Markdown ֆայլում data URI-ի միջոցով։
Ստանալ Պատկեր Տվյալ URIԱրտադրել հում տվյալ: URI կարող եք օգտագործել ինչ-որ տեղ:

Ինչպես է այն աշխատում

Data URI-ն ներկառուցում է պատկերը ուղղակիորեն ձեր ծածկագրի մեջ որպես տեքստ, այնպես որ այն բեռնվում է առանց առանձին ֆայլ խնդրանքի — հարմար փոքր պատկերներ և ինքնասկիզբ HTML: Սա կոդավորում է այն ձեր բրաուզերում:

1
Դուք պակետ անում եք պատկեր
Այն կարդացվում է տեղական միջոցով FileReader API-ի հետ — երբեք վերբեռնված չի:
2
Այն Base64-կոդավորված է
Պատկերի բայտերը դառնում են data: URI (data:image/...;base64,…) ճիշտ ձեր բրաուզերում:
3
Դուք ընտրում եք տեղե
Պատճենել հումքային data URI, կամ պատրաստ-ստեղծել CSS (background-image), HTML (<img>), կամ Markdown:
4
Տեղադրեք ձեր ծածկագրի մեջ
Պատկերը այժմ շարժվում է ներառային ձեր CSS/HTML-ի հետ — առաջխաղացեք ֆայլ չկա:

Պատկերը կոդավորված է ամբողջությամբ ձեր սարքում: Նկատի ունեցեք, որ Base64-ը ~33% մեծ է ծանուցի նկատմամբ, այնպես որ data URI-ներ լավ են մեծ պատկերների համար: