Ridimensjonatur tal-Immaġni b'xejn

Kif Taħdem

Ir-ridimensjonar jiġri kompletament fil-browser tiegħek bl-użu tal-API Canvas — l-istess magna tar-rendjar mibnija f'Chrome, Firefox, u Safari. L-istampa tiegħek tiġi ddisinjata fuq canvas offscreen bid-dimensjonijiet il-ġodda u rikodifikata lokalment; xejn ma joħroġ mill-apparat tiegħek.

1. 1
   L-istampa ddekodifikata mill-browser

   Meta twaqqa' jew tagħżel fajl, il-browser jiddekodifika l-istampa (JPEG, PNG, WebP, AVIF, jew GIF) f'data mhux ipproċessata tal-pixels permezz ta' HTMLImageElement. Id-dimensjonijiet oriġinali tal-pixels jinqraw u jintużaw biex jimlew minn qabel il-qsma tal-wisa' u l-għoli.
2. 2
   Il-Canvas jerġa' jiddisinja fid-daqs il-ġdid

   L-ikklikkjar ta' Ridimensjona jissettja HTMLCanvasElement offscreen bil-wisa' u l-għoli magħżula tiegħek, imbagħad isejjaħ ctx.drawImage() biex jiskala u jpitter kull pixel fid-dimensjonijiet il-ġodda. Għall-ħruġ JPEG, mili tal-isfond abjad jiġi applikat l-ewwel biex żoni trasparenti ma jsirux suwed.
3. 3
   canvas.toBlob() jikkodifika l-ħruġ

   Il-metodu canvas.toBlob() inkorporat tal-browser jikkodifika d-data tal-pixel għal JPEG, PNG, jew WebP fil-livell ta' kwalità li ssettja. Jekk speċifikajt daqs tal-fajl mira, tfittxija binarja ta' 7 iterazzjonijiet taġġusta awtomatikament il-parametru tal-kwalità sakemm il-ħruġ jidħol f'dak id-daqs jew taħtu.
4. 4
   Ir-riżultat jintwera bħala anteprima u jitniżżel lokalment

   Il-Blob kodifikat jinbidel f'object URL għall-panel tal-anteprima — l-ebda round-trip lil server. L-ikklikkjar tat-tniżżil jitfa' sejvjar lokali b'isem tal-fajl li jinkludi d-dimensjonijiet finali tal-pixel.

Għodod Relatati