როგორ გადავიყვანოთ გამოსახულება Base64-ში.

გახსენით „გამოსახულება Base64-ში გადამყვანი“. აირჩიეთ გამოსახულება ან „სცადეთ ნიმუში“. მაგალითი იყენებს 512 × 512 პიქსელიან favicon-orbit.png-ს, რომელიც შეიცავს 202,491 ბაიტს. რედაქტორი აჩვენებს გამოსახულებას მისი კოდის ზემოთ, რათა დაადასტუროთ, რომ აირჩიეთ სასურველი აქტივი.

PNG, JPG, WebP, GIF, BMP და AVIF მხარდაჭერილია, როდესაც თქვენს ბრაუზერს შეუძლია მათი გაშიფვრა გადახედვისთვის. ფაილის მაქსიმალური ზომაა 25 MB, 60 მეგაპიქსელი და 16,000 პიქსელი თითო მხარეს შეზღუდვით. SVG მარკირება არ მიიღება ამ რასტრული გადამყვანის მიერ.

ხელსაწყო კითხულობს ორიგინალი ფაილის ბაიტებს. ის არ იყენებს გადახედვას გამოსახულების აღსადგენად, ზომის შესაცვლელად ან ხელახლა დასაკომპრესირებლად. არსებული მეტამონაცემები და GIF ანიმაცია ამიტომ შენარჩუნებულია დაშიფრულ მონაცემებში.

გახსენით „პარამეტრები“ და აირჩიეთ HTML გამოსახულება „კოდის ფორმატის“ ქვეშ ამ მაგალითისთვის. შედეგი არის img ტეგი, რომელიც შეიცავს Base64 data URL-ს. alt ატრიბუტი თავდაპირველად ცარიელია; დაწერეთ სასარგებლო ალტერნატიული ტექსტი, როდესაც გამოსახულება ინფორმაციას გადასცემს.

Data URL იწყება პრეფიქსით, როგორიცაა data:image/png;base64, რასაც მოჰყვება დაშიფრული მონაცემები. Plain Base64 შეიცავს მხოლოდ მონაცემებს. CSS ფონი ახვევს data URL-ს background-image დეკლარაციაში. ეს წარმოდგენები ემსახურება სხვადასხვა დანიშნულებას, ამიტომ დააკოპირეთ თქვენი აპლიკაციის მიერ მოთხოვნილი ფორმა და არა მხოლოდ ფაილის სახელის შეცვლა.

კოდის პანელი განახლდება დაუყოვნებლივ „კოდის ფორმატის“ შეცვლის შემდეგ. კოპირების ხატულა აკოპირებს მიმდინარე წარმოდგენას და იძლევა გაზიარებულ კოპირების დადასტურებას. როდესაც ბუფერზე წვდომა დაბლოკილია, კოდი არჩეულია ხელით კოპირებისთვის.

აირჩიეთ Start, შემდეგ Download. მაგალითი ინახავს favicon-orbit-base64.txt-ს, რომელიც შეიცავს HTML გამოსახულების კოდს. მისი 270,029 ბაიტი უფრო დიდია, ვიდრე 202,491-ბაიტიანი წყარო. სტატიის შედარება გვიჩვენებს ჩამოტვირთული ტექსტის რეალურ დასაწყისს, რომელიც შემოკლებულია მხოლოდ წაკითხვადობისთვის.

Base64 ჩვეულებრივ გარდაქმნის სამ წყაროს ბაიტს ოთხ ტექსტურ სიმბოლოდ, რაც ამატებს დაახლოებით ერთ მესამედს პატარა შეფუთვამდე. პატარა ხატულას ჩაშენებამ შეიძლება დოკუმენტი გახადოს თვითკმარი, მაგრამ დიდი გამოსახულების სტრიქონების განთავსება HTML-ში ან CSS-ში ასევე ადიდებს ამ დოკუმენტს და ხელს უშლის გამოსახულების ცალკე ფაილად ქეშირებას.

კოდირება არ არის დაშიფვრა. ნებისმიერს, ვისაც აქვს სრული Base64 სტრიქონი, შეუძლია აღადგინოს საწყისი გამოსახულება. მოეპყარით კოდს ისეთივე სიფრთხილით, როგორც წყაროს, თუ ის შეიცავს პირად ინფორმაციას.