Beddelaha Nooca Sawirka oo Bilaash ah

U beddel noocyada JPG, PNG, WebP, AVIF, GIF, iyo BMP.

U beddel:

Dhoofinta AVIF kuma jirto browser-kan. WebP waxay bixisaa kayd la mid ah oo ay furi karaan meel walba.

Faylasha halkan ku rid, ama guji si aad u baarato

JPG, PNG, WebP, AVIF, GIF, BMP, SVG, HEIC, HEIF Β· Ma jiro xadid cabbirka faylka

ama taabo Ctrl+V si aad uga dhejiso clipboard-ka

Waxaad ku ridi kartaa faylal badan hal mar

Baar faylasha

Talo: ku dheji sawir clipboard-kaaga (Ctrl+V) si aad si degdeg ah u soo shubto.

Faylashaadu weligood kama tagaan qalabkaaga. Farsamaynta oo dhan waxay ka dhacdaa gudaha browser-kaaga.

Sida Ay U Shaqeyso

Beddelka wuxuu gebi ahaanba ka dhacaa biraawsarkaaga isagoo isticmaalaya Canvas API β€” isla injineerka sumaynta sawirka ee ku dhex jira Chrome, Firefox, iyo Safari. Faylashaadu waxay ku sawiran yihiin canvas bannaan-shaashadeed ah waxaana dib loogu sumeeyaa canvas.toBlob() qaabka bartilmaameedka; waxba server looma soo shubo.

  1. 1
    Sawirka waa lagu furaa canvas
    Fayl kasta waxaa loo shubaa HTMLImageElement via object URL gudaha ah. Marka la furo, xogta pixel-ka waxaa lagu sawiraa canvas bannaan-shaashadeed ah oo lagu cabbiriyay cabbirrada wax-soo-saarka β€” isagoo ilaalinaya saameynta haddii ballaadhka ugu badan la dejiyay.
  2. 2
    Dhalaalka JPEG-ka waa la maareeyaa ka hor sumaynta
    Marka la beddelayo JPEG (kaasoo aan lahayn kanaal alpha ah), canvas-ku marka hore waxaa lagu buuxiyaa asal-caddaan ah ka hor sawirka, taasoo ka hortagaysa qaybaha muuqda-la-arki-karo inay ku muuqdaan madow faylka wax-soo-saarka.
  3. 3
    canvas.toBlob() dib ayuu u sumeeyaa pixels-ka
    canvas.toBlob(mime, quality) ee biraawsarka dabiiciga ah wuxuu sumeeyaa canvas-ka qaabka la doortay (JPG, PNG, WebP, ama AVIF) heerka tayada la codsaday. Haddii biraawsarku aanu taageerin sumaynta qaabab, tijaabo-sifo oo la socodsiiyo bilowga ayaa damiya badhankaas halkii uu si aamusan u soo saari lahaa fayl si khaldan loo sumadeeyay.
  4. 4
    Wax-soo-saarka waxaa loo dhiibaa blob gudaha ah
    Blob-ka la sumeeyay waxaa lagu duuban yahay object URL gudaha ah si loo fiiriyo oo si degdeg ah loo soo dejiyo. Faylal badan, JSZip ayaa ku xidhmeeya ZIP biraawsarka gudihiisa ka hor inta soo dejinta la shido.

Dhammaan xogta sawirkaaga waxay ku sii jirtaa aaladdaada β€” faylasha waxaa si toos ah loogu akhriyaa loona sumeeyaa gudaha biraawsarka isagoo isticmaalaya Canvas API, xogna weligeed server looma diro.

Qalabka La Xiriira

Su'aalaha Inta Badan La Iska Weydiiyo